@charset "utf-8";
html{overflow-x:hidden;}
body{ font-size:12px; color:#505972; background: #0f225d; vertical-align:top;margin:0;padding:0;font-family:"Microsoft YaHei","SimSun","SimHei",Arial,Tahoma,Helvetica;-webkit-text-size-adjust:none;}h1,h2,h3,h4,h5,h6,u,i,div,font,span,table,tr,td,dl,dd,dt,ul,ol,li,pre,form,fieldset,input,textarea,blockquote{margin:0px;padding:0px;}ol,ul,li{list-style:none;margin:0px;padding:0px;vertical-align:top;}dl,dt,dd{list-style:none;margin:0px;padding:0px;vertical-align:top;}font{margin:0px;padding:0px;font:normal;font-weight:normal;}p{margin:0px;padding:0px;}img{vertical-align:top;border:0;}h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;font-size:12px;font-weight:normal;line-height:normal;}form{margin:0px;padding:0px;}abbr,acronym{border:0;}address,caption,cite,code,dfn,th,var{font-weight:normal;font-style:normal;}a{-webkit-text-size-adjust:none; -webkit-user-select: none;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-font-smoothing: antialiased;}a:link{color:#000;text-decoration:none;}a:visited{color:#000;text-decoration:none;}a:hover{color:#000;text-decoration:none;}a:active{color:#000;}a:focus,input{outline:none;}.clear:before,.clear:after{content:"";clear:both;display:block;height:0;visibility:hidden;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}input,textarea{background:none;border:0px none;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block; margin:0; padding:0;}.foAr{font-family:Arial,"Microsoft YaHei","SimSun";}html{overflow-x:hidden;}.fl{float:left;}.fr{float:right;}.show{display:block;}.hide{display:none;}.fontBankGothic{font-family:BankGothic,Arial;}
em{ font-style: normal;}
/*startdom*/
.main{ width: 640px; margin: 0px auto; position: relative;}
.btn{ display: block;}
.logo,.btn-login,.leaf,.slo,.btn-box .btn,.info-box h2,.pop .del,.pop .btnc,.pop .btnl,.pop .btnr,.select span.i{ background: url(../images/s.png) no-repeat; background-size: 640px auto;}
.pos{ position: absolute;}
.cont-box{ min-height:1300px;  background: url(../images/bg.jpg) no-repeat top center; background-size: 640px auto;}
.cont-box .logo{ width: 288px; height: 150px; background-position: 0px 0px; left: 18px; top: 25px; }

.cont-box .btn-login{width: 101px; height: 37px; background-position: -300px 0px; top: 15px; right: 14px;  font-size: 20px; color: #893f00; text-align: center; line-height: 37px; font-weight: bold;   }
.cont-box .btn-login .userName{ position: absolute; top: 0px;right: 110px;  color: #fff; font-weight: bold; min-width: 270px; display: block; text-align: right; overflow: hidden; height: 38px;}
.cont-box .mt{ width: 633px; height:500px; background:url(../images/mt.png) no-repeat center; background-size: 633px auto; left: 6px; top: 150px; }
.cont-box .leaf{ position: absolute; display: block;}
.cont-box .leaf-1{ width: 152px; height: 154px; top: 170px; left: 0px; background-position: 0px -345px;   }
.cont-box .leaf-2{ width: 110px; height: 75px; top: 140px; left: 530px; background-position: -10px -547px;   }
.cont-box .leaf-3{ width: 140px; height: 170px; top: 486px; left: 5px; background-position: -478px -352px;  }
.cont-box .leaf-4{ width: 220px; height: 150px; top: 525px; left: 430px; background-position: -185px -565px;  }
.cont-box .slo{ width: 625px; height: 160px; top: 640px; left: 8px; background-position: -10px -162px;}

.cont-box .btn-box{ width: 606px; height: 60px; top: 815px; left: 18px; }
.cont-box .btn-box .btn{ width: 197px; height: 65px; background-position: -301px -82px; float: left; font-size: 29px; text-align: center; color: #893f00; font-weight: bold; line-height:52px; margin-right: 5px;}
.cont-box .btn-box .btn.btn-gray{ background-position: 0px -800px;}
.cont-box .btn-box .btn-3{ margin-right: 0px;}
.info-box{ width: 602px; min-height: 308px; background: #0055b2; left: 18px; top: 900px; border: 2px solid #004b9e; border-radius: 8px; }
.info-box h2{ width: 196px; height: 53px; margin-top: 13px;  background-position: -419px 0px;  font-size:28px; line-height: 53px;  color: #704200; text-align: center; font-weight: bold;  }
.info-box  .info-cont{ padding: 15px 16px; color: #fff;}
.info-box  .info-cont h3{ font-size: 24px; margin-bottom: 10px;}
.info-box  .info-cont p{ font-size:18px;  margin-bottom: 5px;}

.pop{ width: 540px; height: 272px; background: rgba(0,0,0,0.9); position: absolute; z-index: 100; top: 28%; left: 50%; margin-left: -270px; border: 1px solid #4aa3ff; border-radius: 8px;}
.pop .del{ display: block; width: 48px; height: 48px; position:absolute; top: -24px; right: -24px; background-position: -480px -720px; }
.pop h2{ font-size: 37px; text-align: center; padding: 50px; color: #afecff;}
.pop h3{ font-size: 30px; text-align: center; padding:50px 40px; color: #afecff;}
.pop h4{ font-size: 24px; text-align: center; padding:14px 10px; color: #afecff;}
.pop .btns{ height: 60px; }
.pop .btnc{width: 253px; height: 60px; margin: 0px auto; background-position: 0px -720px; display: block; text-align: center; line-height: 50px; font-size: 31px; color: #001f76; font-weight: bold;}
.pop .btnl{width: 187px; height: 60px; float: left; margin-left: 68px; background-position: -265px -720px; display: block; text-align: center; line-height: 50px; font-size: 31px; color: #001f76; font-weight: bold;}
.pop .btnr{width: 187px; height: 60px; float: right; margin-right: 68px;   background-position:-265px -720px; display: block; text-align: center; line-height: 50px; font-size: 31px; color: #001f76; font-weight: bold;}
#s-rote{ width: 375px; position: absolute; background:#f1f1f1; position:absolute; top: 60px; left: 0px;  }
#s-rote li{ height: 50px; line-height: 50px; text-indent: 0.5em; overflow: hidden; border-bottom: 1px solid #d1d1d1; }
.inputBox{ width: 375px; margin: 60px auto 40px auto; }
.inputBox .input{ height: 60px; background: #fff; margin-bottom: 19px; position: relative; padding-left: 85px;}
/*.inputBox .input span{ display: block;  line-height: 60px; font-size: 24px; width: 85px; position: absolute; top: 0px; left: 0px; color: #001f76; text-align: center; }*/
.inputBox .input input{ display: block; height: 60px; font-size: 20px;}
.inputBox .select{ height: 60px; line-height: 60px; font-size: 24px; background: #fff;  position: relative; padding:0px 15px;}
.inputBox .select span.i{ display: block; width: 40px; height: 45px; position: absolute; top: 10px; right: 12px; background-position:-540px -720px;
       transition: transform  0.5s;
        -moz-transition: transform  0.5s;  /* Firefox 4 */
        -webkit-transition: transform  0.5s;   /* Safari 和 Chrome */
        -o-transition: transform  0.5s;    /* Opera */
 }


.anm-bounceInDown{
-webkit-animation:bounceInDown 1s .2s ease both;
-moz-animation:bounceInDown 1s .2s ease both;}
@-webkit-keyframes bounceInDown{
0%{opacity:0;
-webkit-transform:translateY(-2000px)}
60%{opacity:1;
-webkit-transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px)}
100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceInDown{
0%{opacity:0;
-moz-transform:translateY(-2000px)}
60%{opacity:1;
-moz-transform:translateY(30px)}
80%{-moz-transform:translateY(-10px)}
100%{-moz-transform:translateY(0)}
}
.anm-tada{
-webkit-animation:tada 1s .2s ease both;
-moz-animation:tada 1s .2s ease both;}
@-webkit-keyframes tada{
0%{-webkit-transform:scale(1)}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0)}
}
@-moz-keyframes tada{
0%{-moz-transform:scale(1)}
10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
100%{-moz-transform:scale(1) rotate(0)}
}
.anm-bounceInRight{
-webkit-animation:bounceInRight 1s .2s ease both;
-moz-animation:bounceInRight 1s .2s ease both;}
@-webkit-keyframes bounceInRight{
0%{opacity:0;
-webkit-transform:translateX(2000px)}
60%{opacity:1;
-webkit-transform:translateX(-30px)}
80%{-webkit-transform:translateX(10px)}
100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes bounceInRight{
0%{opacity:0;
-moz-transform:translateX(2000px)}
60%{opacity:1;
-moz-transform:translateX(-30px)}
80%{-moz-transform:translateX(10px)}
100%{-moz-transform:translateX(0)}
}
.anm-leaf{
     -webkit-animation: leafAuto 1s ease-in infinite alternate;
}
@-webkit-keyframes leaf{
0%{opacity:0;
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
    }
100%{
        -webkit-transform:rotate(60deg);
        -moz-transform:rotate(60deg);
    }
}
@-webkit-keyframes leafAuto{
0%{
        -webkit-transform:translate(0px,0px);
        -moz-transform:translate(0px,0px);
    }
100%{
              -webkit-transform:translate( 20px,0px);
        -moz-transform:translate(20px,0px);
    }
}
.anm-leaf2{
     -webkit-animation: leafTR 1s ease-in infinite alternate;
}
@-webkit-keyframes leafTR{
0%{
        -webkit-transform:rotate(0deg) translate(0px,0px);
        -moz-transform:rotate(0deg) translate(0px,0px);
    }
100%{
        -webkit-transform:rotate(5deg) translate(12px,0px);
        -moz-transform:rotate(5deg) translate(12px,0px);
    }
}


/*enddom*/

.anm-pulse{
-webkit-animation:pulse 0.5s .2s ease both;
-moz-animation:pulse 0.5s .2s ease both;}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.2)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulse{
0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(1.2)}
100%{-moz-transform:scale(1)}
}
.anm-rotate{
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
}