.login-box {display: flex;flex-direction: column;margin: 3rem .5rem .3rem;align-content: center;}
.login-box .phone { height: .6rem;padding: .2rem .5rem; border-radius: .8rem; background: #F7F8FA; border: 0; }
.login-box .codeBtn {height: 1rem;line-height: 1rem;margin: .3rem 0 .3rem;padding-left: .2rem;background: #E0501F;color: #fff;border-radius: .8rem;border: 0;opacity: .4;}
.login-box .codeBtn.hover { opacity: 1; }
.agree { display: flex; align-items: center; font-size: .24rem; color: #999 }
.agree label { position: relative; display: inline-block; width: .21rem; height: .21rem; margin-right: .1rem; background: #fff; border: 1px solid #ddd; border-radius: .25rem; }
.agree .active { width: .1rem; height: .1rem; background: #E0501F; border: .071rem solid #E0501F; background: #fff; }
.agree a{color:#519EE7;}

.code-tip-one { padding: .8rem 0 .5rem; font-size: .36rem; font-weight: bold; color: #313131; text-align: center; }
.code-tip { line-height: .6rem; font-size: .28rem; font-weight: normal; color: #8a8a8a; }
.val-box { position: relative; width: 70%; display: flex; text-align: center; justify-content: space-between; margin: 0 auto; }
/*.val-box input[type=text] { position: absolute; left: 0; top: 0; height: 1rem; width: 100%; z-index: -999; outline: none; -webkit-tap-highlight-color: transparent; background-color: rgba(255, 255, 255, 0); border: none; color: #fff; }*/
.val-box div ,.val-box input{ width: 1rem; height: .6rem;padding:.2rem 0; border-radius: .1rem; z-index: 5; text-align: center;cursor: text; font-size: .4rem; border: 1px solid #fff; background: #f7f7f7; background-color: #f7f7f7; }
.val-box .available { border-color: #E0501F; background: #fff; }

.send-box{line-height:.6rem;margin:.2rem .5rem;text-align:right;font-size:.24rem;color:#999;}
.send-box span{color:#2463b1;}
.loginBtn {display: block;width: 90%;height: 1rem;line-height: 1rem;margin: .6rem auto;background: #E0501F;color: #fff;border-radius: .8rem;border: 0;font-size:.32rem;}