.bind-form { margin: 32rpx 24rpx; } .form-section { background-color: #FFFFFF; border-radius: 12rpx; padding: 32rpx; margin-bottom: 24rpx; } .step-title { display: block; font-size: 28rpx; color: #333333; font-weight: 500; padding-bottom: 32rpx; border-bottom: 1rpx solid rgba(0, 0, 0, 0.05); margin-bottom: 32rpx; } .phone-number { display: flex; align-items: center; margin-top: 32rpx; margin-bottom: 24rpx; } .number-lable,.label { font-size: 24rpx; color: #333333; font-weight: 500; margin-right: 16rpx; } .number { font-size: 24rpx; color: #333333; font-weight: 400; } .input-group { display: flex; align-items: center; padding-bottom: 24rpx; border-bottom: 1rpx solid rgba(0, 0, 0, 0.05); } .input { flex: 1; height: 36rpx; font-size: 24rpx; } .verify-btn { font-size: 24rpx; color: #01A7F1; font-weight: 400; } .verify-btn.disabled { color: #999999; } .upload-box { width: 160rpx; height: 160rpx; background-color: #F8F8F8; border-radius: 12rpx; display: flex; align-items: center; justify-content: center; overflow: hidden; } .upload-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #F8F8F8; } .plus { font-size: 60rpx; color: #999999; font-weight: 300; } .qr-image { width: 100%; height: 100%; } .name-input { border-bottom: none; padding-bottom: 0; }