body{
  max-width: 750px;
  margin: auto;
  width: 100%;
}
a,a:link,a:hover,a:visited{
  text-decoration:none
}
.banner{
  width: 100%;
  height: auto;
  vertical-align: middle;
  font-size: 0;
}
.form{
  padding: 0.94rem 0.40rem 0.10rem;
}
.form>div{
  margin-bottom: 0.4rem;
}
.number,.password,.code{
  /* height: 1.2rem; */
  font-size: 0;
  border: 0.02rem solid #C0C7CF;
}
.form span{
  font-size: 0.32rem;
  display: inline-block;
  height: 1.16rem;
  line-height: 1.12rem;
  width: 18%;
  text-align: center;
}
.form>div input{
  height: 1.12rem;
  font-size: 0.32rem;
  width: 98%;
  background: #FFFFFF;
  border: none;
  padding-left: 0.24rem;
  box-sizing:border-box;
  font-family: Roboto-Regular, Roboto;
  font-weight: 400;
  color: #32333D;
}
input::-webkit-input-placeholder{
  color: #9CA0AB;
  letter-spacing:0

}
input:focus{
  border: none;
  outline: none;
}
.form .number>input{
  display: inline-block;
  width: 80%;
}
.form .code{
  width: 3.5rem;
   margin-right: 0.2rem;
  display: inline-block;
  box-sizing:border-box;
  vertical-align:top;
}
.form .code input{
  letter-spacing:5px;
}
.form .codeBtn{
  width: 2.66rem;
  font-size: 0.32rem;
  color:#10A310;
  border: 0.02rem solid #10A310;
  display: inline-block;
  box-sizing:border-box;
  text-align: center;
  line-height: 1.12rem;
  vertical-align:top;
}
.form>.noCBtn{
  background: #EEF1F6;
  color: #A7B6C7;
  text-align: center;
  line-height: 0.96rem;
  margin-top: 0.20rem;
  border-radius: 0.08rem;
  font-size: 0.32rem;
  font-family: Roboto-Regular, Roboto;
  font-weight: 400;
  width: 100%;
  height: 0.96rem;
}
.form>.btn{
  background: #10A310;
  color: #FFFFFF;
}
.form>.lodingBtn{
  background: #10A310;
  color: #FFFFFF;
  opacity: 0.49;
}
.error{
  border-color: #F23441 !important;
}
.errorText{
  color: #F23441 !important;
  display: none;
  font-size: 0.24rem;
}
.timeBtn{
  color: #C0C7CF !important;
  border-color: #C0C7CF !important;
}
.loding{
  width: 0.36rem !important;
  height: 0.36rem !important;
  border-radius: 50%;
  border: 0.05rem solid #fff;
  display: inline-block;
  border-right-color: rgba(0,0,0,0);
  transform:rotate(360deg);
  animation:loding 2s infinite step-end;
  -webkit-animation:loding 2s infinite; 
  vertical-align:middle;
  display: none;
}
@keyframes loding{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@-webkit-keyframes loding{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@media screen and (min-width: 750px) {
  .form .code{
    /* margin-right: 0; */
  }
}