.hospital-new-component .payment-detail { background-image: linear-gradient(180deg, #1677FF 20rpx, rgba(22, 119, 255, 0) 96%); background-size: 100% 200rpx; background-repeat: no-repeat; } .hospital-new-component .payment-detail .payment-h { font-size: 44rpx; font-weight: 500; color: #fff; padding-top: 10rpx; margin: 0 24rpx 30rpx; } .hospital-new-component .payment-detail .payment-block { background: #fff; border-radius: 16rpx; padding: 24rpx; font-size: 30rpx; color: #333; margin: 24rpx; line-height: 42rpx; } .hospital-new-component .payment-detail .payment-block .payment-block-title { display: flex; justify-content: space-between; color: #333; font-size: 30rpx; font-weight: 500; padding-bottom: 24rpx; border-bottom: 1rpx solid #e5e5e5; margin-bottom: 25rpx; } .hospital-new-component .payment-detail .payment-block .payment-order { display: flex; align-items: center; font-size: 30rpx; color: #333; margin-bottom: 22rpx; } .hospital-new-component .payment-detail .payment-block .payment-order .payment-order-name { flex: 0 0 55%; padding-right: 10rpx; } .hospital-new-component .payment-detail .payment-block .payment-order .payment-order-num { color: #999; flex: 0 0 15%; } .hospital-new-component .payment-detail .payment-block .payment-order .payment-order-price { flex: 0 0 30%; text-align: right; } .hospital-new-component .payment-detail .payment-block .payment-order-total { display: flex; justify-content: flex-end; align-items: flex-end; font-size: 24rpx; color: #333; background: linear-gradient(to right, #e5e5e5 0%, #e5e5e5 40%, transparent 40%, transparent 100%) repeat-x; background-size: 15rpx 1rpx; padding-top: 35rpx; } .hospital-new-component .payment-detail .payment-block .payment-order-total .price { display: flex; font-size: 44rpx; font-weight: 500; } .hospital-new-component .payment-detail .payment-block .payment-order-total .payment-order-right { margin-left: 20rpx; transform: rotate3d(0, 0, 1, -90deg); } .hospital-new-component .payment-detail .payment-block .payment-order-total .payment-order-right.open { transform: rotate3d(0, 0, 1, 90deg); } .hospital-new-component .payment-detail .payment-block .payment-form { display: flex; font-size: 30rpx; justify-content: space-between; color: #333; margin-bottom: 24rpx; } .hospital-new-component .payment-detail .payment-block .payment-form .payment-form-label { color: #999; width: 40%; } .hospital-new-component .payment-detail .payment-block .payment-form .payment-form-val { word-wrap: break-word; max-width: 60%; text-align: right; } .hospital-new-component .payment-detail .payment-block .payment-block-more { font-size: 24rpx; color: #999; margin: 0 auto; display: flex; justify-content: center; } .hospital-new-component .payment-detail .payment-block .payment-block-more .wrap { display: flex; } .hospital-new-component .payment-detail .payment-block .payment-block-more .wrap.open .icon { transform: rotate3d(0, 0, 1, 90deg); } .hospital-new-component .payment-detail .payment-block .payment-block-more .icon { margin-left: 10rpx; transform: rotate3d(0, 0, 1, -90deg); } .hospital-new-component .payment-detail .payment-block .payment-block-btn { color: #1677FF; font-size: 24rpx; text-align: right; margin-top: 25rpx; } .hospital-new-component .payment-detail .payment-block .payment-block-btn .payment-block-t { margin-left: 40rpx; font-size: 30rpx; } .hospital-new-component .payment-detail .payment-block.block-last { margin-bottom: 200rpx; } .hospital-new-component .payment-detail .payment-block .payment-medicare { font-size: 30rpx; color: #999; line-height: 70rpx; margin-top: 20rpx; } .hospital-new-component .payment-detail .payment-block .payment-medicare .payment-medicare-flex { display: flex; justify-content: space-between; } .hospital-new-component .payment-detail .payment-block .payment-medicare .payment-medicare-d { background: #f5f5f5; font-size: 26rpx; padding: 10rpx 24rpx; border-radius: 8rpx; line-height: 60rpx; } .hospital-new-component .payment-detail .payment-block .payment-medicare .payment-medicare-d .payment-medicare-flex { position: relative; padding-left: 10rpx; } .hospital-new-component .payment-detail .payment-block .payment-medicare .payment-medicare-d .payment-medicare-flex:before { content: ''; display: block; position: absolute; top: 28rpx; left: 0; width: 4rpx; height: 4rpx; border-radius: 50%; background-color: #999; } .hospital-new-component .payment-detail .payment-fixed { color: #999; font-size: 24rpx; text-align: center; margin-top: 200rpx; } .hospital-new-component .payment-detail .payment-fixed .patient-fixed-bottom { padding: 24rpx 24rpx 40rpx; background: #fff; margin-top: 24rpx; display: flex; } .hospital-new-component .payment-detail .payment-fixed .patient-fixed-btn { flex: 1 1 auto; background: #1677FF; color: #fff; font-size: 36rpx; line-height: 90rpx; border-radius: 8rpx; } .hospital-new-component .payment-detail .payment-fixed .patient-fixed-btn.white { background: #fff; border: 1rpx solid #e5e5e5; color: #333; margin-right: 24rpx; } .hospital-new-component .payment-detail .payment-fixed .patient-fixed-btn.space { letter-spacing: 15rpx; }