.discharge-settlement-container { overflow: hidden; background-color: #f5f5f5; padding: 24rpx; } .discharge-settlement-container .discharge-detail { margin-bottom: 16rpx; padding: 24rpx; background-color: #fff; border-radius: 16rpx; } .discharge-settlement-container .discharge-detail .header { color: #333; font-size: 34rpx; padding-bottom: 24rpx; font-weight: 600; border-bottom: 1px solid #EEE; } .discharge-settlement-container .discharge-detail .content .content-detail { display: flex; justify-content: space-between; margin: 24rpx 0; } .discharge-settlement-container .discharge-detail .content .content-detail .label { color: #999; font-weight: 400; font-size: 26rpx; } .discharge-settlement-container .discharge-detail .content .content-detail .test { color: #333; font-weight: 400; font-size: 26rpx; } .discharge-settlement-container .discharge-detail .content .content-detail .orange { color: #FF6430; } .discharge-settlement-container .discharge-detail .notpay { color: #fff; background-color: #1677FF; border: none; display: flex; align-items: center; justify-content: center; width: 100%; height: 88rpx; border-radius: 4rpx; font-size: 36rpx; } .discharge-settlement-container .discharge-detail .pay { color: #1677ff; background-color: #fff; border: 1rpx solid #1677ff; display: flex; align-items: center; justify-content: center; width: 100%; height: 88rpx; border-radius: 4rpx; font-size: 36rpx; }