.deposit-container { position: relative; background-color: #f5f5f5; } .deposit-container .person-block { display: flex; align-items: flex-start; justify-content: space-between; margin: 24rpx 24rpx 0; padding: 24rpx; background-color: #fff; border-radius: 16rpx; } .deposit-container .person-block .person-name { margin-bottom: 10rpx; color: #333; font-size: 34rpx; font-weight: 500; } .deposit-container .person-block .person-change { color: #1677FF; font-size: 24rpx; } .deposit-container .person-block .person-balance { margin-top: 16rpx; color: #FF6430; font-size: 24rpx; } .deposit-container .person-block .person-info { color: #999; font-size: 24rpx; } .deposit-container .detail-block { padding: 24rpx; background-color: #fff; border-radius: 16rpx; margin: 16px 24rpx 0; } .deposit-container .detail-block .person-name { font-size: 32rpx; color: #333; font-weight: 600; } .deposit-container .detail-block .money-block { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; width: 100%; padding: 24rpx 0 16rpx; } .deposit-container .detail-block .money-block .money-block-select { width: 207rpx; height: 140rpx; display: flex; align-items: center; justify-content: center; margin-bottom: 16rpx; font-size: 42rpx; background-color: #F5F5F5; letter-spacing: 2rpx; color: #333; border-radius: 8rpx; } .deposit-container .detail-block .money-block .selectedMoney { color: #1677FF; background-color: #edf7ff !important; } .deposit-container .detail-block .money-input-out { display: flex; align-items: center; } .deposit-container .detail-block .money-input-out .money-input-icon { font-size: 48rpx; margin-right: 16rpx; padding-left: 10rpx; } .deposit-container .detail-block .money-input-out .money-input { height: 80rpx; font-size: 72rpx; color: #333; letter-spacing: 2rpx; } .deposit-container .submit-block { position: fixed; bottom: 0; right: 0; left: 0; padding: 24rpx 24rpx 40rpx; background-color: #fff; } .deposit-container .submit-block .submit-block-btn { background-color: #1677FF; color: #fff; }