index.acss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. .discharge-settlement-container {
  2. overflow: hidden;
  3. background-color: #f5f5f5;
  4. padding: 24rpx;
  5. }
  6. .discharge-settlement-container .discharge-detail {
  7. margin-bottom: 16rpx;
  8. padding: 24rpx;
  9. background-color: #fff;
  10. border-radius: 16rpx;
  11. }
  12. .discharge-settlement-container .discharge-detail .header {
  13. color: #333;
  14. font-size: 34rpx;
  15. padding-bottom: 24rpx;
  16. font-weight: 600;
  17. border-bottom: 1px solid #EEE;
  18. }
  19. .discharge-settlement-container .discharge-detail .content .content-detail {
  20. display: flex;
  21. justify-content: space-between;
  22. margin: 24rpx 0;
  23. }
  24. .discharge-settlement-container .discharge-detail .content .content-detail .label {
  25. color: #999;
  26. font-weight: 400;
  27. font-size: 26rpx;
  28. }
  29. .discharge-settlement-container .discharge-detail .content .content-detail .test {
  30. color: #333;
  31. font-weight: 400;
  32. font-size: 26rpx;
  33. }
  34. .discharge-settlement-container .discharge-detail .content .content-detail .orange {
  35. color: #FF6430;
  36. }
  37. .discharge-settlement-container .discharge-detail .notpay {
  38. color: #fff;
  39. background-color: #1677FF;
  40. border: none;
  41. display: flex;
  42. align-items: center;
  43. justify-content: center;
  44. width: 100%;
  45. height: 88rpx;
  46. border-radius: 4rpx;
  47. font-size: 36rpx;
  48. }
  49. .discharge-settlement-container .discharge-detail .pay {
  50. color: #1677ff;
  51. background-color: #fff;
  52. border: 1rpx solid #1677ff;
  53. display: flex;
  54. align-items: center;
  55. justify-content: center;
  56. width: 100%;
  57. height: 88rpx;
  58. border-radius: 4rpx;
  59. font-size: 36rpx;
  60. }