paid.css 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. .HoutaiContainerTitleButton .HoutaiContainerTitleButtonPaid {
  2. color: #fff;
  3. background-color: #000000;
  4. border: 1px solid #000000;
  5. }
  6. .main {
  7. margin: 25px 32px 24px;
  8. }
  9. .table {
  10. display: flex;
  11. margin-bottom: 12px
  12. }
  13. .card {
  14. width: 183px;
  15. height: 98px;
  16. background-color: #fff;
  17. border-radius: 10px;
  18. margin-right: 10px;
  19. }
  20. .card :first-child {
  21. font-size: 18px;
  22. color: #B0B7C3;
  23. margin-left: 24px;
  24. margin-top: 16px;
  25. }
  26. .card :last-child {
  27. font-size: 27px;
  28. color: #323B4B;
  29. margin-left: 24px;
  30. margin-top: 8px;
  31. }
  32. .HoutaiContainerBottomAppleList {
  33. width: 1380px;
  34. background-color: white;
  35. margin-top: 24px;
  36. margin-left: 32px;
  37. margin: 25px auto 0;
  38. border-radius: 10px;
  39. border: 1px solid #D5D9DD;
  40. }
  41. .HoutaiContainerBottomAppleListHeader {
  42. width: 1378px;
  43. display: flex;
  44. display: -moz-flex;
  45. display: -o-flex;
  46. display: -webkit-flex;
  47. margin: 0 auto;
  48. display: -ms-flex;
  49. background-color: #F2F4F6;
  50. border-radius: 10px;
  51. }
  52. .HoutaiContainerBottomAppleListHeader>p {
  53. height: 54px;
  54. text-align: center;
  55. line-height: 54px;
  56. font-size: 14px;
  57. color: #575F6E;
  58. }
  59. .HoutaiContainerBottomAppleListHeaderYH {
  60. width: 192px;
  61. }
  62. .HoutaiContainerBottomAppleListHeaderRQ {
  63. width: 162px;
  64. }
  65. .HoutaiContainerBottomAppleListHeaderLDK ,
  66. .HoutaiContainerBottomAppleListHeaderZJDKJE ,
  67. .HoutaiContainerBottomAppleListHeaderZJDKRQ ,
  68. .HoutaiContainerBottomAppleListHeaderYHK,
  69. .HoutaiContainerBottomAppleListHeaderUSDT {
  70. width: 205px;
  71. }
  72. .HoutaiContainerBottomAppleListHeaderUSDTContent {
  73. width: 205px;
  74. }
  75. .HoutaiContainerBottomAppleListHeaderUSDTContent>.HoutaiContainerBottomAppleListHeaderUSDT {
  76. width: 190px;
  77. text-align: center;
  78. /* 两行展示 */
  79. -webkit-line-clamp: 0;
  80. word-break: break-all;
  81. }
  82. .HoutaiContainerBottomAppleListHeaders {
  83. width: 1378px;
  84. display: flex;
  85. display: -moz-flex;
  86. display: -o-flex;
  87. display: -webkit-flex;
  88. margin: 0 auto;
  89. display: -ms-flex;
  90. background-color: #FFFFFF;
  91. border-radius: 10px;
  92. }
  93. .HoutaiContainerBottomAppleListHeaders:nth-child(odd) {
  94. background-color: white;
  95. }
  96. .HoutaiContainerBottomAppleListHeaders:nth-child(even) {
  97. background-color: #F9FBFE;
  98. }
  99. .HoutaiContainerBottomAppleListHeaders>p {
  100. height: 100px;
  101. display: flex;
  102. display: -moz-flex;
  103. display: -o-flex;
  104. display: -webkit-flex;
  105. display: -ms-flex;
  106. justify-content: center;
  107. align-items: center;
  108. font-size: 16px;
  109. color: #000000;
  110. text-align: center;
  111. }
  112. .HoutaiContainerBottomAppleListHeaders>div {
  113. display: flex;
  114. align-items: center;
  115. flex-direction: column;justify-content: center;
  116. height: 100px;
  117. }
  118. .HoutaiContainerBottomAppleListHeaders>div>p {
  119. height: 25px;
  120. display: flex;
  121. display: -moz-flex;
  122. display: -o-flex;
  123. display: -webkit-flex;
  124. display: -ms-flex;
  125. justify-content: center;
  126. align-items: center;
  127. font-size: 16px;
  128. color: #000000;
  129. }
  130. .HoutaiContainerBottomAppleListHeaders>.MDaKuan {
  131. color: #007AFF;
  132. font-size: 16px;
  133. }
  134. .HoutaiContainerBottomAppleListHeaders>.YDaKuan {
  135. color: rgba(0, 0, 0, 0.50);
  136. text-align: center;
  137. font-size: 16px;
  138. }