* {
margin: 0px;
padding: 0px;
font: 14px/1.5 helvetica, "ºÚÌå", sans-serif;
}
body{
    margin:0px;
    font-size:12px;
    line-height:18px;   
    background: #e5e5e5;
}
.fontsize14{
    font-size:14px;
}
.line-height18{
}
.text-center{
    text-align:center;
}
a{
    text-decoration:none;
    color:#000000;

}

input,button,select,textarea{ outline:none;
    border:1px solid #dedede;
}
*{
    box-sizing:border-box;

}
.all{
    width:100%;

    overflow:hidden;
}
.img-repsonsevie{
    max-width:100%;
    height:auto;
}
img{display:block;}
ul{
    padding:0px;
    margin:0px;
    list-style-type:none;
}
.main,.startContainer,.zhiwei,.xindian{
    width:100%;

    position:relative;
    overflow:hidden;
}
.startContainer{
    background-color:#ebebeb;
}
.startContainer>div,.zhiwei>div{
    position:absolute;
}
.startContainer .button{
    width:40.6%;
    left:30%;
    top:30%;

}
.startletter{
    width:24.2%;
    left:36.5%;
    top:41%;
}

.hover>.startletter{

    opacity:0;
    -webkit-transition:all 1s linear;
    transition:all 1s linear;

}
.hover>.button{
    opacity:0;

    -webkit-transform:rotate(1200deg);
    -moz-transform:rotate(1200deg);
    transform:rotate(1200deg);
    -webkit-transition:all 1s linear;
    transition:all 1s linear;
    -webkit-transform-origin:45% 54%;
    transform-origin:50% 50%;


}

.zhiwei{
    background-color:#ebebeb;
    display:none;

}

.zhiweiImage{
    width:35.3%;
    left:32.5%;
    top:38%;
    position:relative;
    height:120px;
    overflow:hidden;

}
.zw{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;

}
.zw2{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:10px;
    overflow:hidden;

}
.zhiweiguang{
    width:100%;
    position:absolute;
    height:100%;
    top:0%;
}
.main{
 
}

.main>li{
    width:100%;
    position:absolute;
    top:0px;
    height:100%;
    left:0px;
    overflow:hidden;
}
.main>li{
    left:-100%;
}
.total_page{color:red!important;}
.main>li>.d1{text-align: center;
    color: #5496ac;
    font-size: 16px;}
.main>li:nth-child(1){
    left:0%;
}
.main>li:nth-child(7){
    background-image:url(../image/bg.png);
}
.main>li>div{
    position:absolute;
}

.header{
    width:60.3%;
    left:20%;
    top:5%
}
.xianshi>.a2,.a2{
    width:78.1%;
    left:11%;
    top:20%;
    opacity:1;

    transition:all 1s linear 1s;
    -webkit-transition:all 0.5s linear 0.3s;
}

.xiaoshi>.a2{
    width:78.1%;
    left:-100%;
    top:20%;
    opacity:0;
}

.xianshi>.a3,.a3{
    width:100%;
    left:0px;
    top:45%;
    opacity:1;
    text-align:center;
    transition:all 1s linear 1s;
    -webkit-transition:all 0.5s linear 0.5s;

}
.xiaoshi>.a3{
    width:100%;
    left:100%;
    top:45%;
    opacity:0;
    text-align:center;
}

.xiaoshi>.header{
    opacity:0;
}
.xianshi>.header{
    opacity:1;
    -webkit-transition: all 1s; /* For Safari 3.1 to 6.0 */
    transition: all 0.5s;
}

.xianshi>.b1{
    width:80.9%;
    left:10%;
    top:20%;
    opacity:1;
    transition:all 1s linear 1s;
    -webkit-transition:all 0.5s linear 0.5s;
}

.xiaoshi>.b1,.b1{
    width:80.9%;
    left:-100%;
    top:20%;
    opacity:0;
    -webkit-transition:all 0s linear 0.5s;
    transition:all 0s linear 0.5s;
}

.xianshi>.b2{

    width:46.7%;
    left:10%;
    top:33%;
    opacity:1;

    transition:all 1s linear 1s;
    -webkit-transition:all 0.5s linear 0.5s;
}

.xiaoshi>.b2,.b2{

    width:46.7%;
    left:100%;
    top:33%;
    opacity:1;
    -webkit-transition:all 0s linear 0.5s;
    transition:all 0s linear 0.5s;
}

.xianshi>.b3{

    width:80%;
    left:10%;
    top:54%;
    opacity:1;

    transition:all 1s linear 1s;
    -webkit-transition:all 0.5s linear 0.5s;
}

.xiaoshi>.b3,.b3{

    width:80%;
    left:-100%;
    top:54%;
    opacity:0;
    -webkit-transition:all 0s linear 0.5s;
    transition:all 0s linear 0.5s;
}


.xianshi>.f1{
    width:70%;
    left:15%;
    top:20.5%;
    opacity:1;
    transition:all 1s linear 1s;
    -webkit-transition:all 0.5s linear 0.5s;
}

.xiaoshi>.f1,.f1{
    width:70%;
    left:-100%;
    top:20.5%;
    opacity:0;
    -webkit-transition:all 0s linear 0.5s;
    transition:all 0s linear 0.5s;
}


.xianshi>.f2{
    width:49.6%;
    left:25.2%;
    top:30%;
    opacity:1;
    transition:all 1s linear 1s;
    -webkit-transition:all 0.5s linear 0.5s;
}

.xiaoshi>.f2,.f2{
    width:49.6%;
    left:100%;
    top:30%;
    opacity:0;
    -webkit-transition:all 0s linear 0.5s;
    transition:all 0s linear 0.5s;
}

.xianshi>.f3{
    width:90%;
    left:5%;
    top:48%;
    opacity:1;
    transition:all 1s linear 1s;
    -webkit-transition:all 0.5s linear 0.5s;
}

.xiaoshi>.f3,.f3{
    width:90%;
    left:-100%;
    top:48%;
    opacity:0;
    -webkit-transition:all 0s linear 0.5s;
    transition:all 0s linear 0.5s;
}

.xianshi>.g0,.xianshi>.g1,.xianshi>.g2,.xianshi>.g3,.xianshi>.g4,.xianshi>.g5,.xianshi>.g6,.xianshi>.g7,.xianshi>.g8,.xianshi>.g9,.xianshi>.g10,.xianshi>.g11{
    width:90%;
    left:5%!important;
    opacity:1;
    transition:all 1s linear 1s;
    -webkit-transition:all 0.5s linear 0.5s;
}

.xiaoshi>.g1,.xiaoshi>.g2,.xiaoshi>.g3,.xiaoshi>.g4,.xiaoshi>.g5,.xiaoshi>.g6,.xiaoshi>.g7,.xiaoshi>.g8,.xiaoshi>.g9,.xiaoshi>.g10,.xiaoshi>.g11,.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11{
    width:90%;
    opacity:0;
    -webkit-transition:all 0s linear 0.5s;
    transition:all 0s linear 0.5s;
}
.g0{
	top:2%;
    left:-100%;
}

.g0>h3,.g0>h4{margin:0px;padding:0px;color:#cc9102;}
.g0>h4{font-size:14px;}
.g0>h3{font-size: 16px;
font-weight: bold;}
.g1{
    top:19%;
    left:100%;
}
.g2{top:28%;left:-100%;}
.g3{top:39%;left:100%;}
.g4{top:62%;left:-100%;}
.g5{top:88%;left:100%;}
.g6{top:40%;left:-100%;}
.g7{top:48%;left:100%;}
.g8{top:55%;left:-100%;}
.g9{top:65%;left:100%;}
.g10{top:72%;left:-100%;}
.g11{top:84%;left:-100%;}
#afternoon>.g1{top:30%;left:-100%;}
#afternoon>.g2{top:48%;left:100%;}
#afternoon>.g3{top:71%;left:-100%;}
#afternoon>.g4{top:82%;left:100%;}
#afternoon>div{line-height:1.5;}
#afternoon>.g0>h3{margin-bottom: 10px;}
.gt{
    line-height:14px;
    clear:both;
}
.gt>.time{
   color:#cc9102;
}
.gt>.schu{

}
.gt>.gray_schu{
	 color:#a6a6a6;
}
.xianshi>.c1{
    width:37.5%;
    left:5%;
    top:35%;
    opacity:1;
    transition:all 1s linear 0.5s;
    -webkit-transition:all 1s linear 0.5s;
}

.xiaoshi>.c1,.c1{
    width:37.5%;
    left:-100%;
    top:35%;
    opacity:0;
    -webkit-transition:all 0s linear  0.5s;
    transition:all 0s linear 0.5s;
}


.xianshi>.c2{
    left:45%;
    width:55%;
    top:26%;
    opacity:1;
    transition:all 1s linear 1s;
    -webkit-transition:all 0.5s linear 0.5s;

}

.xiaoshi>.c2,.c2{
    left:100%;
    width:55%;
    top:26%;
    opacity:0;
    -webkit-transition:all 0s linear 1s;
    transition:all 0s linear 1s;
}


.xianshi>.d1{width:75.7%;left:12.5%;top:5%;	opacity:1;transition:all 1s linear 1s;-webkit-transition:all 0.5s linear 0.5s;}
.xiaoshi>.d1,.d1{width:75.7%;left:-100%;top:5%;	opacity:0;	-webkit-transition:all 0s linear 1s;
    transition:all 0s linear 1s;}

.xianshi>.d2{width:78.7%;left:10%;top:15%;opacity:1;transition:all 1s linear 1s;-webkit-transition:all 0.5s linear 0.5s;}
.xiaoshi>.d2,.d2{width:78.7%;left:100%;top:15%;opacity:0;
    -webkit-transition:all 0s linear 1s;
    transition:all 0s linear 1s;}




.xianshi>.e1{width:83.4%;top:20%;left:8.5%;opacity:1;transition:all 1s linear 1s;-webkit-transition:all 0.5s linear 0.5s;}
.xiaoshi>.e1,.e1{width:83.4%;top:20%;left:8.5%;opacity:0;	-webkit-transition:all 0s linear 1s;
    transition:all 0s linear 1s;}

.xianshi>.e2{width:14.3%;left:25%;bottom:35%;opacity:1;transition:all 1s linear 1s;-webkit-transition:all 0.5s linear 0.5s;}
.xiaoshi>.e2,.e2{width:14.3%;left:25%;bottom:35%;opacity:0;	-webkit-transition:all 0s linear 1s;
    transition:all 0s linear 1s;}



.xianshi>.e3{width:100%;bottom:0%;z-index:0;opacity:1;transition:all 1s linear 1s;-webkit-transition:all 0.5s linear 0.5s;}
.xiaoshi>.e3,.e3{width:100%;bottom:0%;z-index:0;opacity:0;	-webkit-transition:all 0s linear 1s;
    transition:all 0s linear 1s;}


.xianshi>.e4{
    width:33.4%;
    margin:auto;
    left:33%;
    top:70%;
    opacity:1;
    transition:all 1s linear 1s;
    -webkit-transition:all 1s linear 1s;

}


.xiaoshi>.e4,.e4{
    opacity:0;
    width:33.4%;
    margin:auto;
    left:33%;
    top:70%;
    transition:all 1s linear 1s;
    -webkit-transition:all 1s linear 1s;


}





.xindian{

    height:100%;
    width:100%;
    overflow:hidden;
    position:relative;
}
.xindian>div{
    position:absolute;
}

.xdcover{
    background-color:#ebebeb;
    height:100%;
    width:100%;
    overflow:hidden;
    position:absolute;
}



.xd1{
    width:100%;
    height:300px;
    overflow:hidden;
    top:0%;

}
.xd1>img{
    position:absolute;
    bottom:0px;
}

.hid>.xd1{
    top:-100%;
    -webkit-transition: top 1s ease-in-out 2s;
    -moz-transition: top 1s ease-in-out 2s;
    -o-transition: top 1s ease-in-out 2s;
    transition: top 1s ease-in-out 2s;
}


.xd2{
    width:100%;
    height:69%;
    overflow:hidden;
    top:200px;

}

.hid>.xd2{
    top:800px;
    -webkit-transition: top 1s ease-in-out 2s;
    -moz-transition: top 1s ease-in-out 2s;
    -o-transition: top 1s ease-in-out 2s;
    transition: top 1s ease-in-out 2s;
}

.xd2>.line{
    width:100%;
    overflow:hidden;
    position:absolute;
    top:0%;
    left:0px;
    height:100%;
    background-image:url(../image/xindian.png);
    background-repeat:no-repeat;
    background-position:left top;
    background-size:100%;
}

.hid>.xd2>.line{
    opacity:0;
    -webkit-transition: all 0s ease-in-out 2s;
    -moz-transition: all 0s ease-in-out 2s;
    -o-transition: all 0s ease-in-out 2s;
    transition: all 0s ease-in-out 2s;

    position:absolute;
    left:0px;
    top:0px;
    border:1px solid #ff0000;
}

@keyframes mymove
{
    from {right:10px;}
    to {right:0%;}
}

@-moz-keyframes mymove /* Firefox */
{
    from {right:10px;}
    to {right:0%;}
}

@-webkit-keyframes mymove /* Safari ºÍ Chrome */
{
    from {right:10px;}
    to {right:0%;}
}

@-o-keyframes mymove /* Opera */
{
    from {right:10px;}
    to {right:0%;}
}




@keyframes mymove2
{
    from {left:10px;}
    to {left:0%;}
}

@-moz-keyframes mymove2 /* Firefox */
{
    from {left:10px;}
    to {left:0%;}
}

@-webkit-keyframes mymove2 /* Safari ºÍ Chrome */
{
    from {left:10px;}
    to {left:0%;}
}

@-o-keyframes mymove2 /* Opera */
{
    from {left:10px;}
    to {left:0%;}
}





.leftButton,.rightButton{
    width:5%;
    position:fixed;
    right:0px;
    top:50%;
}
.rightButton{
    animation:mymove 1s infinite alternate;
    -moz-animation:mymove 1s infinite alternate; /* Firefox */
    -webkit-animation:mymove 1s infinite alternate; /* Safari and Chrome */
    -o-animation:mymove 1s infinite alternate; /* Opera */
}
.leftButton{
    left:0px;
    display:none;

    animation:mymove2 1s infinite alternate;
    -moz-animation:mymove2 1s infinite alternate; /* Firefox */
    -webkit-animation:mymove2 1s infinite alternate; /* Safari and Chrome */
    -o-animation:mymove2 1s infinite alternate; /* Opera */
}


.registerForm{
    width:80%;
    left:10%;
    overflow:hidden;
    background-color:#ffffff;
    border-radius:10px;
    box-shadow:4px 4px 10px rgba(0,0,0,.3);
    top:30%;
    color:#6c7889;
    position:absolute;
    display:none;
}

.registerForm ul{
    width:90%;
    margin:10px auto 10px auto;
    overflow:hidden;
}
.registerForm>.close{
    width:100%;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border:2px solid #ffffff;
    margin:auto;
    background:-moz-linear-gradient(0,#0081ee,#048df2,#0aa3fa);/*Mozilla*/
    background:-webkit-linear-gradient(0,#0081ee,#048df2,#0aa3fa);/*Mozilla*/
    background:-o-linear-gradient(0,#0081ee,#048df2,#0aa3fa);/*Mozilla*/
    background:linear-gradient(0,#0081ee,#048df2,#0aa3fa);/*Mozilla*/
    height:30px;
    line-height:30px;
    text-indent:10px;
    color:#ffffff;
    font-weight:bold;
}
.registerForm>.close>a{
    color:#ffffff;


}
.registerForm ul>li{
    width:100%;
    overflow:hidden;
    margin-bottom:10px;
}
.registerForm ul>li>.label{
    width:40%;
    float:left;
}
.registerForm ul>li>.txt{
    width:60%;
    float:right;
}

.registerForm ul>li:last-child>a{
    width:30%;
    display:block;
    text-align:center;
    height:22px;
    line-height:22px;
    border-radius:5px;
    font-weight:bold;


    background:-moz-linear-gradient(0,#0081ee,#048df2,#0aa3fa);/*Mozilla*/
    background:-webkit-linear-gradient(0,#0081ee,#048df2,#0aa3fa);/*Mozilla*/
    background:-o-linear-gradient(0,#0081ee,#048df2,#0aa3fa);/*Mozilla*/
    background:linear-gradient(0,#0081ee,#048df2,#0aa3fa);/*Mozilla*/


    margin:auto;
    color:#ffffff;
}

.registerForm ul>li>div>input{
    width:98%;
    border-radius:8px;
}

.m{
    width:100%;
    position:relative;
    left:0px;
    top:0px;

    background-color:#ebebeb;
}
.m>img{
    opacity:0;
    position:absolute;
    left:0px;
    top:35%;
    opacity:0;
}

#expertBody{background:url("../image/bg.png") no-repeat;background-size: 100% 100%;}
#registerBtn,#modBtn{background:url("../image/btn.png") no-repeat;background-size:100% 100%;}
.d1{height: 30px;line-height: 30px;}
.img-repsonsevie{cursor:pointer;}
.listOfSpeech{color: #747474;margin-bottom: 1rem;}