body{background:#eff5fc; padding:0; overflow:hidden;}

.mainContent{width:100%; max-width:750px; height:100vh; margin:auto; position:relative;}

.logo{width:2.44rem; position:absolute; top:0.5rem; left:50%; margin-left:-1.22rem; z-index:2;}

.loginBg{width:7.5rem; height:16rem; filter:blur(10px); object-fit:cover; position:absolute; top:0; left:0; z-index:1;}

.form{width:6.9rem; background:rgba(255,255,255,0.9); position:absolute; top:2rem; left:0.3rem; z-index:3;}
.form_tab{position:relative; margin-top:0.5rem;}
.form_tab::after{content:""; width:2px; height:100%; display:block; background:#ccc; position:absolute; left:50%; top:0;}
.form_tab a{width:1%; height:0.48rem; display:table-cell; text-align:center; font-size:0.36rem; color:#666; line-height:0.48rem;}
.form_tab a.on{color:#38f;}
.form_item{width:6.1rem; height:1rem; margin:0.5rem auto 0; position:relative;}
.form_item .h-input{width:100%; height:100%; font-size:0.3rem; line-height:1rem; text-indent:0.2rem;}
.form_item .h-input::-webkit-input-placeholder{font-size:0.3rem;}
.form_item .SendSmsCode{height:100%; display:inline-block; font-size:0.3rem; color:#38f; line-height:1rem; padding:0 0.3rem; position:absolute; top:0; right:0;}
.form_item label.error{color:#ec1313; line-height:0.5rem; padding-left:0.2rem;}

.form .h-btn{width:6.1rem; height:1rem; display:block; font-size:0.36rem; line-height:1rem; margin:0.8rem auto 0;}

.OtherBtn{text-align:center; font-size:0.3rem; margin:0.4rem 0;}
.OtherBtn span{margin:0 0.1rem; color:#999;}

.footer{width:100%; text-align:center; font-size:0.3rem; color:#333; position:absolute; left:0; bottom:1rem; z-index:2;}