.hospital-new-component .recharge { padding-bottom: 140rpx; } .hospital-new-component .recharge .theme { color: #1677FF; } .hospital-new-component .recharge .recharge-block { margin: 24rpx; padding: 24rpx; background: #fff; border-radius: 16rpx; font-size: 24rpx; color: #999; line-height: 50rpx; } .hospital-new-component .recharge .recharge-block.flex { display: flex; justify-content: space-between; align-items: center; } .hospital-new-component .recharge .recharge-block .recharge-balance { font-size: 36rpx; color: #333; font-weight: 500; } .hospital-new-component .recharge .recharge-block .recharge-t { font-size: 32rpx; color: #333; font-weight: 500; } .hospital-new-component .recharge .recharge-block .recharge-amount { display: flex; flex-wrap: wrap; margin: 16rpx -16rpx -16rpx 0; } .hospital-new-component .recharge .recharge-block .recharge-amount .recharge-amount-item { background: #f5f5f5; border-radius: 8rpx; margin-bottom: 16rpx; margin-right: 16rpx; width: calc((100% - 48rpx) / 3); height: 140rpx; font-size: 42rpx; font-weight: 500; color: #333; text-align: center; line-height: 140rpx; position: relative; overflow: hidden; } .hospital-new-component .recharge .recharge-block .recharge-amount .recharge-amount-item .recharge-amount-icon { display: none; background: #1677FF; transform: rotate3d(0, 0, 1, 45deg); position: absolute; bottom: -59%; right: -5%; padding: 10rpx; } .hospital-new-component .recharge .recharge-block .recharge-amount .recharge-amount-item .recharge-amount-icon .icon-s { transform: rotate3d(0, 0, 1, -45deg); } .hospital-new-component .recharge .recharge-block .recharge-amount .recharge-amount-item.checked { background: rgba(76, 146, 245, 0.1); color: #1677FF; } .hospital-new-component .recharge .recharge-block .recharge-amount .recharge-amount-item.checked .recharge-amount-icon { display: block; } .hospital-new-component .recharge .recharge-block .recharge-input { font-size: 48rpx; color: #333; display: flex; align-items: center; margin-top: 40rpx; margin-bottom: 10rpx; height: 72rpx; } .hospital-new-component .recharge .recharge-block .recharge-input .input { font-size: 72rpx; font-weight: 500; height: 72rpx; line-height: 72rpx; } .hospital-new-component .recharge .recharge-block .recharge-input .input-placeholder { font-size: 28rpx; font-weight: 300; } .hospital-new-component .recharge .recharge-block-tip { color: #FF6430; font-size: 24rpx; text-align: center; margin-top: 40rpx; } .hospital-new-component .recharge .recharge-fixed { position: fixed; left: 0; bottom: 0; padding-bottom: 40rpx; background: #f5f5f5; width: 100%; } .hospital-new-component .recharge .recharge-fixed .recharge-button { margin: 0 24rpx; } .hospital-new-component .recharge-pop { padding: 0 24rpx; max-height: 634rpx; overflow-y: auto; margin-bottom: 40rpx; } .hospital-new-component .recharge-pop .recharge-pop-item { background: #f8f8f8; border-radius: 8rpx; display: flex; justify-content: space-between; align-items: center; line-height: 60rpx; font-size: 34rpx; color: #333; padding: 10rpx 24rpx; margin-bottom: 24rpx; } .hospital-new-component .recharge-pop .recharge-pop-item .recharge-pop-btn { width: 120rpx; height: 50rpx; background: #1677FF; border-radius: 8rpx; text-align: center; letter-spacing: 5rpx; line-height: 50rpx; font-size: 24rpx; color: #fff; }