/* =============== Reset ==*/

body, div, span, ul, li, input, label{
    margin:0;
    padding:0;
    font-family:"Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif, "Microsoft Yahei";
    font-size:14px;
    line-height:20px;
}
body{
    color:#000;
    width:100%; /*height:100%; overflow:hidden;*/
    min-width:750px;
}
ol, ul, li{
    list-style:none
}
label, input, button, select{
    font-size:14px;
    font-weight:normal;
    line-height:20px
}
input, textarea, keygen, select, button, isindex, meter, progress{
    outline:none
}
blockquote:before, blockquote:after, q:before, q:after{
    content:'';
    content:none
}
/* =============== End ==*/

/*default*/

a{
    color:#000;
    text-decoration:none
}
a:hover{
    color:#20caa3;
}
h2{
    font-size:18px;
}
h3{
    font-size:22px;
}
.t12{
    font-size:12px !important
}
.clear{
    clear:both;
    height:0;
    line-height:0;
    margin:0 auto;
    font-size:1px
}
.fade{
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.fade.in{
    opacity:1;
    display:block \0;
}
.fade.out{
    opacity:0;
    display:none
}
.close{
    float:right;
    font-size:20px;
    font-weight:bold;
    line-height:20px;
    color:#000;
    text-shadow:0 1px 0 #fff;
    opacity:.2;
    filter:alpha(opacity=20);
    font-family:"Open Sans";
    cursor:auto
}
.clx:after{
    clear:both;
    content:"";
    display:block;
    height:0;
    visibility:hidden;
    color:#333
}
input[type="text"], input[type="password"]{
    border-radius:0 !important;
    border-width:1px;
    color:#aaa;
    background-color:#fff;
    border-color:#d5d5d5;
    box-shadow:none;
    -moz-transition-duration:.1s;
    -webkit-transition-duration:.1s;
    -o-transition-duration:.1s;
    -ms-transition-duration:.1s;
    transition-duration:.1s
}
input[type="text"], input[type="password"]{
    display:inline-block;
    height:24px;
    padding:4px 6px;
    font-size:16px;
    line-height:24px;
    color:#555;
    vertical-align:middle;
    background-color:#fff;
    border:1px solid #ccc;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition:border linear .2s, box-shadow linear .2s;
    transition:border linear .2s, box-shadow linear .2s
}
.btn{
    display:inline-block;
    *display:inline;
    width:275px;
    padding:10px 0px;
    margin-bottom:0;
    *margin-left:.3em;
    font-size:18px;
    line-height:20px;
    color:#f2f2f2;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    background-color:#179f7c;
    border:0;
    *zoom:1;
}
.btn:hover, .btn:focus, .btn:active, .btn.active{
    color:#fff;
    background-color:#20caa3;
}
/*Base*/

.wrapper{
    width:1000px;
    margin:0 auto;
    position:relative;
}
.header{
    z-index:1;
    height:100px;
    border-bottom:1px solid #e3e3e3;
    background:#fff;
}
.header .logo{
    float:left;
    width:180px;
    margin-top:15px; /*background:url(../images/ant_logo.png)*/
}
.header .logo img{width:100%;}
.header .logo a{
    display:block;
    overflow:hidden;
}
.header .text{
    float:right;
    margin-top:30px;
    font-size:14px;
    line-height:40px;
    color:#7b7b7b;
}
.header .text strong{
    margin:0 3px;
    font-size:32px;
    font-weight:400;
    color:#f5601f;
    vertical-align:-6px;
    *vertical-align:middle;
}
.header .tools{
    float:right;
    margin-left:70px;
    padding:0 20px;
    position:relative;
}
.header .tools .inner{
    line-height:100px;
}
.header .tools i{
    display:inline-block;
    width:18px;
    height:18px;
    margin-right:3px;
    background:url(../images/new_icon_app.png) no-repeat;
    vertical-align:-4px;
}
.header .tools .box{
    display:none;
    width:160px;
    height:170px;
    padding:20px 0 0;
    background:#000;
    background:rgba(0, 0, 0, .7);
    text-align:center;
    position:absolute;
    top:65px;
    left:10px;
    z-index:999;
}
.header .tools .box p{
    margin-top:10px;
    color:#fff;
}
.header .tools:hover .box{
    display:block;
}
.content{
    padding:30px 0;
    background-position:top center;
    background-repeat:repeat-x;
}
.content .wrapper{
    height:520px;
}
.content .main{
    position:absolute;
    right:5px;
    top:70px;
    width:310px;
}
.content .bigpic{
    background-repeat:no-repeat;
    position:absolute;
}
ul.login{
    width:280px;
    height:320px;
    padding:0 15px;
    background:#fff;
    background:rgba(255, 255, 255, .9);
    box-shadow:0px 2px 4px rgba(0, 0, 0, .4);
    border-radius:5px;
    border:1px solid #aaa;
}
ul.login h2{
    height:40px;
    line-height:40px;
    margin:0;
    border-bottom:1px solid #d7d7d7;
}
ul.login h2 span{
    float:left;
    width:56px;
    font-size:18px;
    line-height:40px;
    text-align:center;
    border-bottom:2px solid #179f7c;
}
ul.login h2 a{
    float:right;
    margin-right:10px;
    color:#666;
    font-size:14px;
}
ul.login h2 a:hover{
    color:#090;
}
ul.login li{
    display:block;
    padding:5px 0px;
    font-size:14px;
}
ul.login .mb20{
    margin-bottom:20px;
}
ul.login .mb10{
    margin-bottom:10px;
}
ul.login li div{
    position:relative;
}
ul.login li div label{
    position:absolute;
    top:12px;
    left:7px;
    display:inline-block;
    width:30px;
    height:20px;
    color:#a9a9a9;
    background:url(../images/v-label.png) no-repeat;
}
ul.login li .username{
    background-position:0 0;
}
ul.login li .password{
    background-position:0 -20px;
}
ul.login .valid .placeholder-valid{
    width:110px;
    padding-left:5px;
}
ul.login li.tr{
    padding:15px 5px 0 0;
    text-align:right;
}
ul.login li.tr label{
    width:70px
}
input.text{
    width:227px;
    height:24px;
    line-height:24px;
    padding:7px 5px 7px 45px;
    border:1px solid #ccc;
    border-radius:0;
    background-color:#f5f5f5;
    box-shadow:inset 0 1px 5px -2px rgba(0, 0, 0, .3);
    color:#000;
    font-size:16px;
    -webkit-transition:all .1s;
    -moz-transition:all .1s;
    -ms-transition:all .1s;
    transition:all .1s
}
input.text:focus{
    border:1px solid #179f7c;
    background-color:#fff;
}
ul.login li label.remember{
    display:block;
    margin:0px 0px 10px;
    width:160px
}
.placeholder-username{
    background-image:url(../pic/v-placeholder.png?t=201607011630);
    background-repeat:no-repeat;
    background-position:45px 0;
}
.placeholder-password{
    background-image:url(../pic/v-placeholder.png?t=201607011630);
    background-repeat:no-repeat;
    background-position:45px -40px;
}
/*Browsers download*/

.download .qrcode{
    position:absolute;
    top:15px;
    right:0;
}
.download .qrcode div{
    float:left;
}
.download .qrcode .text{
    margin-right:20px;
    line-height:50px;
}
.download .qrcode .text i{
    display:inline-block;
    width:10px;
    height:10px;
    margin-right:7px;
    background:#179f7c;
}
.download .qrcode .text i.ic-weibo{
    display:inline-block;
    width:16px;
    height:16px;
    margin:0 3px;
    background:url(../images/logo-sns.png) 0 0 no-repeat;
    overflow:hidden;
    vertical-align:-2px;
    *vertical-align:middle;
}
.download .qrcode .text i.ic-wechat{
    display:inline-block;
    width:16px;
    height:16px;
    margin:0 3px;
    background:url(../images/logo-sns.png) 0 -16px no-repeat;
    overflow:hidden;
    vertical-align:-2px;
    *vertical-align:middle;
}
.download .qrcode .qr{
    width:70px;
    height:70px;
    background:url(../images/v-qrcode.png) no-repeat;
}
.download{
    width:100%;
    height:100px;
    background:#fff;
    border-top:1px solid #e3e3e3;
    font-size:12px;
}
.download .downlink{
    display:inline-block;
    font-size:12px;
    line-height:100px;
    margin-right:30px
}
.download .downlink span{
    display:inline-block;
    width:30px;
    height:30px;
    vertical-align:middle;
    margin-right:2px;
}
.download .downlink span.se360{
    background:url(../images/ico-360.png) no-repeat
}
.download .downlink span.chrome{
    background:url(../images/ico-chrome.png) no-repeat
}
.contactus{
    position:absolute;
    left:1px;
    bottom:12px;
}
.contactus i{
    font-style:normal;
    display:inline-block;
    padding-left:22px;
}
/* RWD */

@media (max-width:1100px){

    .wrapper{
        width:960px;
    }

}
/*

.new {background:url(../pic/v-blue.jpg?t=201607011630) repeat-x top;}

.new .content .bigpic {width:836px; height:485px; background:url(../pic/v-big.png?t=201505141715) no-repeat; position:absolute; top:0; left:-100px;}

*/

/*temp*/

.go5000{
    width:326px;
    height:32px;
    background:url(../pic/go5000.png?t=201607011630) no-repeat;
    position:absolute;
    top:33px;
    left:326px;
    font-size:0;
    line-height:0;
    overflow:hidden;
}
/* version 10000 */

.i10000 .content{
    background-image:url(../pic/v-10000.jpg?t=201607011630);
    padding-bottom:40px;
}
.i10000 .content .bigpic{
    width:735px;
    height:580px;
    background-image:url(../pic/v-big-10000.png?t=201607011630);
    top:-30px;
    left:-20px;
}
/* version fenghuang */

.ifenghuang .content{
    background-image:url(../pic/v-fenghuang.jpg?t=201607011630);
}
.ifenghuang .content .bigpic{
    width:360px;
    height:260px;
    background-image:url(../pic/v-big-fenghuang.png?t=201607011630);
    top:-30px;
    left:35px;
}
/* version xitang */

.ixitang .content{
    background-image:url(../pic/v-xitang.jpg?t=201607011630);
}
.ixitang .content .bigpic{
    width:360px;
    height:260px;
    background-image:url(../pic/v-big-xitang.png?t=201607011630);
    top:-50px;
    left:105px;
}
/* version ChristmasSpring */

.ixmas .content{
    background-image:url(../pic/v-ChristmasSpring.jpg?t=201607011630);
}
.ixmas .content .bigpic{
    width:603px;
    height:159px;
    background-image:url(../pic/v-big-ChristmasSpring.png?t=201607011630);
    top:180px;
    left:10px;
}
.ixmas .header{
    border-bottom:none;
}
.ixmas .content .main{
    top:25px;
}
.ixmas .main .login-bg{
    width:310px;
    height:159px;
    background:url(../pic/v-SantaClaus.png?t=201607011630) no-repeat center;
}
.ixmas ul.login{
    border:none;
    box-shadow:none;
    background:#fff;
    margin-top:-20px;
}
/* version spring */

.spring .content{
    background-image:url(../pic/v-yangzhou.jpg?t=201607011630);
}
.spring .content .bigpic{
    width:463px;
    height:131px;
    background-image:url(../pic/v-big-yangzhou.png?t=201607011630);
    top:60px;
    left:45px;
}
/* version wuyuan */

.wuyuan .content{
    background-image:url(../pic/v-wuyuan.jpg?t=201607011630);
}
.wuyuan .content .bigpic{
    width:420px;
    height:140px;
    background-image:url(../pic/v-big-wuyuan.png?t=201607011630);
    top:45px;
    left:10px;
}
/* version erhai */

.erhai .content{
    background-image:url(../pic/v-erhai.jpg?t=201607011630);
}
.erhai .content .bigpic{
    width:420px;
    height:140px;
    background-image:url(../pic/v-big-erhai.png?t=201607011630);
    top:55px;
    left:130px;
}
/* version pingyao */

.pingyao .content{
    background-image:url(../pic/v-pingyao.jpg?t=201607011630);
}
.pingyao .content .bigpic{
    width:245px;
    height:160px;
    background-image:url(../pic/v-big-pingyao.png?t=201607011630);
    top:-5px;
    left:80px;
}
/* version mid-autumn */

.mid-autumn .content{
    background-image:url(../pic/v-mid-autumn.jpg?t=201607011630);
}
/* version greatsnow */

.greatsnow .content{
    background-image:url(../pic/v-greatsnow.jpg?t=201607011630);
}
.greatsnow .content .bigpic{
    width:245px;
    height:160px;
    background-image:url(../pic/v-big-greatsnow.png?t=201607011630);
    top:45px;
    left:200px;
}
/* version newyear */

.newyear .content{
    background-image:url(../pic/v-newyear.jpg?t=201607011630);
}
/* version spring2016 */

.spring2016 .content{
    background-image:url(../pic/v-spring2016.jpg?t=201607011630);
}
/* version common */

.icommon .content{
    background-image:url(../pic/v-blue-sky.jpg?t=201607011630);
}
.icommon .content .bigpic{
    width:836px;
    height:485px;
    background-image:url(../pic/v-big.png?t=201607011630);
    left:-100px;
}
/* version moganshan */

/*.moganshan .content{
    background-image:url(../images/v-moganshan.jpg);
}*/
.graylayer{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0, 0, 0, .4);
}