.withdraw-page { padding-bottom: env(safe-area-inset-bottom); } .amount-section, .method-section{ margin: 32rpx 24rpx; padding: 32rpx; border-radius: 12rpx; background-color: #FFFFFF; } .amount-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40rpx; } .amount-title,.method-title { font-size: 28rpx; color: #333333; font-weight: 500; } .method-title { display: block; padding-bottom: 32rpx; border-bottom: 1rpx solid rgba(0, 0, 0, 0.05); } .account-bind { font-size: 24rpx; font-weight: 400; color: #666666; } .input-box { display: flex; align-items: center; padding-bottom: 40rpx; margin-bottom: 24rpx; border-bottom: 1rpx solid rgba(0, 0, 0, 0.05); } .currency { font-size: 60rpx; color: #333333; font-weight: 500; margin-right: 24rpx; } .money-inp { flex: 1; height: 60rpx; font-size: 48rpx; font-weight: 700; color: #333; } .input-placeholder { color: #858585; font-size: 48rpx; font-weight: 400; } .tips-box { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; } .fee-tips { font-size: 20rpx; font-weight: 500; color: #858585; } .tips-icon { width: 24rpx; height: 24rpx; margin-left: 10rpx; padding: 8rpx; } .method-item { display: flex; justify-content: space-between; align-items: center; padding: 32rpx 0; border-bottom: 1rpx solid rgba(0, 0, 0, 0.05); } .method-item:last-child { border-bottom: none; padding-bottom: 0; } .method-info { display: flex; align-items: center; } .method-icon { width: 64rpx; height: 64rpx; margin-right: 16rpx; } .method-name { font-size: 24rpx; font-weight: 500; color: #333; } .agreement { display: flex; justify-content: center; align-items: center; margin-bottom: 26rpx; } .agreement-text { font-size: 20rpx; color: #858585; font-weight: 500; margin-left: 10rpx; } .protocol-link { font-size: 20rpx; color: #01A7F1; } .submit-section { padding: 32rpx 24rpx; background-color: #FFFFFF; position: absolute; left: 0; bottom: 0; right: 0; z-index: 9999; } .submit-btn-disabled { opacity: 0.5; } .info-item { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding: 24rpx 0; border-bottom: 1rpx solid rgba(0, 0, 0, 0.05); } .info-lable { font-size: 28rpx; color: #333333; font-weight: 500; } .info-inp { font-size: 28rpx; color: #333333; width: 460rpx; } .info-placeholder { font-size: 28rpx; color: #858585; } .required::before { content: '*'; color: #FF0000; margin-right: 4rpx; }