@charset "UTF-8";
html,body{background:#fff;}
.popmask{ cursor:pointer;}
.flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}

.login_wrap{ display:flex; flex-direction:column; height:100vh;}

.header{ flex-shrink:0; height:.38rem; background:transparent;}
.header .backtohis{ position:static; display:block; width:.38rem; height:.38rem; margin:0 0 0 .04rem; border:0 none; transform: none; background:url(../../static/img/back_close.png) center center / .12rem no-repeat;}

.title_box{ flex-shrink:0; padding:.17rem .26rem .09rem;}
.title_box .title{ font-size: .19rem; font-weight: 500; color: #121529; line-height: .26rem;}
.title_box .tit{ font-size: .12rem; font-weight: 400; color: #848494;}

.check-phone{ flex:1; padding:0 .26rem;}
.check-phone .phone-ul{ margin-top:0; border-top:0 none;}
.check-phone .phone-li{ display:flex; align-items: center; position:relative; padding:.26rem 0 .09rem 0; height:auto; line-height:1;background:#fff;color:#333;font-size:0.14rem;border-bottom:1px solid #E0E0E0;}
.check-phone .phone-num{border:none 0;outline:none;width:100%; flex:1;line-height: 0.2rem;font-size:0.14rem;color:#333;padding-left:0.03rem; -webkit-resize:none; resize:none; vertical-align:top;}
.check-phone .phone-li .tit{ margin-right:.1rem; flex-shrink:0; font-size: .14rem; font-weight: 500; color: #121529; line-height: .19rem;}
.check-phone .phone-li .yzm-a{ position:absolute; right:0.12rem; top:0.1rem; width:0.65rem; height:0.25rem;}
.check-phone input[type="number"]::-webkit-outer-spin-button,
.check-phone input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;}
.check-phone .image_code{position: absolute; height: .3rem;right: 0; top: .15rem; width: .75rem; text-align: center; color: #d00; border-left:0 none;}
.check-phone .get_message{ position:static; flex-shrink:0; width:auto; height:auto; font-weight: 400; color: #528EF7; white-space: nowrap; line-height: .19rem; text-align:center; font-size:0.14rem; border-left:0 none;}
.check-phone .get_message.disabled{ color:#CCCCCC;}
.check-phone .password_status{ display:none; position:absolute; right:0; top:.17rem; padding:.13rem 0 .13rem .13rem;}
.check-phone .password_status i{ display:block; width:.12rem; height:.12rem; background:url(../../static/img/password_icons.png) 0 50% /100% no-repeat;}
.check-phone .password_status.show i{ background-position: 0 0;}
.check-phone .phone-li .del{ display:none; position:absolute; right:0; top:.17rem; padding:.13rem 0 .13rem .13rem;}
.check-phone .phone-li .del i{ display:block; width:.12rem; height:.12rem; background:url(../../static/img/password_icons.png) 0 100% /100% no-repeat;}
.normal_agree{ display:flex; align-items: center; justify-content: space-between;}
.check-phone .agreement{ display:flex; align-items: center; position:relative; margin-top:.1rem; font-size:.1rem; font-weight:400; line-height:.15rem; color:#848494;}
.normal_agree .forget-pass,.normal_agree .voice_btn{ margin-top:.1rem; font-size: .1rem; font-weight: 400; color: #848494; line-height: .15rem;}
.normal_agree .voice_btn{ display:none;}
.user_agreement{ display:flex; align-items: center; justify-content: left; position:relative; margin-top:.17rem;}
.check-phone .agreement .icon,.user_agreement .icon{ flex-shrink:0; width:0.1rem; height:0.1rem; margin-right:.03rem; background:url(../../static/img/radio_icons.png) 0 0/100% no-repeat; cursor:pointer;}
.check-phone .agreement .icon.cur,.user_agreement .icon.cur{ background-position:0 100%;}
.check-phone .agreement .phone-agreement{ position:absolute; left:0; top:0; width:0.15rem; height:0.15rem; opacity:0;}
.user_agreement .phone-agreement{ position:absolute; left:0; top:0; width:0.15rem; height:0.15rem; opacity:0;}
.user_agreement label{ font-size: .1rem; font-weight: 400; color: #848494; line-height: .15rem;}
.user_agreement .agree{ margin:0 .04rem; color:#333; text-decoration:underline;}
.check-phone .phone-li .error-info,.check-phone .phone-li .over-info{ display:none; position:absolute; right:2px; top:0.28rem; height:.15rem; line-height:0.15rem; padding-right:0.14rem; font-size:.11rem; color:#d00;}
.check-phone .phone-li .error-info::after,.check-phone .phone-li .over-info::after{ content:''; position:absolute; right:0; top:50%; width:.1rem; height:.1rem; margin-top:-.05rem; background:url(https://passport.jia.com/cas/images/wap/form-icons.png) 0 91.18%/100% no-repeat;}
.check-phone .phone-li .over-info::after{ background-position:0 100%;}
.check-phone .phone-li.li-span .error-info,.check-phone .phone-li.li-span .over-info{ right:.8rem;}
.check-phone .phone-li.error .phone-num{ color:#d00;}
.check-phone .phone-li.error .error-info{ display:block;}
.check-phone .phone-li.over .over-info{ display:block;}
.check-phone .error-p,.check-phone .phone-p{ display:none; height:0.3rem; line-height:0.3rem; color:#999; font-size:0.12rem; text-align:center; border-bottom:1px solid #dedede;}
.check-phone .phone-p{ display:block; text-align:left; padding-left:0.1rem;}
.check-phone .phone-a:link,.check-phone .phone-a:visited{ color:#0c95f1;}
.check-phone .btn-box{position:relative;z-index:9;margin:0.17rem 0.07rem 0;}
.check-phone .btn-box .btn-settlement{ height:.38rem; line-height:.38rem; font-size:.14rem; font-weight:500; color:#fff; border-radius:.19rem; background:#F23A30;}
.check-phone .btn-box .disabled{ background:rgba(242, 58, 48, .2);}
/* .check-phone .btn-box .btn-settlement:active{ background:#900000;} */
/* .check-phone .btn-box .disabled:active{ background:#fdb9b9;} */
.check-phone .href-box{ height:0.36rem; line-height:0.36rem; margin:0 0.12rem;}
.check-phone .href-box .now-rigister{ float:left; color:#09f;}
.check-phone .href-box .forget-pass{ float:right; color:#09f;}

.changeLogin_box{ display:none; margin-top:.34rem; text-align: center; line-height:0;}
.changeLogin{ display:inline-flex; align-items: center; height: .15rem;}
.changeLogin .txt{ font-size: .1rem; line-height:1; font-weight: 400; color: #333333;}
.changeLogin .arrow{ width:.04rem; height:.04rem; margin-left:.03rem; border-top:1px solid #333; border-right:1px solid #333; border-radius:2px; transform:rotate(45deg);}

.other-login{ flex-shrink:0;}
.other-login .icon-box{ padding:.1rem 0 .34rem; text-align:center; display: flex; align-items: center; justify-content: center;}
.other-login .icon{ display:block; width:40px; height:40px; margin-right:.43rem; -webkit-flex-shrink:0; flex-shrink:0; background:url(../../static/img/other_icons.png) 0 0/100% no-repeat;}
.other-login .icon:last-of-type{ margin-right:0;}
.other-login .icon.pos2{ background-position:0 25%;}
.other-login .icon.pos3{ background-position:0 75%;}

.popup_mask{ position: fixed; display: none; top: 0; left: 0; right: 0; bottom: 0; z-index: 97; width: 100%; background: rgba(0,0,0,.4);}
.popup_agree_comfirm,.popup_voice_code,.popup_captcha_sms,.popup_captcha_voice{ display: none; position:fixed; z-index:99; left:10%; top:50%; width:80%; padding:.26rem .2rem .17rem; transform:translateY(-50%); background:#fff; box-sizing:border-box; border-radius:.07rem;}
.popup_agree_comfirm .close,.popup_voice_code .close,.popup_captcha_sms .close,.popup_captcha_voice .close{ position:absolute; top:.04rem; right:.04rem; width:.2rem; height:.2rem; background:url(../../images/wap/popup_close.png) center center /.1rem no-repeat;}
.popup_agree_comfirm .title{ text-align:center; font-size: .14rem; font-weight: bold; color: #333333; line-height: .2rem;}
.popup_agree_comfirm .agree_txt{ margin-top:.09rem; font-size: .12rem; font-weight: 400; color: #848494;}
.popup_agree_comfirm .agree{ margin:0 4px; color:#333;}
.popup_agree_comfirm .btns_box{ display:flex; justify-content: space-around; margin-top:.17rem;}
.popup_agree_comfirm .cancel{ width:.68rem; height:.32rem; line-height:.32rem; text-align:center; font-size: .12rem; font-weight: 400; color: #333333; border-radius:.32rem; box-shadow:0 0 0 1px #ccc;}
.popup_agree_comfirm .submit,.popup_voice_code .submit,.popup_captcha_sms .submit,.popup_captcha_voice .submit{ width:1.24rem; height:.32rem; line-height:.32rem; text-align:center; font-size: .12rem; font-weight: 400; color: #fff; border-radius:.32rem; background:#F23A30;}
.popup_voice_code{ padding:.09rem .2rem .22rem;}
.popup_voice_code .icon{ display:block; width:.34rem; height:.34rem; margin:0 auto; background:url(../../images/wap/other_icons.png) 0 50%/100% no-repeat;}
.popup_voice_code .tit{ margin-top:.09rem; text-align: center; font-size: .12rem; font-weight: 400; color: #333333;}
.popup_voice_code .btns_box{ margin-top:.27rem;}
.popup_voice_code .submit{ display:block; margin: 0 auto;}

.popup_captcha_sms{ padding:.34rem .13rem .26rem;}
.popup_captcha_sms .input_box,.popup_captcha_voice .input_box{ display:flex; align-items: center; padding:.03rem .13rem; background:#F7F8FA; border-radius:.38rem;}
.popup_captcha_sms .input_code,.popup_captcha_voice .input_code{ flex:1; display:block; width:100%; font-size: .14rem; font-weight: 400; line-height: .2rem; background:transparent;}
.popup_captcha_sms .image_code,.popup_captcha_voice .image_code{ flex-shrink:0; width:.77rem; height:.31rem;}
.popup_captcha_sms .btns_box,.popup_captcha_voice .btns_box{ margin-top:.13rem;}
.popup_captcha_sms .submit,.popup_captcha_voice .submit{ display:block; width:100%; height:.34rem; line-height:.34rem;}

.popup_captcha_voice{ padding:.34rem .13rem .17rem;}
.popup_captcha_voice .tips{ margin-top:.13rem; text-align:center; font-size: .12rem; font-weight: 400; color: #FF7F24;}