index.acss 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. .pre-settlement {
  2. min-height: 100vh;
  3. padding: 32rpx 24rpx;
  4. background: #F5F4F5;
  5. }
  6. .pre-settlement .pre-settlement-detailed {
  7. padding: 27rpx 25rpx;
  8. background: #FFF;
  9. border-radius: 16rpx;
  10. }
  11. .pre-settlement .pre-settlement-detailed .line {
  12. margin: 24rpx 0;
  13. border-bottom: 1px dashed #A6A6A6;
  14. }
  15. .pre-settlement .pre-settlement-detailed .pre-settlement-line {
  16. display: flex;
  17. justify-content: space-between;
  18. margin-bottom: 24rpx;
  19. }
  20. .pre-settlement .pre-settlement-detailed .pre-settlement-line:last-child {
  21. margin-bottom: 0 !important;
  22. }
  23. .pre-settlement .pre-settlement-detailed .pre-settlement-line .line-left {
  24. color: #222;
  25. font-weight: 400;
  26. font-size: 30rpx;
  27. }
  28. .pre-settlement .pre-settlement-detailed .pre-settlement-line .line-right {
  29. color: #333;
  30. font-weight: 500;
  31. font-size: 30rpx;
  32. }
  33. .pre-settlement .pre-settlement-detailed .pre-settlement-line .pre-settlement-amount {
  34. color: #FF6430 !important;
  35. }
  36. .pre-settlement .pre-settlement-detailed .medical-insurance {
  37. padding: 26rpx 17rpx;
  38. background-color: #F5F5F5;
  39. border-radius: 8rpx;
  40. }
  41. .pre-settlement .pre-settlement-detailed .medical-insurance .medical-insurance-line {
  42. display: flex;
  43. justify-content: space-between;
  44. margin-bottom: 25rpx;
  45. }
  46. .pre-settlement .pre-settlement-detailed .medical-insurance .medical-insurance-line:last-child {
  47. margin-bottom: 0 !important;
  48. }
  49. .pre-settlement .pre-settlement-detailed .medical-insurance .medical-insurance-line .medical-insurance-line-left {
  50. color: #222;
  51. font-weight: 400;
  52. font-size: 28rpx;
  53. }
  54. .pre-settlement .pre-settlement-detailed .medical-insurance .medical-insurance-line .medical-insurance-line-right {
  55. color: #222;
  56. font-weight: 500;
  57. font-size: 28rpx;
  58. letter-spacing: 0.09rpx;
  59. }
  60. .pre-settlement .pre-settlement-detailed .medical-insurance .medical-insurance-line .gray {
  61. color: #9094A3 !important;
  62. font-weight: 400 !important;
  63. font-size: 26rpx !important;
  64. }
  65. .pre-settlement .refundable-amount {
  66. margin-top: 16rpx;
  67. padding: 32rpx 23rpx;
  68. text-align: center;
  69. background: #FFF;
  70. border-radius: 16rpx;
  71. }
  72. .pre-settlement .refundable-amount .refundable-amount-title {
  73. margin-bottom: 4rpx;
  74. color: #333;
  75. font-weight: 500;
  76. font-size: 32rpx;
  77. }
  78. .pre-settlement .refundable-amount .refundable-amount-desc {
  79. margin-bottom: 32rpx;
  80. color: #999;
  81. font-weight: 400;
  82. font-size: 26rpx;
  83. }
  84. .pre-settlement .refundable-amount .amount {
  85. margin-bottom: 32rpx;
  86. color: #333;
  87. font-weight: 500;
  88. font-size: 72rpx;
  89. letter-spacing: 0.24rpx;
  90. }
  91. .pre-settlement .refundable-amount .immediate-settlement-btn {
  92. width: 654rpx;
  93. height: 98rpx;
  94. }