@charset "UTF-8";
/* 登录页面 start */
body .layer-nobg {background-color: transparent; box-shadow: none; }
.login-password input { -webkit-box-shadow: 0 0 0px 1000px #fff inset; -moz-box-shadow:0 0 0 1000px #fff inset; box-shadow:0 0 0 1000px #fff inset; }
.xajaxlogin .normal-login-title { margin: 0px 0px 35px; width: 26px; height: 26px; cursor: pointer; background: url('/designuser/img/newpop.png') -10px -164px; }
.xajaxlogin .normal-login-title:hover { background: url('/designuser/img/newpop.png') -56px -164px; }
.xajaxlogin { width: 400px; height: 300px; border-radius: 4px; background-color: #fff; }
.xajaxlogin .normal-imgs { width: 400px; height: 300px; float: left; }
.xajaxlogin .normal-imgs img { width: 100%; height: 100%; display: inline-block; vertical-align: middle; border-radius: 4px 0px 0px 4px; }
.xajaxlogin .normal { width: 400px; float: left; box-sizing: border-box; padding-top: 30px; height: 300px; }
.xajaxlogin .normal .normal-login { display: block; margin: 0 auto; width: 300px; }
.xajaxlogin .normal .normal-login .login-from label { width: 300px; border-bottom: 1px solid #E7E7E9; display: block; margin-bottom: 20px; }
.xajaxlogin .normal .normal-login .login-from label input { border: none; background: none; width: 300px; height: 40px; line-height: 40px; font-size: 14px; outline: 0; }
.xajaxlogin .normal .normal-login .login-from .login-password { position: relative; }
.xajaxlogin .normal .normal-login .login-from .login-yzm { display: none; position: relative; }
.xajaxlogin .normal .normal-login .login-from .login-yzm button, .xajaxlogin .normal .normal-login .login-from .login-yzm #sendYzm { display: block; border-radius: 4px; border: 1px solid #e7e7e9; width: 90px; height: 32px; line-height: 32px; font-size: 12px; color: #999999; text-align: center; position: absolute; top: 50%; margin-top: -22px; right: 0; cursor: pointer; background: none; }
.xajaxlogin .normal .normal-login .login-from .login-yzm button:hover, .xajaxlogin .normal .normal-login .login-from .login-yzm #sendYzm:hover { border: 1px solid #3bc66f; color: #3bc66f; }
.xajaxlogin .normal .normal-login .login-operation { padding: 0px 0 40px; }
.xajaxlogin .normal .normal-login .login-operation.register-operation { padding-bottom: 30px; }
.xajaxlogin .normal .normal-login .login-operation div a { font-size: 14px; line-height: 14px; cursor: pointer; }
.xajaxlogin .normal .normal-login .login-operation div a:hover { color: #3bc66f; }
.xajaxlogin .normal .normal-login .login-operation .login-forget { float: left; }
.xajaxlogin .normal .normal-login .login-operation .login-forget a { color: #999; }
.xajaxlogin .normal .normal-login .login-operation .login-register { float: right; }
.xajaxlogin .normal .normal-login .login-operation .login-register a { color: #666; }
.xajaxlogin .normal .normal-login .login-btn a { width: 300px!important; height: 44px!important; background-color: #1CB927; border-radius: 4px; font-size: 16px; text-align: center; line-height: 44px; color: #fff; display: block; margin: 0 auto; cursor: pointer; margin-bottom: 30px; }
.xajaxlogin .normal .normal-login .login-btn .login-btn-active { background-color: #3bc66f; color: #fff; }
.xajaxlogin .normal .normal-login .login-tips { font-size: 14px; line-height: 14px; padding: 0; text-align: center; display: none; color: #666; }
.xajaxlogin .normal .normal-login .login-tips b { font-weight: normal; color: #3bc66f; }

.xajaxlogin .normal .login-style {text-align: center;}
.xajaxlogin .normal .login-style .login-style-title { color: #999; font-size: 14px; line-height: 14px; margin-top: 20px; }
.xajaxlogin .normal .login-style .login-style-title b { width: 96px; height: 1px; background-color: #E7E7E9; display: inline-block; margin: 0 19px; vertical-align: middle; }
.xajaxlogin .normal .login-style .login-style-contant { margin: 34px auto; font-size: 0; }
.xajaxlogin .normal .login-style .login-style-contant a { display: inline-block; width:60px; height:60px; cursor: pointer; }
.xajaxlogin .other-normal .login-style .login-style-contant a { margin: 0 15px; }
.xajaxlogin .normal .login-style .login-style-contant a img { width: 100%; height: 100%; display: inline-block; }

.xajaxlogin .normal .login-style .login-style-text { font-size: 12px; color: #999; position: absolute; bottom: 30px; right: 0px; text-align: center; width: 400px; }
.xajaxlogin .normal .login-style .login-style-text a { color: #3bc66f; }
.xajaxlogin .other-normal .normal-login .login-tips { display: block; padding-top: 10px; }
.xajaxlogin .other-normal .normal-login .login-from .login-password { display: none; }
.xajaxlogin .other-normal .normal-login .login-from .login-password.register-pwd { display: block; }
.xajaxlogin .other-normal .normal-login .login-from .login-yzm { display: block; }
.xajaxlogin .other-normal .login-style { padding-top: 28px; }
.xajaxlogin .other-normal .login-style.pt-0 { padding-top: 0; }
.xajaxlogin .other-normal .login-style .login-style-contant { margin: 26px auto; }
.intl-tel-input.separate-dial-code .selected-dial-code { color: #333; }
.three-login-notips { position: absolute; top: 60px; right: 49px; font-size: 14px; color: #666; }
.three-login-notips a { color: #3BC66F; font-weight: bold; }
.three-login .normal { box-sizing: border-box; height: 300px; position: relative; }
.three-login .normal .login-style {}
.xajaxlogin .normal .login-style .login-style-title b { background-color: #E7E7E9; }
.three-login .normal .login-style .login-style-contant { margin:30px auto 165px; font-size: 0; vertical-align: middle;/* height: 100px;
  line-height: 100px; */ }
.three-login .normal .login-style .login-style-contant span { display: inline-block; /* width: 57px; */ vertical-align: middle; margin: 0px 32px; position: relative; }
.three-login .normal .login-style .login-style-contant span em { font-style: normal; font-size: 12px; color: #999; display: none; margin-left: 5px; }
.three-login .normal .login-style .login-style-contant span .login-type-show { display: inline-block; }
.three-login .normal .login-style .login-style-contant span b { font-size: 12px; color: #999; font-weight: normal; }
.three-login .normal .login-style .login-style-contant span a { display: block; width: 58px; height: 57px; cursor: pointer; }
.three-login .normal .login-style .login-style-contant .style-contant-wechat { background: url('/designuser/img/newpop.png') -166px -10px; }
.three-login .normal .login-style .login-style-contant .style-contant-wechat:hover { background: url('/designuser/img/newpop.png') -166px -87px; }
.three-login .normal .login-style .login-style-contant .style-contant-qq { background: url('/designuser/img/newpop.png') -10px -10px; margin-right: 0; }
.three-login .normal .login-style .login-style-contant .style-contant-qq:hover { background: url('/designuser/img/newpop.png') -88px -10px; }
.three-login .normal .login-style .login-style-contant .three-login-phoneeml { background: url('/designuser/img/newpop.png') -10px -87px; }
.three-login .normal .login-style .login-style-contant .three-login-phoneeml:hover { background: url('/designuser/img/newpop.png') -88px -87px; }
.three-login .normal .loginv3-style {}
.three-login .normal .loginv3-style .login-style-contant { margin: 45px auto 10px; }
.login-voice { font-size: 14px; color: #999999; line-height: 14px; margin-bottom: 40px; }
.three-login .normal .login-style .login-style-contant .login3-qqphone span a { margin: 0px auto 10px; }