*{
    margin: 0;
    padding: 0;
}
body{
    background-color:#FF3931 ;
}
.container{
    width: 100%;
    height: 100%;
}
.img-box{
    width: 100%;
    height: 2.987rem;
   
}
.img-box img{
    width: 100%;
    height: 100%;
    display: block;
}
.from-box{
    padding: 0 .4rem;
}
.from-content{
    width: 9.2rem;
    background-color: #fff;
    border-radius: 20px;
    padding-top: .773rem;
}
.title{
    font-family: PingFangSC-Semibold;
    font-size: .453rem;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
    margin-bottom: .467rem;
}
.input-box{
    width: 8.04rem;
    height: 1.387rem;
    margin: 0 auto;
    background: #F5F7FB;
    border: 1px solid #DEDCDC;
    border-radius: 12px;
    display: flex;
    overflow: hidden;
    padding-left: .613rem;
    margin-bottom: .373rem;
}
input{
    width: 100%;
    border: none;
    height: 100%;
    padding: 0;
    outline: none;
    background-color:#F5F7FB ;
}
.verification-code{
    display: flex;
    align-items: center;
  
}
.verification-code input{
    width: 70%;
}
.verification-code p{
    width: 30%;
    font-size: .373rem;
    color: #2B66BE;
    white-space: nowrap;
}
.btn-box{
    margin: 0 .587rem;
    padding: 0 0 0.96rem 0;
    border-bottom: 1px dashed  #979797;
}
button{
    background-image: linear-gradient(100deg, #FF732F 6%, #FF3B3B 94%);
    border-radius: .16rem;
    height: 1.387rem;
    line-height:  1.387rem;
    border: none;
    color: #fff;
    width: 100%;
    font-size:.453rem;
}
.instructions{
    font-size: .4rem;
    color: #333333;
    font-weight: bold;
    text-align: center;
    margin-top: .827rem;
}
.explain{
    font-size: .307rem;
    color: #999999;
    text-align: center;
    margin-top: .253rem;
}