@charset "utf-8";
*{padding: 0;margin: 0;}
html{width: 100%;height: 100%;}
body{background:#f3f7f9;height: 100%;}
a{text-decoration: none;}
.clear{clear:both;height:0px;font-size:0px;line-height:0px;}
.login-wrapper{min-height: 70%;}
.login-box{width: 773px;margin: 0 auto;padding-bottom: 150px;padding-top: 90px;}
.login-box .login-logo{margin-bottom: 35px;margin-left: 50px;}
.login-box .login-logo a{display: inline-block;vertical-align: middle;}
.login-box .login-logo img{max-width: 370px;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{background-color:#fff ;width: 773px;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: right;}
.login-box .login-box-header .header-switch .tip{float: left;width: 132px;height: 25px;background:url(../images/login/10.png) no-repeat right;margin-right: 10px;}
.login-box .login-box-header .header-switch.account .tip{background-image: url(../images/login/11.png);}
.login-box .login-box-header .header-switch .icon-switch{float: left;width: 49px;height: 47px;background-image: url(../images/login/12.png);background-position: right top;cursor: pointer;background-repeat: no-repeat;}
.login-box .login-box-header .header-switch.account .icon-switch{background-image: url(../images/login/13.png);}
.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:440px;}
.login-box .login-form .form-l{float: left;width: 300px;height: 388px;border-right: 1px solid #f0f0f0;}
.login-box .login-form .form-l .main-left .left-item{padding: 24px 50px;}
.login-box .login-form .form-l .main-left .left-item .txt{font-size: 16px;color: #666666;line-height: 24px;padding-left: 45px;}
.login-box .login-form .form-l .main-left .left-item .sub-txt{font-size: 13px;color: #999999;padding-left: 45px;line-height: 20px;}
.login-box .login-form .form-l .main-left .left-item i{float: left;width: 32px;height: 42px;}
.login-box .login-form .form-l .main-left .left-item.s1 i{background:url(../images/login/02.png) no-repeat center;}
.login-box .login-form .form-l .main-left .left-item.s2 i{background:url(../images/login/03.png) no-repeat center;}
.login-box .login-form .form-l .main-left .left-item.s3 i{background:url(../images/login/04.png) no-repeat center;}
.login-box .login-form .form-l .main-left .left-item.s4 i{background:url(../images/login/05.png) no-repeat center;}
.login-box .login-box-com-body .login-form .form-l .main-left .left-item.s1 i{background:url(../images/login/16.png) no-repeat center;}
.login-box .login-box-com-body .login-form .form-l .main-left .left-item.s2 i{background:url(../images/login/17.png) no-repeat center;}
.login-box .login-box-com-body .login-form .form-l .main-left .left-item.s3 i{background:url(../images/login/18.png) no-repeat center;}
.login-box .login-box-com-body .login-form .form-l .main-left .left-item.s4 i{background:url(../images/login/19.png) no-repeat center;}
.login-box .login-form .form-r{float: left;width: 332px;margin-left: 70px;margin-top: 15px;}
.login-box .switch-title{margin-bottom: 25px;}
.login-box .switch-title span{float:left;font-size: 16px;color: #a1a6bb;height:44px;line-height: 44px;padding: 0 47px;cursor: pointer;border-bottom: 2px solid #f0f2f7;}
.login-box .switch-title span.active{color: #3a405b;border-bottom: 2px solid #fe2e5f;}
.login-box .login-box-com-body .switch-title span{display: block;padding: 0px;width: 310px;color: #3a405b;padding-left: 22px;}
.login-box .form-group {margin-bottom: 25px;position: relative;}
.login-box .form-group.mm{margin-bottom: 15px;}
.login-box .form-group .imgbg{width: 45px;height: 24px;position: absolute;left: 1px;top: 10px;bottom: 1px;border-right: 1px solid #e3e8f0;}
.login-box .form-group.yhm .imgbg{background:url(../images/login/06.png) no-repeat center;}
.login-box .form-group.yhm .imgbg.mob{background:url(../images/login/15.png) no-repeat center;}
.login-box .form-group.mm .imgbg{background:url(../images/login/07.png) no-repeat center;}
.login-box .form-group .input-login{padding-left: 55px;width: 275px;height:43px;border:1px solid #e3e8f0;line-height: 43px;border-radius: 3px;}
.login-box .form-group .input-login.code{width: 155px;}
.login-box .form-group .btn-getcode{width: 115px;height: 45px;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: 12px;width: 332px;margin-bottom: 30px;height: 16px;}
.login-box .txt-group .txt-r{float: right;color: #fe2e5f;text-decoration: none;}
.login-box .txt-group .txt-r:hover{text-decoration: underline;}
.login-box .txt-group .check-box{color: #9ea1b1;cursor: pointer;position: relative;top: 2px;left:-14px; display: inline-block; height: 14px;background: url(../images/login/index_loginbox.png) no-repeat;padding-left: 18px;}
.login-box .txt-group .check-box.yes{background: url(../images/login/index_loginboxa.png) no-repeat;}
.txt-group input[name=autoLogin]{opacity:0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0);}
.login-box .btn-group{width: 332px;height: 50px;background-color: #fe2e5f;border-radius:25px;text-align: center;line-height: 42px;color: #ffffff;margin-bottom:20px ;cursor: pointer;border: none;font-size: 20px;letter-spacing: 10px;}
.login-box .btn-group:hover{background-color: #de1d4b;}
.login-box .btn-group.btn-disabled{background-color: #EBEBEB;border: 1px #cbcecf solid; color: #a0a0a0; cursor: default;}
.login-box .reg-link-box{width: 332px;color: #9ea1b1;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: #fe2e5f;text-decoration: none;}
.login-box .reg-link-box .reg-txt:hover{text-decoration:underline ;}
.login-box .login-form .switch-link{width: 334px;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: 22px;background: url(../images/login/14.png) no-repeat 50px;padding-left: 60px;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:320px;line-height: 26px;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: 320px;line-height: 26px;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;}