.box{ width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 100000; } .phoneBox{ position: absolute; width: 80%; /* height: 200rpx; */ border-radius: 12rpx; background-color: #f6f6f6; transform: translate(-50%, -50%); top: 50%; left: 50%; overflow: hidden; } .userPhone{ overflow: hidden; margin: 20rpx ; } .inputPhone{ float: left; text-indent: 40rpx; font-size: 28rpx; color: #000; letter-spacing: 0; margin-top: 28rpx; width: 50%; display: block; } .btn{ width: 210rpx !important; border-radius: 16rpx; margin-top: 12rpx; margin-right: 30rpx; font-size: 30rpx!important; letter-spacing: 0; padding: 0!important; float: right; height: 80rpx; line-height: 80rpx; background: #52a0fd; color: #fff; text-align: center; } .auth{ width: 50%; text-indent: 40rpx; font-size: 28rpx; color: #000; letter-spacing: 0; margin: 20rpx; } .send{ width: 80%; line-height: 80rpx; height: 80rpx; background: #52a0fd; color: #fff; font-size: 36rpx; text-align: center; margin: 40rpx auto 20rpx auto; border-radius: 12rpx; font-size: 30rpx; } .hiePhone{ width: 80%; margin: 10rpx auto; overflow: hidden; } .f{ float: left; font-size: 30rpx; height: 60rpx; line-height: 60rpx; margin-left: 30%; } .r{ width: 40rpx; height: 40rpx; /* line-height: 60rpx; */ text-align: center; float: right; margin-top: 10rpx; /* font-size: 30rpx; */ } input{ text-align: left; }