.phone-change{position:relative;width:100%;height:100%;overflow:hidden}.phone-change .box{padding:20px 30px 0}.phone-change .box input{height:30px;font-family:PingFangSC-Regular;font-size:16px;color:#303741}.phone-change .box .t1{font-family:PingFangSC-Medium;font-size:16px;color:#303741;margin-bottom:5px}.phone-change .box .desc{font-family:PingFangSC-Regular;font-size:12px;color:#8f96a0;margin-bottom:5px}.phone-change .box .field{position:relative;padding:5px 0}.phone-change .box .field input[name=code],.phone-change .box .field input[name=phone]{width:100%;background-color:#fafafa;height:45px;padding-left:10px}.phone-change .box .field .code{position:absolute;top:10px;right:0;width:100px;height:34px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border-radius:4rpx;font-family:PingFangSC-Regular;font-size:15px;color:#bec5cf}.phone-change .box .field .active{color:#22ac38}.phone-change .box .button{height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#bec5cf;border-radius:4px;font-family:PingFangSC-Regular;font-size:18px;color:#fff;margin-top:40px}.phone-change .box .btn-active{background-color:#22ac38;color:#fff}