@charset "utf-8";
.clearfix:after{clear:both;content:'.';display:block;height:0;overflow:hidden}
.clearfix{zoom:1}

#msgs{z-index:1000;position:absolute;width: 303px;margin: 10px auto 0 70px;background:#D70C1B;border-radius:5px;height:40px;line-height:40px;color:#FFFFFF;text-align:center;display:none;padding: 0;top: auto;right: auto;}
.login_bg{background-color: #1F2325;background-image: url('../image/login/login_bg.jpg');background-size: cover;}
.login-show{width:700px;min-height:380px;float:left;padding:60px 30px;}
.login-show h1{font-size: 30px; color: #ccc; letter-spacing:6px; line-height: 46px; margin-bottom: 29px; font-weight:400;}
.login-show li{font-size: 18px; color: #aaa; letter-spacing:4px; line-height:60px;}

.login-main{width: 442px;background:#FFFFFF;margin:0 28px;float:left;border-radius: 5px;position: relative;}

.com-name{height: 80px;width:100%;position:relative;}
.com-name h1{height:80px;line-height:80px;text-align:center;font-weight:600;font-size:28px;}
.could_scan{display:none;}
.could_scan a{display: inline-block; float: right; width: 50px; height: 50px; background: url(../image/login/co.png) no-repeat; background-size: cover; position: absolute; top: 12px; right: 12px;border-bottom:0;}
.could_scan.on a{display: inline-block; float: right; width: 50px; height: 50px; background: url(images/pc.png) no-repeat; background-size: cover; position: absolute; top: 12px; right: 12px;  border-bottom:0;}
.could_scan .xhui-tag-size{cursor: pointer; color: #FE542E; font-size: 14px; line-height: 25px; text-align: center; float: left; width: 73px; position: absolute; left: -80px; height: 25px;}

.login-head{height:50px;overflow:hidden;padding: 0 70px;}
.login-head ul{height:48px;border-bottom: #E5E5E5 1px solid;}
.login-head li{float:left;width: 33%;height:48px;line-height: 48px;text-align:center;font-size:16px;border-bottom: #E5E5E5 1px solid;}
.login-head a{display:block;/* width:114px; */height:48px;}
.login-head li:hover{border-bottom: #D70C1B 3px solid;font-weight:bold;}
.login-head .on,.login-head .on:hover{border-bottom: #D70C1B 3px solid;font-weight:bold;}
.login-body{padding: 0 40px 30px;}
.login-body div{padding: 20px 30px 0 30px;}
.login-body .dx-code{position:relative;width: 375px;}
.login-body .dx-code #send{width: 104px;height: 42px;line-height: 42px;font-size: 13px;text-align: center;background: #FF552E;color: #ffffff;border: #FF552E 1px solid;border-left: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;float: left;margin-left: -1px;border-radius: 0 3px 3px 0;}
.login-body .dx-code #send .f_green{color: #FFEB3B}
.login-body div.login-oauth{padding: 10px 20px 10px 20px;overflow: hidden;font-size: 12px;}
.login-body div.login-oauth div{padding:0;font-size: 14px;font-weight: bold;}
.sns-login-title{height: 50px;line-height:40px;}
.other-login{}
.other-login a{margin:0 10px}
.login-oauth{text-align:center;margin-top: 0px;padding: 0;}
.login-oauth img{width: 40px;height: 40px;}
.login-oauth img:hover{transform: scale(1.3);-webkit-transform: scale(1.3);transition: all 1s ease 0s;-webkit-transform: all 1s ease 0s;}
.login-oauth img{
image-rendering: -moz-crisp-edges; 
image-rendering: -o-crisp-edges;   
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges; 
-ms-interpolation-mode: nearest-neighbor; 
}
.other-login{position: relative; height: 40px; vertical-align: top;}

#tips div{padding:0;}
#tips div.mscan,#tips div.mok{color:#D70C1B;font-size:14px}
#tips div.mout{position:absolute;background:#D70C1B;color:#ffffff;font-size:14px;bottom:80px;z-index:1;padding:20px 10px;left:22%;background: hsla(0,0%,100%,.95);left: 0;top: 0;width: 100%;height: 100%;}
#tips div.mout p:first-child{margin-top: 68px;}
#tips div.mout p{color: #3c3c3c;font-weight: 700;margin-top: 8px;margin-bottom: 8px;text-align: center;}
#tips div.mout p:nth-child(2) a,#tips a{color:#D70C1B}
#mimg{}
.login-oauth a img{-webkit-border-radius: 5%;-moz-border-radius: 5%;border-radius: 5%;margin-left:10px;}
.login-1,.login-2,.login-3{}
.animate-login .login-01{-webkit-animation: animate_qq 1.8s linear -0.6s 1; -o-animation: animate_qq 1.8s linear -0.6s 1; animation: animate_qq 1.8s linear -0.6s 1;}
.animate-login .login-02{-webkit-animation: animate_wechat 1.8s linear -0.4s 1; -o-animation: animate_wechat 1.8s linear -0.4s 1; animation: animate_wechat 1.8s linear -0.4s 1;}
.animate-login .login-03{-webkit-animation: animate_alipay 1.8s linear -0.2s 1; -o-animation: animate_alipay 1.8s linear -0.2s 1; animation: animate_alipay 1.8s linear -0.2s 1;}
@keyframes animate_qq{0%,75%{top:0px} 85%{top:-10px} 100%{top:0px}}
@keyframes animate_wechat{0%,75%{top:0px} 85%{top:-10px} 100%{top:0px}}
@keyframes animate_alipay{0%,75%{top:0px} 85%{top:-10px} 100%{top:0px}}
.btn-blue.login-btn{width:300px;height:42px;line-height:42px;font-size:16px;background: #D70C1B;border: 0;}
.btn-blue.login-btn:hover{opacity: .8;filter:alpha(opacity=80);}
.input-captcha,.input-question,.input-user,.input-pass,.input-mob,.input-mail,.input-text,.input-code{padding: 6px 10px 5px 30px;height: 42px;line-height: 40px;border:#E5E5E5 1px solid;font-size:14px;border-radius: 3px;}
.input-captcha{float: left;}
.input-captcha{background:url('../image/login/input-captcha.png') no-repeat 8px center;width: 170px;}
.input-question{background:url('image/input-question.png') no-repeat 8px center;width:300px;}
.input-user{background:url('../image/login/input-username.png') no-repeat 8px center;width: 300px;}
.input-pass{background:url('../image/login/input-password.png') no-repeat 8px center;width: 300px;}
.input-mob{background:url('../image/login/input-mobile.png') no-repeat 8px center;width:300px;}
.input-mail{background:url('image/input-mail.png') no-repeat 8px center;width:300px;}
.input-text{background:url('image/input-text.png') no-repeat 8px center;width: 300px;}
.input-code{background:url('../image/login/input-password.png') no-repeat 8px center;width: 197px;float: left;}
#captchapng{border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
#ccaptcha img{vertical-align:middle;}
.reg-tb #send{
    width: 100px;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    text-align: center;
    background: #FF552E;
    color: #ffffff;
    border: #FF552E 1px solid;
    border-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: -1px;
    border-radius: 0 3px 3px 0;
}

.reg-main{width:900px;margin:0 auto;}
.reg-step ul{height:48px;border-bottom:#E5E5E5 2px solid;}
.reg-step li{display:inline;float:left;width:240px;height:48px;line-height:48px;text-align:center;font-size:16px;font-weight:bold;border-bottom:#E5E5E5 2px solid;color:#9999B2;}
.reg-step li i{width:24px;height:24px;line-height:24px;color:#FFFFFF;background:url('../image/login/reg-step.png') no-repeat 0 0;display:inline-block;margin:12px 6px 0 0;font-style:normal;font-size:14px;}
.reg-step li b{width:24px;height:24px;line-height:24px;color:#FFFFFF;background:url('../image/login/reg-step.png') no-repeat 0 -48px;display:inline-block;margin:12px 6px 0 0;font-size:14px;}
.reg-step .on{border-bottom: #D80A1C 2px solid;color: #D80A1C;}
.reg-step .on i{background:url('../image/login/reg-step.png') no-repeat 0 -24px;}
.reg-step .on b{background:url('../image/login/reg-step.png') no-repeat 0 -72px;}
.reg-tb{width:700px;margin:0 auto;}
.reg-tb td{padding:10px;font-size:14px;}
.reg-tb .tl{width:120px;text-align:right;}
.reg-tb .tr{width: 320px;text-align: left;}
.reg-tb .tt{font-size:12px;}
.reg-inp{width:280px;padding:10px;height:22px;line-height:22px;border:#E5E5E5 1px solid;font-size:14px;}
.reg-btn{width:300px;height:42px;line-height:42px;font-size:16px;}
.tips{position:absolute;z-index:100;width:300px;background:url('image/tips_bg.gif') no-repeat 0 bottom;overflow:hidden;margin:-6px 0 0 -10px;}
.tips div{background:url('image/tips_top.gif') no-repeat;line-height:22px;padding:8px 10px 8px 36px;font-size:12px;}

.ceo-position-absolute {
    position: absolute !important;
}
.b-r-4 {
    border-radius: 4px!important;
}
.login-bg-01 {
    width: 100%;
    bottom: -15px;
    z-index: 20;
    display: block;
}
.login-bg-01 .bg-box {
    height: 50px;
    background: #fff;
    margin: 0 10px;
    opacity: .5;
}
.login-bg-02 {
    width:100%;
    bottom:-30px;
    z-index:10
}
.login-bg-02 .bg-box {
    height:50px;
    background:#fff;
    margin:0 20px;
    opacity:.2
}

/*登录注册*/
.w-login .w-lpb-f{float:left}
.w-lbpf-item.ver .pin{float:left;position:relative}
.w-lbpf-item.ver input{display:inline-block;width:153px!important}
.w-lbpf-item.ver .pin-image{float:left;height:48px;margin-left:5px;width:120px; border:#fecf6b 1px solid;padding:13px 20px;}
.w-lbpf-item.ver .pin-image img{height:22px;width:80px;cursor:pointer;}
.w-login .w-lpmore{float:right}
.w-lp-lin2{height:170px;float:left;background:#dcdcdc;width:1px;margin:15px 55px 0}
.w-lpm-l{float:left;width:334px}
.w-lp-mlink.w-loginm{margin:20px 0 50px}
.w-lp-mlink{color:#666;font-size:14px;text-align:center}
.w-lp-mlink a{color:#fff;background:#da1f2e;padding:5px 20px;border-radius:2px;margin-left:10px; font-size:12px}
.w-lp-mlink p{font-size:17px;margin-bottom:10px}
.w-lp-social{text-align:center;position:relative}
.w-lp-social h3 span{color:#444;font-size:16px;display:inline-block;background:#fff;padding:2px 10px;font-weight:600}
.w-lp-social h3::before{display:block;content:"";height:1px;width:27%;border-left:60px solid #e5e5e5;border-right:60px solid #e5e5e5;position:absolute;top:10px;left:58%;margin-left:-40%}
.w-lp-social ul{margin-top:30px}
.w-lp-social ul li{display:inline-block;padding:0 5px;cursor:pointer}
.w-lp-social .w-qq{background:#ff7257}

.w-login .w-l-panel{width:100%;margin:0 auto;background-repeat:no-repeat;background-position:top left;background-size:360px;-webkit-box-shadow:0 3px 15px 3px rgba(146,146,146,.1);-moz-box-shadow:0 3px 15px 3px rgba(146,146,146,.1);box-shadow:0 3px 15px 3px rgba(146,146,146,.1)}
.w-login{background-color:#f5f5f5;min-height:480px;width:100%;padding:30px 0;position:relative;z-index:1}
.w-lpbox .login-trps.error{background:#ff5656;font-size:18px}
.w-lpbox .login-trps.ok{background:green;font-size:18px}
.w-lpbox .login-trps{position:absolute;top:0;left:0;right:0;text-align:center;padding:8px 10px;color:#fff}
.w-lbpf-item{width:450px;position:relative}
.w-lbpf-item label{position:absolute;top:14px;left:15px;margin-bottom:0}
.w-lbpf-item .w-subbtn{width:100%;height:48px;border-radius:2px;text-align:center;background:#da1f2e;outline:0;color:#fff;font-size:18px;border:none;cursor:pointer;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.w-lbpf-item .w-input{width:87%;border:1px solid #d9e1e5;outline:0;border-radius:2px;padding-left:40px;color:#8d979c;font-size:14px;margin-bottom:20px;height:48px;background-position:12px}
.w-lbpf-item.ver .w-input{margin-bottom:10px;}
.w-lbpf-item.success .lp-trps{color:#fff;background:#0ca850;display:block}
.w-lbpf-item .lp-trps{position:absolute;top:15px;right:15px;font-size:12px;padding:3px;line-height:1;display:none}
.w-lbpf-item.error .lp-trps{color:#fff;background:#ff5656;display:block}
.w-l-panel .w-lpbox{padding:50px 80px;background:#fff;position:relative}
.w-login .w-lpbox-t{font-size:20px;color:#555;margin-bottom:30px}
.u-r-a {color: #09F;margin:0 0 15px 0;clear: both;}
.xz-fc3 {color: #F60;}
.u-close {font-size:24;text-align:center;line-height:300px;}
/*当前位置*/
#anchor {line-height:60px;border-bottom:1px solid #e1e8ec;background: #fff;}
#anchor .container .anchor {font-size:14px}
#anchor .container .anchor span {margin:0 10px}
#anchor .container .anchor a {color:#666}
#anchor .container .anchor a:hover {color:#03a9f4}
@media (max-width:768px) {
    #anchor {padding-top:5px;display:none}
}

#u-pass #strength,.form_reg #strength{width:390px;height:16px;line-height:16px;display:block;text-indent:110px;color: #999;margin-top:-10px;margin-bottom:10px;}
#u-pass div,.form_reg #strength{background: url(../user/images/strength.png) 0 0 no-repeat}
#u-pass .nothing,.form_reg .nothing{background-position: 0 0}
#u-pass .normal,.form_reg .normal{background-position: 0 -12px}
#u-pass .general,.form_reg .general{background-position: 0 -26px}
#u-pass .special,.form_reg .special{background-position: 0 -40px}
#u-pass li select{border: 1px solid #CCC; padding: 9px;}