@charset "utf-8";
*{padding: 0;margin: 0;}
html{width: 100%;height: 100%;}
body{ height: 100%;}
a{text-decoration: none;}
.clear{clear:both;height:0px;font-size:0px;line-height:0px;}
.login-wrapper{min-height: 915px;height:100%;min-width: 1200px;position: relative;}
.login-wrapper .wrapper_word{
    width:25%;float:left; height:100%;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.login-wrapper .wrapper_word .word_txt{
    width:25%; height:100%;position: absolute;top:0;left:0; display:flex;text-align:center;align-items:center;justify-content:center;
    color:#fff;font-size:28px;line-height:50px; background: url(../images/login/left_bg.jpg) no-repeat 0 0;background-size: cover;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
@media screen and (max-width: 1030px){
    .login-wrapper .wrapper_word,.login-wrapper .wrapper_word .word_txt{
        width: 0;
        overflow: hidden;
        display: none;
    }
}
.login-contain{
    width:75%;
    float:left;
}
.login-box{width: 770px;margin:0 auto;padding-bottom: 110px;padding-top: 50px;}
.login-box .login-logo{margin-bottom: 70px; }
.login-box .login-logo span{display: inline-block;vertical-align: middle;margin:0 10px;padding-left:10px;font-size:24px;color:#666;border-left:1px solid #d0d0d0;}
.login-box .login-logo a{display: inline-block;vertical-align: middle;}
.login-box .login-logo img{max-width: 400px;max-height: 90px;}
.login-box .login-logo .backhome{background:url(../images/login/01.png) no-repeat center;padding: 5px 15px;font-size: 13px;color:#616887;margin-top: 10px;}
.login-box .login-box-per-body,.login-box-com-body{
    margin:0 auto;background-color:#fff ;width: 528px;
    /*border-radius:5px;*/
    /*-moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);*/
    /*-webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);*/
    /*box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);*/
}
.login-box .login-box-header{height: 45px;position: relative;padding: 14px;}
.login-box .login-box-header .header-switch{float: left;}
/* .login-box .login-box-header .header-switch .tip{float: left;width: 160px;height: 40px;background:url(../images/login/tip1.png) no-repeat left;margin-left: 5px;} */
.login-box .login-box-header .header-switch .tip{float: left;width: 160px;height: 40px;background:url(../images/login/tip3.png) no-repeat left;margin-left: 5px;}
.login-box .login-box-header .header-switch.account .tip{background-image: url(../images/login/tip2.png);}
.login-box .login-box-header .header-switch .icon-switch{float: left;width: 40px;height: 40px;background-image: url(../images/login/20.png);background-position: left top;cursor: pointer;background-repeat: no-repeat;background-size:36px;}
.login-box .login-box-header .header-switch.account .icon-switch{background-image: url(../images/login/22.png);background-size:36px;}
.login-box .login-box-header .header-title{font-size: 28px;color: #ffffff;line-height: 64px;width:500px;height: 64px;overflow: hidden;margin: 0 auto; }
.login-box .login-box-header .rightab{width: 100px;cursor: pointer;color: #609ee0;position: absolute;right: 0px;top: 24px;text-align: right;padding-right: 15px;}
.login-box .login-box-header .gohome{width: 85px;position: absolute;left: 0px;top: 24px; color: #ffffff;cursor: pointer;text-align: left;padding-left: 15px;}
.login-box .login-box-com-body .login-box-header .rightab{color: #ffffff;}
.login-box .login-form{min-height:430px;}
.login-box .login-form .form-r{ width: 500px; margin: 0 auto 0;}
.login-box .switch-title{margin-bottom: 40px;text-align: center;}
.login-box .switch-title span{ font-size: 20px;margin:0 20px;color: #a1a6bb; padding: 0 5px 3px;cursor: pointer;border-bottom: 4px solid #fff;}
.login-box .switch-title span.active{color: #3a405b;border-bottom: 4px solid #3363ff;}
.login-box .form-group {margin-bottom: 30px;position: relative;}
.login-box .form-group.mm{margin-bottom: 20px;}
.login-box .form-group .input-login{padding-left: 10px;width: 490px;height:58px;border:1px solid #e3e8f0;line-height: 58px;border-radius: 3px;}
.login-box .form-group .input-login.code{width: 360px;}
.login-box .form-group .btn-getcode{width: 115px;height: 60px;background-color: #f1f7ff;color: #6d738f;border: 1px solid #e3e8f0;cursor: pointer;border-radius: 3px;position: absolute;right: 0px;top: 0px;}
.login-box .form-group .btn-disabled{background-color: #ebebeb;border: 1px #cbcecf solid; color: #a0a0a0; cursor: default;}
.login-box .txt-group{font-size: 14px;width: 500px;margin-bottom: 30px;line-height: 30px;}
.login-box .txt-group .txt-r{float: right;color: #198afa;text-decoration: none;}
.login-box .txt-group .txt-r:hover{text-decoration: underline;}
.login-box .txt-group .check-box{color: #999999;cursor: pointer;position: relative;top: 0;left:-14px; display: inline-block; height: 30px;background: url(../images/login/index_loginbox.png) no-repeat 0 center;padding-left: 18px;}
.login-box .txt-group .check-box.yes{background: url(../images/login/index_loginboxa.png) no-repeat 0 center;}
.txt-group input[name=autoLogin]{opacity:0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0);}
.login-box .btn-group{
    width: 500px;height: 50px;background-color: #3363ff;border-radius:3px;text-align: center;
    line-height: 42px;color: #ffffff;font-weight:bold;margin-bottom:20px ;cursor: pointer;border: none;font-size: 16px;letter-spacing: 10px;
}
.login-box .btn-group:hover{background-color: #0b3ad4;}
.login-box .btn-group.btn-disabled{background-color: #EBEBEB;border: 1px #cbcecf solid; color: #a0a0a0; cursor: default;}
.login-box .reg-link-box{width: 500px;color: #999999;font-size: 14px;margin-bottom: 15px;line-height: 26px;height: 26px;}
.login-box .reg-link-box .cooperate{float: left;}
.login-box .reg-link-box .cooperate p{float: left;}
.login-box .reg-link-box .cooperate .app-icon{float: left;}
.login-box .reg-link-box .reg-r{float: right;}
.login-box .reg-link-box .reg-txt{display: inline-block;color: #198afa;text-decoration: none;}
.login-box .reg-link-box .reg-txt:hover{text-decoration:underline ;}
.login-box .login-form .switch-link{width: 500px;border-top: 1px solid #f0f2f7;text-align: center;padding: 20px 0;margin-bottom: 6px;}
.login-box .login-form .switch-link a{color: #0076fe;}
.login-box .login-form .switch-link a:hover{color: #0468db;text-decoration: underline;}
.login-box .login-form .switch-link i{display: inline-block;width: 19px;height:19px;background: url(../images/login/09.png) no-repeat center;vertical-align: text-bottom;}
.login-box .qrcode-box{display: none;}
.login-box .qrcode-box .new-title{height: 30px;line-height:30px;text-align: center;color: #3a405b;font-size: 20px;  margin-top: 20px;}
.login-box .qrcode-box-shebao{display: none;}
.login-box .qrcode-box-shebao .new-title{height: 30px;line-height:30px;text-align: center;color: #3a405b;font-size: 20px;  margin-top: 20px;}
.login-box .qr-code {text-align: center;height: 300px;overflow: hidden;margin-top: 20px;}
.login-box .qr-code .wtitle{color: #4d4d4d;font-size: 16px;line-height: 44px;}
.login-box .qr-code img{width: 200px;height: 200px;border: 1px solid #E2E2E2;margin-top: 15px;}
.login-box .qr-code .txt{color: #666666;font-size: 14px;margin-bottom: 10px;}
.login-box .appsparent{text-align: center;}
.login-box .appsparent .txt{margin-bottom: 10px;font-size: 14px;color: #666666;}
.login-box .appsparent .app-icon{width: 30px;height: 26px;display: inline-block;background: url(../images/login/08.png) no-repeat center;}
/*.login-box .appsparent .app-icon.qq{}*/
.login-box .bottom-pic{text-align: center;margin-top: 15px;}
.login-footer{height: 150px;margin-top: -150px;}
/*登录提示*/
.login-box .errinfo{width:490px;line-height: 30px;color: #CC3300; background-color: #FFD8CE; border: 1px #FF9E86 solid; font-size: 12px; padding-left: 10px;margin-bottom: 15px; border-radius: 3px;}
.login-box .successinfo{width: 490px;line-height: 30px;color: #09771d;; background-color: #eefff2;border: 1px #4bd16f  solid;font-size: 12px;padding-left: 10px; margin-bottom: 15px; border-radius: 3px;}
/*去除Chrome表单自动填充样式*/
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #f0f0f0 inset;border: none;}
input:focus{outline: none;}
:-moz-placeholder{color:#b9b9b9;}
::-moz-placeholder{color:#b9b9b9;}
input:-ms-input-placeholder{color:#b9b9b9;}
input::-webkit-input-placeholder{color:#b9b9b9;}