.hospital-new-component.payment .payment-block { background: #fff; border-radius: 16rpx; padding: 24rpx; margin: 24rpx 24rpx 0; } .hospital-new-component.payment .payment-block .payment-item-date { color: #999; font-size: 30rpx; padding: 24rpx 0; } .hospital-new-component.payment .payment-block .payment-flex { display: flex; justify-content: space-between; line-height: 70rpx; } .hospital-new-component.payment .payment-block .payment-flex .payment-title { color: #333; font-size: 34rpx; font-weight: 600; flex: 0 0 80%; } .hospital-new-component.payment .payment-block .payment-flex .payment-pay { color: #999; font-size: 28rpx; } .hospital-new-component.payment .payment-block .payment-flex .payment-pay.flag { color: #FF6430; } .hospital-new-component.payment .payment-block .payment-flex .payment-label { font-size: 30rpx; color: #999; } .hospital-new-component.payment .payment-block .payment-flex .payment-value { font-size: 30rpx; color: #333; } .hospital-new-component.payment .payment-block .payment-flex .payment-price { font-size: 24rpx; color: #333; margin-top: 10rpx; } .hospital-new-component.payment .payment-block .payment-flex .payment-price .amount { font-size: 40rpx; font-weight: 600; } .hospital-new-component.payment .payment-block .payment-flex .payment-price .num { color: #999; } .hospital-new-component.payment .payment-block .payment-top { border-bottom: 1rpx solid rgba(0, 0, 0, 0.1); padding-bottom: 20rpx; margin-bottom: 15rpx; line-height: 50rpx; } .hospital-new-component.payment .payment-block .payment-flex-r { display: flex; justify-content: flex-end; } .hospital-new-component.payment .payment-block .payment-flex-r .payment-flex-b { background: #1677FF; color: #fff; border-radius: 25rpx; min-width: 120rpx; height: 50rpx; line-height: 50rpx; text-align: center; letter-spacing: 5rpx; font-size: 24rpx; margin-left: 20rpx; padding: 0 10rpx; } .hospital-new-component.payment .empty-container { height: 100vh!important; }