.amount{ padding-bottom:0; } .amount .head{ display: flex; align-items: center; justify-content: space-between; } .amount .head .key{ font-size: 32rpx; } .amount .head .value{ font-size: 26rpx; color: #888888; } .amount .input-area{ display: flex; align-items: center; margin-top:60rpx; position: relative; } .amount .input-area .error{ position: absolute; bottom:-15rpx;left:55rpx; color:red; font-size: 24rpx; } .amount .input-area::before{ content: '¥'; font-size: 50rpx; font-weight: 500; } .amount .input{ flex: 1; font-size: 56rpx; font-weight: 500; height:114rpx; margin-left:24rpx; } .amount .bottom{ display: flex; align-items: center; justify-content: space-between; font-size: 26rpx; } .amount .bottom .value{ padding:32rpx 0 32rpx 32rpx; color:var(--main-color); } .banks{ } .banks .spliter{ margin-top:30rpx; } .banks .bank-list{ margin-top:20rpx; } .banks .item{ display: flex; align-items: center; padding:20rpx 0; margin:0; } .banks .icon{ width:44rpx;height:44rpx; } .banks .icon.plus{ background-color: var(--main-color); border-radius: 50%; color:#fff; display: flex; align-items: center; justify-content: center; } .banks .icon .plus{ width:28rpx;height:28rpx; } .banks .name{ font-size: 32rpx; margin-left:30rpx; flex:1; } .banks .checkbox{} .widthdraw-btn{ margin:40rpx 20rpx 0 20rpx!important; }