.clearfix:after,.clearfix:before{content:"";display:block}.clearfix:after{clear:both}.textclip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.center-aligned{text-align:center}.tiao{height:.1rem;background:#f8f8f8}.content-login{overflow:hidden;height:100vh;background:#fff url(../img/loginBack.4ba507c3.png) no-repeat top;background-size:cover}.page-login{margin-top:1.9rem}.page-login .top-title{padding:.5rem 0 .5rem .15rem}.page-login .top-title div{color:#aaa}.page-login .top-title>div:first-of-type{font-size:.4rem;font-weight:700}.page-login .top-title>div:nth-of-type(2){font-size:.16rem;font-weight:0;letter-spacing:.02rem}.page-login .top-title img{display:block}.page-login .top-title img.first{margin-left:.26rem;width:1.44rem;height:auto}.page-login .top-title img.first.register{width:1.7rem}.page-login .top-title img:last-of-type{margin-left:1.03rem;width:1.88rem;height:auto}.page-login .top-title img:last-of-type.register{width:2.19rem}.page-login .to_form{min-height:calc(100vh - 1.79rem)}.page-login .to_form .from_login{width:100%;display:flex;flex-direction:column;padding:.36rem .23rem 0}.page-login .to_form .from_login .input_opt{width:100%;margin-bottom:.2rem;display:flex;align-items:center;border-radius:.49rem;background-color:#fff}.page-login .to_form .from_login .input_opt .van-icon{font-size:.2rem;padding-right:.2rem;color:#00bcd4}.page-login .to_form .from_login .input_opt .input_title{width:.19rem;height:.19rem;margin:0 .12rem 0 .15rem}.page-login .to_form .from_login .input_opt>input,.page-login .to_form .from_login .input_opt>span>input{width:100%;height:.5rem;border:none;font-size:.15rem;background:transparent;color:#333;box-shadow:none}.page-login .to_form .from_login .input_opt>input::-webkit-input-placeholder,.page-login .to_form .from_login .input_opt>span>input::-webkit-input-placeholder{font-size:.17rem;color:#ccc}.page-login .to_form .from_login .input_opt>input:-moz-placeholder,.page-login .to_form .from_login .input_opt>input::-moz-placeholder,.page-login .to_form .from_login .input_opt>span>input:-moz-placeholder,.page-login .to_form .from_login .input_opt>span>input::-moz-placeholder{font-size:.17rem;color:#ccc}.page-login .to_form .from_login .input_opt>input:-ms-input-placeholder,.page-login .to_form .from_login .input_opt>span>input:-ms-input-placeholder{font-size:.17rem;color:#ccc}.page-login .to_form .from_login .prop_opt{position:relative;margin-bottom:.2rem;width:100%;height:.46rem;border:.01rem solid #aaa;border-radius:.49rem;background:transparent;padding-left:.635rem;padding-right:.3rem;color:#aaa}.page-login .to_form .from_login .prop_opt .input_title{position:absolute;top:52%;left:.21rem;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;width:20%;font-size:.15rem;font-weight:500;color:#333}.page-login .to_form .from_login .prop_opt .icon_dao{width:.195rem;height:.095rem;position:absolute;top:50%;right:.21rem;transform:translateY(-50%)}.page-login .to_form .from_login .prop_opt>span{position:absolute;top:50%;transform:translateY(-50%);font-weight:500;color:#ccc;font-size:.17rem}.page-login .to_form .from_login .radio_opt{margin-bottom:.2rem;width:100%;display:flex;justify-content:flex-start;align-items:center;font-size:.16rem;color:#fff;font-weight:500}.page-login .to_form .from_login_bottom{display:flex;width:100%;justify-content:space-between;align-items:center;padding:.29rem .23rem}.page-login .to_form .from_login_bottom>div,.page-login .to_form .from_login_bottom a{color:#fff;font-size:.14rem;font-weight:500}.page-login .to_form .from_btn{margin-top:.1rem;box-sizing:border-box;width:100%;padding:0 .23rem}.page-login .to_form .from_btn>div{letter-spacing:.02rem}.page-login .to_form .from_btn .login{color:#00bcd4;background:#fff;border-radius:.25rem;font-size:.16rem;font-weight:700}.page-login .to_form .from_btn .login,.page-login .to_form .from_btn .zhuce{width:100%;height:.49rem;display:flex;justify-content:center;align-items:center}.page-login .to_form .from_btn .zhuce{color:#feffff}.page-login .to_form .login_code .base-word{width:.9rem;font-size:.15rem;font-weight:500;color:#00bcd4}.page-login .form-area{margin:0 .15rem;padding:.52rem .57rem 0;position:relative}.page-login .form-area.login{width:3.45rem;background:url(../img/loginBox.410343b1.png);height:3.885rem;background-size:100% 100%}.page-login .form-area.register{width:3.45rem;background:url(../img/registerBox.2eed63b9.png);height:4.31rem;background-size:100% 100%}.page-login .select-type{width:1.51rem;height:.31rem;overflow:hidden;margin:0 auto .4rem}.page-login .select-type a{display:block;float:left;width:.8rem;height:100%;line-height:.31rem;background:#b9b9b9;font-size:.17rem;font-weight:400;color:#1d2226;opacity:.2;text-align:center;border-radius:.16rem;transition:all .3s}.page-login .select-type a:first-of-type{margin-right:-.11rem}.page-login .select-type a.router-link-active{background:#4ad285;color:#fff;opacity:1}.page-login .base-input.login-input{height:.3rem;background:#fff;border:.01rem solid rgba(26,26,26,.2);border-radius:.15rem;font-size:.13rem;padding-left:.15rem;margin-bottom:.3rem}.page-login .base-input.login-input:focus{border:.01rem solid #224aff}.page-login .login-code{position:absolute;right:0;width:.86rem;top:.08rem;height:.16rem;border-left:.01rem solid rgba(26,26,26,.2);text-align:center}.page-login .login-code .blue-word{color:#4a69ff;font-size:.12rem}.page-login .last-form-area{display:flex;justify-content:space-between}.page-login .last-form-area>a{padding:0 .12rem;display:inline-block;color:#4a69ff;font-size:.13rem}.page-login .last-form-area>a.forget-pass{color:rgba(29,34,38,.3)}.page-login .btn-bottom-info{position:absolute;bottom:-.46rem;width:1.41rem;height:.42rem;color:#fff;padding:.1rem 0;line-height:.22rem;font-size:.18rem;left:50%;margin-left:-.71rem;border-radius:.42rem;background:#4c68fe;border:none}.page-register{padding-bottom:1.5rem}.page-register.page-login .base-input.login-input{margin-bottom:.17rem}.upload-avatar{width:.64rem;height:.64rem;margin:0 auto .16rem;position:relative}.upload-avatar img{width:100%;height:100%}.upload-avatar input[type=file]{position:absolute;z-index:99;top:0;right:0;bottom:0;left:0;opacity:0}.select-sex{margin-top:.09rem;display:flex;padding-bottom:.14rem;border-bottom:.01rem solid #efefef;margin-bottom:.19rem}.select-sex .sex-item{width:.8rem;height:.36rem;border-radius:.02rem;border:.01rem solid #efefef;margin-right:.14rem;transition:all .3s}.select-sex .sex-item.active{border:.01rem solid #224aff}.select-sex .sex-item span{height:.2rem;font-size:.14rem;font-weight:400;color:#222;line-height:.2rem}.other-item{display:flex;justify-content:space-between;border-bottom:.01rem solid #efefef;margin-bottom:.7rem}.other-item>div label{margin-bottom:.1rem;height:.17rem;font-size:.12rem;font-weight:400;color:#c7c7c7;line-height:.17rem;display:block}.other-item>div p{margin-bottom:.1rem;height:.22rem;font-size:.16rem;font-weight:400;color:#222;line-height:.22rem}