@charset "UTF-8";
/* 登录页面 start */
body .layer-nobg { background-color: transparent; box-shadow: none; }
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('../images/newpop.png') -10px -164px; }
.xajaxlogin .normal-login-title:hover { background: url('../images/newpop.png') -56px -164px; }
.xajaxlogin { width: 800px; height: 520px; border-radius: 4px; background-color: #fff; }
.xajaxlogin .normal-imgs { width: 400px; height: 520px; 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: 46px; height: 520px; }
.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-key {
    display: flex;
}
.xajaxlogin .normal .normal-login .login-from .login-password { position: relative; }
.xajaxlogin .normal .normal-login .login-from .login-password i { width: 15px; height: 15px; display: inline-block; position: absolute; top: 50%; margin-top: -7.5px; right: 0; cursor: pointer; background: url(/user/images/personaluser/loginv2/loginv2-1.png) center no-repeat; }
.xajaxlogin .normal .normal-login .login-from .login-password .seepwd { background: url(/user/images/personaluser/loginv2/loginv2-2.png) center no-repeat; }
.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; height: 44px; background-color: #8cdcaa; border-radius: 4px; font-size: 16px; text-align: center; line-height: 44px; color: #fff; display: block; margin: 0 auto; cursor: pointer; }
.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; padding-top: 36px; }
.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-contant .style-contant-qq { background: url(/user/images/personaluser/loginv2/loginv2-3s.png) center no-repeat; margin-right: 50px; }
.xajaxlogin .normal .login-style .login-style-contant .style-contant-qq:hover { background: url(/user/images/personaluser/loginv2/loginv2-3s.png) center no-repeat; }
.xajaxlogin .normal .login-style .login-style-contant .style-contant-wechat { background: url(/user/images/personaluser/loginv2/loginv2-4s.png) center no-repeat; }
.xajaxlogin .normal .login-style .login-style-contant .style-contant-wechat:hover { background: url(/user/images/personaluser/loginv2/loginv2-4s.png) center no-repeat; }
.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 .normal-login .login-from .register-key { display: flex; }
.xajaxlogin .other-normal .normal-login .login-from .register-key span,
.xajaxlogin .other-normal .normal-login .login-from .register-key img {
    line-height: 40px;
    height: 40px;
    cursor: pointer;
}
.xajaxlogin .other-normal .normal-login .login-from .register-key .user-key {
    width: 180px;
}
.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: 520px; position: relative; }
.three-login .normal .login-style { padding-top: 27px; }
.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(../images/newpop.png) -166px -10px; }
.three-login .normal .login-style .login-style-contant .style-contant-wechat:hover { background: url(../images/newpop.png) -166px -87px; }
.three-login .normal .login-style .login-style-contant .style-contant-qq { background: url(../images/newpop.png) -10px -10px; margin-right: 0; }
.three-login .normal .login-style .login-style-contant .style-contant-qq:hover { background: url(newpop.png) -88px -10px; }
.three-login .normal .login-style .login-style-contant .three-login-phoneeml { background: url(../images/newpop.png) -10px -87px; }
.three-login .normal .login-style .login-style-contant .three-login-phoneeml:hover { background: url(../images/newpop.png) -88px -87px; }
.three-login .normal .loginv3-style { padding-top: 27px; }
.three-login .normal .loginv3-style .login-style-contant { margin: 45px auto 10px; }

.login3-wechat-title { text-align: center; position: relative; }
.login3-wechat h6 { margin: 0px auto 45px; font-size: 12px; color: #fff; width:170px; height:24px; line-height: 24px; text-align: center; background:rgba(59, 198, 111, 1); border-radius:12px; }
.login3-wechat h6 i { display: inline-block; margin-right: 3px; width: 18px; vertical-align: middle; height: 15px; background: url('wechatv4.png') center no-repeat; }
.login3-wechat-title em { font-size: 12px; color: #999; font-style: normal; position: absolute; top: 24px; left: 0px; width: 100%; text-align: center; display: none; }
.login3-wechat-erweima { width: 170px; height: 170px; margin: 15px auto 15px; position: relative; box-sizing: border-box; border: 1px solid #eee; }
.login3-erweima-box{
    display: flex;
    justify-content: center;
    align-items: center;
}

.login3-erweima-black { display: none; position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); }
.login-yzm-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;
}