*{margin:0;padding:0}
html,body{margin:0;padding:0;height: 100%;font-size:14px;-webkit-overflow-scrolling : touch;}
/* body{background-color: #1e2746;background-image: -webkit-repeating-radial-gradient(center center,rgba(0,0,0,.1),rgba(0,0,0,.1) 1px,transparent 0,transparent 100%);background-image: repeating-radial-gradient(center center,rgba(0,0,0,.1),rgba(0,0,0,.1) 1px,transparent 0,transparent 100%);background-size: 4px 4px;background-attachment: fixed;position: relative} */
body{position: relative; background: url('images/new_login/bg.png') center 100%;}
ul,li,p{margin:0;padding:0}
ul,li{list-style: none;}
a{text-decoration: none;color:#666}
a,a:hover,a:active,a:visited,a:link,a:focus,li,button,label{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;}
input,button{outline: none;-webkit-appearance: none;-moz-appearance: none;}
input::-ms-clear{display:none;}
/* input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {background-color:rgba(64,81,128,0.7);background-image: none;} */
/* input:-webkit-autofill { box-shadow: 0 0 0 1000px #364571 inset !important;color:#fff} */
/* .wrapper{width: 1178px;margin: 0 auto;padding-top: 68px;position: relative;-webkit-overflow-scrolling : touch;z-index: 1;padding-bottom: 80px;box-sizing: border-box} */
.wrapper {
width: 1178px;
position: absolute;
margin-top: 30px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.fl{float: left}
.fr{float: right}
.clear:after{content:'';display: table;clear: both}
.blue{color:#2981ff !important;}
.red{color:#ff5f5f !important;}
.grey{color:#d2d3d7 !important;}
.black{color: #626266;}
.underline{text-decoration: underline}
.inline-block{display: inline-block}
.center{text-align: center}
.left{text-align: left}
.bold{font-weight: bold}
.f16{font-size: 16px}
.f18{font-size: 18px}
.f20{font-size: 20px}
.mobile-data {display:none;}
.pc-data {display: block;}
/*滚动条样式*/
::-webkit-scrollbar-track-piece {background-color:#f0f1f7;}
::-webkit-scrollbar{width:9px;height:9px;border-radius: 9px;}
::-webkit-scrollbar-thumb{background-color:#dddddd;background-clip:padding-box;min-height:28px;border-radius: 9px;}
::-webkit-scrollbar-thumb:hover{background-color:#bbb;}
/*头*/
.login-header {position: fixed;top: 0;left:0;right:0;height: 68px;box-sizing: border-box;padding: 18px 30px; z-index: 9;background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#252b3a, #252b3a);box-shadow: 0px 2px 6px 0px rgba(52, 65, 91, 0.05);}
/* .login-logo img{width: 129px;height: 32px;} */
.login-header-r li{display:inline-block;line-height: 33px;padding-left: 30px;}
.login-header-r li:after{content:'|';color:#ced1db;margin-left: 30px;opacity: 0.3;}
.login-header-r li:last-child:after{display: none}
.login-header-r li a{color:#323235}
.login-header-r li a:hover {color: #2981ff;}
/*尾*/
.login-footer{position:fixed;bottom:10px;left: 0;right: 0; width:100%;text-align: center;color: #626266;}
.login-footer .info {font-size: 12px;color: #626266;opacity: 0.7;line-height: 2;}
.login-footer img {vertical-align: sub;}
.login-footer .links { color: #626266;font-size: 0; }
.login-footer .links a {font-size: 14px;line-height: 3;}
.login-footer .info a:hover,.login-footer .links a:hover {color: #2981ff;opacity: 1;}
/* 左侧图片 */
.login-banner{width: 483px;height:526px;background: url('images/new_login/left_login_2.png') no-repeat center bottom;}
.login-banner .slogan { text-align: center; }
.login-banner .slogan h3 { font-size: 40px;font-weight: normal;color: #1c1d1f;letter-spacing: 5px;margin-top:80px; }
.login-banner .slogan p { font-size: 18px;color: #333333;line-height: 50px;letter-spacing: 2px; }
/* 登录框 */
.login-item {width: 630px;min-height: 390px;margin-top: 4vh;padding: 20px 40px;box-sizing: border-box; background-color: #ffffff;}
.login-tab {border-bottom: 1px solid #eaebef;padding-bottom: 0;}
.login-tab li{display: inline-block;padding-bottom: 16px;font-size: 14px; margin-right: 35px;padding-top: 21px; cursor: pointer;color: #626266;}
.login-tab>li.active>a,.login-tab>li.active>a:focus,.login-tab>li.active>a:hover{padding: 16px 0px;border-bottom: 2px solid #2981ff;color: #2981ff;}
.login-switch {width: 40px;height: 40px;cursor: pointer;position: relative;}
.login-switch .tips-left {position: absolute;right: 50px;top: 6px;padding:0 8px;height: 28px;line-height: 28px;text-align: center;border-radius: 4px;white-space: nowrap; color: #2981ff;background-color: #e9f1ff;border: solid 1px #2981ff;}
.login-switch .tips-left:before{content:'';width: 0;height: 0;border-left: 6px solid #2981ff;border-bottom: 6px solid transparent;border-top: 6px solid transparent;position: absolute;right: -6px;top: 7px;}
.login-switch .tips-left:after{content:'';width: 0;height: 0;border-left: 4px solid #e9f1ff;border-bottom: 4px solid transparent;border-top: 4px solid transparent;position: absolute;right: -4px;top: 9px;}
.item-body{padding-top: 10px;display: flex;align-items: center;justify-content: space-between;}
.item-body .login-right {flex:1;border-left:1px solid #eaebef;padding-left:40px;margin-left: 35px;}
.dntu{width:50%;}
.dn23-dengl-btn{width:120px;display:inline-block;height: 48px;font-size: 14px; line-height:48px;border-radius: 4px;background-color: #2981ff;color:#fff;border:0;cursor: pointer;text-align: center;vertical-align: top}
.dn23-dengl-btn:active{background-color: #2981ff;color: #ffffff;}
.btn-md{width: 170px;height: 40px;line-height: 40px;}
.btn-sm{width: 120px;height: 40px;line-height: 40px;}
.btn-lg{width: 100%;text-indent: 10px;font-size: 14px;}
.btn-white{background-color: #fff;border:1px solid rgb(234, 235, 239);color:#333}
.btn-white:active{background-color: #fff;}
.btn-primary{background-color: transparent;color: #2981ff;border:1px solid #2981ff}
.btn-primary:active{background-color: transparent;}
.hollow-out { width: 132px; height: 38px;color: #323235;background-color: #ffffff;border: solid 1px #eaebef;}
.input-group{margin-top:12px;position: relative}
/* .input-group:first-child {margin-top: 20px;} */
/* .input-group:first-child{margin-top:10px;} */
input[type="checkbox"]::hover {
border: 1px solid #ccc;
}
input[type="checkbox"]::before{
content: "";
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
border: 1px solid #2981ff;
background-color: #fff;
text-align: center;
color: #2981ff;
}
input[type="checkbox"]:checked::before{
content: "\2714";
}
.input-group input{position: relative;font-size: 14px; display:inline-block;height: 42px;border:1px solid #cfcfcf;border-radius: 4px;width: 100%;padding:0 15px;box-sizing: border-box;}
/* .input-group.error input{border:1px solid #e02020;background-color: #fce8e8;} */
.input-group .code-input{width: calc(100% - 130px) !important;padding:0 15px !important;}
.input-group.error .tips.ERROR{position: relative;right: 0;left: unset; top: 6px;display: block;font-size: 12px;color:#e02020;}
.input-group.error .tips.ERROR i {vertical-align: -2px;margin-right: 3px;position: static;color:#e02020;}
.input-group.error input{-webkit-animation: shake 0.18s linear forwards;animation: shake 0.18s linear forwards}
.form-item{margin-top:15px;font-size: 14px;}
.form-group-tips {padding-top: 20px;}
.input-group.graph-code input{padding:0 110px 0 15px;}
.input-group.graph-code img{width:100px;height:35px;position: absolute;right: 7px;top:7px;cursor: pointer}
.input-group.input-code {width: 170px;}
.verify-bind .input-group.input-code {width: 61%;}
.verify-bind .p-hide {margin-top: 20px;}
.verify-bind .input-group .iconfont {position: absolute;right: 10px;top: 13px;color: #bdbdbd;}
.login-color{color: #626266;}
.checkbox{cursor: pointer;font-size: 0;-webkit-user-select:none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.checkbox input{display: none;}
.checkbox i{display: inline-block;width: 12px;height: 12px;border:1px solid #dde4ed;position: relative;top: 4px;font-size: 12px;border-radius: 2px;}
.checkbox input:checked + i:before{content:'';display: block;position: absolute;top: -1px;left: -1px;border-radius: 2px; width: 14px;height: 14px;line-height: 12px;background-color: #0195ff;color:#fff;}
.checkbox input:checked + i:after{content:'';position: absolute;left: 2px;top: 1px;width: 7px;height: 4px;border-width: 1px;border-style: solid;border-color: transparent transparent #fff #fff;font-size: 12px;transform: rotate(-45deg);}
.checkbox span{color:#626266;display: inline-block;line-height: 22px;vertical-align: top;font-size: 14px;margin-left: 10px;}
/* 二维码登录 */
.qrcode-login{text-align: center;}
.qrcode-login img{width: 174px;height: 174px;cursor: pointer;}
.qrcode-login p{color:#626266;line-height: 22px}
.wx-qrcode-title {font-size: 14px;color: #323235;font-weight:bold;margin-bottom: 8px;}
/* 微信未绑定 */
.qrcode-unbind {width: 400px;min-height: 390px;margin-top: 25px;padding: 20px 40px;box-sizing: border-box;background-color: #ffffff;float: right;}
.qrcode-login-item {padding-top: 79px;}
.qrcode-unbind .title{font-size: 16px;color: #333;}
.qrcode-unbind .title .iconfont{color: #2981ff;font-size: 20px;vertical-align: top;margin-right: 5px}
.qrcode-unbind p{text-align: left;margin-bottom: 24px;margin-top: 22px;padding: 0 11px;}
.qrcode-unbind .btn-md{width: 134px;line-height: 40px;height: 40px;box-sizing: border-box;}
.qrcode-unbind .btn-md + .btn-md{margin-left: 15px}
/* 绑定邮箱 */
.bind-email-box {position: relative;}
.bind-email-box .item-body { height: 100%;padding: 0; justify-content: center; }
.bind-email-box .close {position: absolute;top: 10px;right: 10px;}
.bind-email-box .close i {font-size: 20px;color: #bec3c9;}
.bindEmail .ts {display: flex;margin: 63px auto 20px;font-size: 16px;color: #1c1d1f;text-align: left;font-weight: bold;}
.bindEmail .ts i {position: relative;top: -2px;font-size: 20px; margin-right: 10px;}
.bindEmail .inline-block {padding: 0 20px;}
.bindEmail .inline-block p {line-height: 24px;font-size: 14px; color: #626266;}
.bindEmail .btn-div {margin-top: 23px;font-size: 0;}
.bindEmail .hollow-out {margin-left: 20px;}
.pop .content {text-align: center;}
.pop .content i { position: relative;top: 1px; font-size: 20px;margin-right: 10px; }
.pop .content p {margin-bottom: 27px;font-size: 16px; color: #1c1d1f;font-weight: bold;}
.pop .bind-fail {margin-top: 25px;color: #626266;}
/* 注册 */
.register-item {width: 1180px;max-height: 724px;background-color: #ffffff;padding: 27px 0;box-sizing: border-box;}
.register-item .item-header {padding:21px;padding-top: 0; border-bottom: 1px solid #eaebef;}
.register-item .item-header .title {margin-left: 20px;font-size: 20px;}
.register-item .item-reg-main {margin: 50px 360px;}
.register-item .tips {color: #babac2;position: absolute;white-space: nowrap;bottom: -17px;left: 0;font-size: 12px;}
/* .register-item .phonecode.input-group.error .tips {right: 145px !important;} */
/*滑动验证码 - 20191106补充*/
#sliding {bottom: -2px;left: 0;z-index: 9;}
.sliding-img-check-box{position:absolute;bottom:48%;left:66.33%;width: 360px;text-align:center;background-color: #ffffff;box-shadow: 0 5px 20px rgb(14 106 231 / 15%);visibility: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.sliding-img-check-box>div:last-child{margin-bottom: 10px;}
.sliding-img-check-box>.close{position: absolute;right:16px;top: 16px;cursor: pointer;font-size: 22px;z-index: 1;color: rgb(190, 195, 201);}
.sliding-img-display{position:relative;padding: 10px 20px 0;overflow:hidden;margin:auto;background-color: #ffffff;}
.sliding-img-display>p{text-align: left;line-height: 35px;font-size: 12px;color: #000;}
.sliding-img-cnt{position:relative;width: 100%;height: 160px}
.sliding-img-src,.sliding-img-fragment-hollow{position:absolute;left:0;top:0;z-index:10}
.sliding-img-src{position:static !important;width: 100% !important;;height: 100% !important;;border-radius: 0 !important;}
.sliding-img-fragment-cnt{top:0;left:2px;position:absolute;width: 100% ;height: 100%}
.sliding-img-fragment-cnt .sliding-img-fragment-content,.sliding-img-fragment-cnt .sliding-img-fragment{position:absolute;left:0;z-index:20}
.sliding-smooth-cnt{position:relative;width:320px;height: 40px;margin: 0 auto;border-radius:24px;}
.sliding-smooth-bar,.sliding-smooth-circle{position:relative;top:50%;transform:translateY(-50%)}
.sliding-smooth-bar{width:100%;height:10px;background-color:#e4e4e4;border-radius:24px}
.sliding-smooth-circle{position:absolute;width: 52px;height:30px;background-color: #306af4;border-radius: 30px;box-shadow: 0 0 6px 0 #306af4;cursor:pointer;padding: 10px 14px;box-sizing: border-box;}
.sliding-smooth-circle span{float: left;display: block;width: 2px;height: 10px;background-color: #fff;margin: 0 3px;}
.sliding-smooth-circle span:last-child{margin-right: 0}
.sliding-icon-refresh{display:block;position:relative;cursor:pointer;font-size: 12px;color: #333;margin-top: 5px;}
.sliding-icon-refresh span{position: relative;top:1px }
.sliding-loadding{background-color: #ffffff;position: absolute;top:0;left:0;width: 100%;height: 100%;display: none;z-index: 99;padding:60px 0;box-sizing: border-box;color:#fff}
.sliding-loadding img{position: static !important;width: 32px !important;height: 32px !important;border-radius: 0}
.sliding-btn{height: 42px;background-color: #eaebef;border-radius: 4px;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.sliding-btn:before{content:'向右拖动滑块';display:block;line-height: 42px;text-align: center;color: #626266;font-size: 14px;}
.sliding-btn.success{background-color: #44cb77;color:#fff}
.sliding-btn.success >*{display: none}
.sliding-btn.success:before{content:'验证成功';color:#fff;padding-left: 20px;}
.sliding-btn.success:after{content:'\e61c';color:#fff;display:block;width: 100%;font-family: iconfont;font-size: 20px;position: absolute;top:-1px;line-height: 45px;text-align: center;margin-left: -35px;}
.sliding-btn.error:before{content:'验证失败';color:#f4583f;padding-left: 20px;}
.sliding-btn.error:after{content:'\e6b2';color:#f4583f;display:block;width: 100%;font-family: iconfont;font-size: 20px;position: absolute;top:-1px;line-height: 45px;text-align: center;margin-left: -35px;}
.sliding-btn .sliding-smooth-bar{width:0;height: 42px;position: absolute;left: 0;bottom:0;background-color: #2981ff;border-radius:4px;z-index: 9}
.sliding-btn .sliding-smooth-circle{width: 50px;height: 42px;border-radius: 4px;box-shadow: 0 0 10px rgba(14,106,231,0.15);background-color: #ffffff;z-index: 9;left: 0px;}
.sliding-btn .sliding-smooth-circle i{position: absolute;left: 15px;top: 11px;color:#6aa7ff;font-size: 18px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.sliding-btn .sliding-smooth-circle i:nth-child(2){left: 22px;}
.sliding-btn .sliding-smooth-circle.moving{background-color: #fff}
.sliding-btn .sliding-smooth-circle.moving i{color:#8bb8ff;-webkit-animation: moving 1s infinite;animation: moving 1s infinite}
.sliding-btn .sliding-smooth-circle.moving i:nth-child(2){-webkit-animation-delay: 1s;animation-delay: 1s}
.sliding-btn[data-disabled=true]{opacity: .6}
.sliding-btn[data-disabled=true]:before{content:'暂不可拖动';color:#d6d5d5}
.sliding-btn[data-disabled=true]:after{display: none}
.sliding-btn[data-disabled=true] .sliding-smooth-circle{opacity: .6}
.input-code input{padding:0 115px 0 20px;}
.input-code .btn{width: 120px;height: 42px;line-height:42px;border-radius: 4px;position: absolute;right: 0;top: 0;text-align: center;}
.input-code img{width:38px;height:42px;border-radius: 0;top: 50px;}
.input-code .sliding-img-fragment-cnt { -webkit-filter: drop-shadow(rgb(255, 255, 255) 0px 0px 2px); filter: drop-shadow(rgb(255, 255, 255) 0px 0px 2px); }
@media screen and (max-width:1023px) {
.mobile-data {display:inline-block;}
img[alt="logo"] {width: 197.5px;}
.pc-data {display: none;}
.dntu{width:40%;}
body {
background-position-y: 0;
background-position-x: -70%;
background-size: 100%;
background-repeat: no-repeat;
background-color: #eaedf2;
}
.login-tab li {padding-bottom: 16px;}
.wrapper {width: 93%;position: static;transform: none;margin: auto;padding-top: 7vh;}
.item-body {padding-top: 0;}
.login-banner {background: none;width: 100%;height: auto;padding-bottom: 4vh; text-align: center;}
.login-banner .slogan h3 {font-size: 20px;margin-top: 10px;}
.login-banner .slogan p {font-size: 12px;line-height: 25px;}
.login-header,.qrcode-box,.links,.info:nth-child(2) {display: none;}
.login-item {width: 100%;padding: 12px 15px 23px;margin-top: 14px;min-height: auto;}
.item-body .login-right {border: none;padding: 0;margin: 0;}
#sliding {
position: fixed;
width: 100%;
max-width: 349px;
bottom: initial;
top: 15%;
left: 50%;
transform: translate(-50%,-15%);
}
.sliding-img-check-box {
position: fixed;
width: 100%;
max-width: 349px;
bottom: initial;
top: 21%;
left: 50% !important;
transform: translate(-50%, -15%);
}
.input-group.input-code {width:calc(100% - 130px)}
.register-item {width: 100%;padding: 20px 15px;margin-top: 130px;}
.register-item .item-header {padding: 16px; padding-left: 0;padding-top: 0; color: #1c1d1f;font-size: 18px;}
.register-item .item-reg-main {margin: 0;}
.login-footer {position: static;margin-top: 30px;}
}
.colorred{color:#f6667f !important;}
.colorgreen{color:#3fb76a !important;}
.coloryellow{color:#fa8c0a !important;}
.colorgrey{color:#a8a8a8 !important;}
.colorblack{color:#333333 !important;}
.colorred{color:#f6667f !important;}
.colorgreen{color:#3fb76a !important;}
.coloryellow{color:#fa8c0a !important;}
.colorred *{color:#f6667f !important;}
.colorgreen *{color:#3fb76a !important;}
.coloryellow *{color:#fa8c0a !important;}
.psw-policy {display: inline-block;margin-left: 15px;}
.psw-policy label {margin-right: 8px;}
.psw-policy span {display: inline-block; width: 24px;height: 4px;background-color: rgb(223, 226, 229);vertical-align: 2px;margin-right: 4px;}
.psw-policy.danger span:nth-child(2){background-color:#f6667f !important;}
.psw-policy.warning span:not(:last-child){background-color:#fa8c0a !important;}
.psw-policy.safe span{background-color:#3fb76a !important;}
.safety-box {display: none;position: absolute;top: -50px;right: -270px;width: 256px;height: 137px;border: solid 1px rgb(223, 226, 229);text-align: left;padding: 21px 19px;box-sizing: border-box;background-color: #ffffff;border-radius: 6px;z-index: 9;}
.safety-box::before {position: absolute;content: '';left: -20px;top: 50%;transform: translateY(-50%); width: 0;border-width: 10px;border-style: solid;border-color:transparent rgb(223, 226, 229) transparent transparent;}
.safety-box::after {position: absolute;content: '';left: -9px;top: 50%;transform: translateY(-50%);width: 0;border-top: 9px solid transparent;border-bottom: 9px solid transparent;border-right: 9px solid #ffffff;}
.safety-box p {line-height: 1.5;}
.safety-box i {vertical-align: -1px;color: #d1d3d6;margin-right: 3px;}
.safety-box i.pass {color: #26ad5c;}
@media screen and (min-height:667px) {
.login-footer {position: fixed;margin-top: 0;}
}
@media screen and (max-width: 850px) {
.safety-box {top: 60px;right: 0;left: 10px;}
.safety-box::before {position: absolute;content: '';left: 14px;top: -10px;transform: translateY(-50%);width: 0;border-width: 10px;border-style: solid;border-color: transparent transparent rgb(223, 226, 229) transparent;}
.safety-box::after {position: absolute;content: '';left: 15px;top: -8px;transform: translateY(-50%);width: 0;border-left: 9px solid transparent;border-right: 9px solid transparent;border-bottom: 9px solid #ffffff;}
}