index.acss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. .hospital-new-component.payment .payment-block {
  2. background: #fff;
  3. border-radius: 16rpx;
  4. padding: 24rpx;
  5. margin: 24rpx 24rpx 0;
  6. }
  7. .hospital-new-component.payment .payment-block .payment-item-date {
  8. color: #999;
  9. font-size: 30rpx;
  10. padding: 24rpx 0;
  11. }
  12. .hospital-new-component.payment .payment-block .payment-flex {
  13. display: flex;
  14. justify-content: space-between;
  15. line-height: 70rpx;
  16. }
  17. .hospital-new-component.payment .payment-block .payment-flex .payment-title {
  18. color: #333;
  19. font-size: 34rpx;
  20. font-weight: 600;
  21. flex: 0 0 80%;
  22. }
  23. .hospital-new-component.payment .payment-block .payment-flex .payment-pay {
  24. color: #999;
  25. font-size: 28rpx;
  26. }
  27. .hospital-new-component.payment .payment-block .payment-flex .payment-pay.flag {
  28. color: #FF6430;
  29. }
  30. .hospital-new-component.payment .payment-block .payment-flex .payment-label {
  31. font-size: 30rpx;
  32. color: #999;
  33. }
  34. .hospital-new-component.payment .payment-block .payment-flex .payment-value {
  35. font-size: 30rpx;
  36. color: #333;
  37. }
  38. .hospital-new-component.payment .payment-block .payment-flex .payment-price {
  39. font-size: 24rpx;
  40. color: #333;
  41. margin-top: 10rpx;
  42. }
  43. .hospital-new-component.payment .payment-block .payment-flex .payment-price .amount {
  44. font-size: 40rpx;
  45. font-weight: 600;
  46. }
  47. .hospital-new-component.payment .payment-block .payment-flex .payment-price .num {
  48. color: #999;
  49. }
  50. .hospital-new-component.payment .payment-block .payment-top {
  51. border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
  52. padding-bottom: 20rpx;
  53. margin-bottom: 15rpx;
  54. line-height: 50rpx;
  55. }
  56. .hospital-new-component.payment .payment-block .payment-flex-r {
  57. display: flex;
  58. justify-content: flex-end;
  59. }
  60. .hospital-new-component.payment .payment-block .payment-flex-r .payment-flex-b {
  61. background: #1677FF;
  62. color: #fff;
  63. border-radius: 25rpx;
  64. min-width: 120rpx;
  65. height: 50rpx;
  66. line-height: 50rpx;
  67. text-align: center;
  68. letter-spacing: 5rpx;
  69. font-size: 24rpx;
  70. margin-left: 20rpx;
  71. padding: 0 10rpx;
  72. }
  73. .hospital-new-component.payment .empty-container {
  74. height: 100vh!important;
  75. }