page ,.container{
   width: 750rpx;
    height: 100%;
    overflow: hidden;
    background: #fff;
}

.form-box{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0 80rpx;
    margin-top: 96rpx;
}

.form-item{
    position: relative;
    background: #fff;
    display: flex;
    flex: 1;
    align-items: center;
    border-bottom: 1px solid #d9d9d9;
    border-radius: 4px;
}
.form-item input{
  flex: 1;
}
.form-item .username, .form-item .password, .form-item .code{
    position: absolute;
    top: 26rpx;
    left: 0;
    display: block;
    width: 100%;
    height: 44rpx;
    background: #fff;
    color: #333;
    font-size: 30rpx;
}

.form-item-code{
    margin-top:32rpx;
    height: auto;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
}

.form-item-code .form-item{
    float: left;
    width: 350rpx;
}

.form-item-code .sms-r{
    float: right;
    margin-top: 4rpx;
    height: 68rpx;
    width: 186rpx;
}

.form-item .clear{
    display: block;
    background: #fff;
    height: 44rpx;
    width: 44rpx;
}

.login-btn{
    margin: 120rpx auto;
    height: 96rpx;
    line-height: 96rpx;
    color: #fff;
    font-size: 30rpx;
    width: 90%;
    background: #b4282d;
    border-radius: 6rpx;
}

.form-item-text{
    height: 35rpx;
    width: 100%;
}

.form-item-text .register{
    display: block;
    height: 34rpx;
    float: left;
    font-size: 28rpx;
    color: #999;
}

.form-item-text .reset{
    display: block;
    height: 34rpx;
    float: right;
    font-size: 28rpx;
    color: #999;
}

.sms-rr .btn{
  height: 50rpx;
  line-height: 50rpx;
  font-size: 28rpx;
}