Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.

216 wiersze
3.4 KiB

  1. .head {
  2. background: #51a0fc;
  3. color: #fff;
  4. text-align: center;
  5. }
  6. .head text {
  7. display: block;
  8. }
  9. .title1 {
  10. font-size: 28rpx;
  11. font-family: PingFang-SC-Regular;
  12. font-weight: 400;
  13. color: rgba(255, 255, 255, 1);
  14. line-height: 44rpx;
  15. }
  16. .tab {
  17. display: flex;
  18. justify-content: space-around;
  19. margin-bottom: 45rpx;
  20. z-index: 999;
  21. height: 60rpx;
  22. }
  23. .tab .tabItem {
  24. width: 120rpx;
  25. text-align: center;
  26. padding-bottom: 15rpx;
  27. transition: all .3s;
  28. }
  29. .tabItem.active {
  30. font-size: 35rpx;
  31. color: #fff;
  32. border-bottom: 5rpx solid #fff;
  33. }
  34. .title2 {
  35. height: 64rpx;
  36. font-size: 70rpx;
  37. font-family: PingFang-SC-Bold;
  38. font-weight: bold;
  39. color: rgba(255, 255, 255, 1);
  40. line-height: 44rpx;
  41. margin-top: 66rpx;
  42. }
  43. .title3 {
  44. font-size: 28rpx;
  45. font-family: PingFang-SC-Bold;
  46. font-weight: bold;
  47. color: rgba(255, 255, 255, 1);
  48. line-height: 44rpx;
  49. margin-top: 20rpx;
  50. }
  51. .time {
  52. padding: 0 35rpx;
  53. height: 87rpx;
  54. line-height: 87rpx;
  55. background: #f6f6f6;
  56. }
  57. .time .fl {
  58. font-size: 26rpx;
  59. font-family: PingFang-SC-Medium;
  60. font-weight: 500;
  61. color: rgba(153, 153, 153, 1);
  62. }
  63. .time .fr {
  64. position: relative;
  65. font-size: 26rpx;
  66. font-family: PingFang-SC-Medium;
  67. font-weight: 500;
  68. color: rgba(81, 160, 252, 1);
  69. }
  70. .content {
  71. position: relative;
  72. padding: 0 35rpx;
  73. height: 210rpx;
  74. border-bottom: 1px solid #eaeaea;
  75. }
  76. .content>view:nth-of-type(2n+1) text {
  77. display: block;
  78. }
  79. .content>view:nth-of-type(2n+1) text:nth-of-type(1) {
  80. font-size: 28rpx;
  81. margin-top: 24rpx;
  82. }
  83. .content>view:nth-of-type(2n+1) text:nth-of-type(2) {
  84. margin-top: 10rpx;
  85. font-size: 26rpx;
  86. font-family: PingFang-SC-Bold;
  87. color: rgba(153, 153, 153, 1);
  88. }
  89. .content>view:nth-of-type(2n+1) {
  90. float: left;
  91. width: 65%;
  92. overflow: hidden;
  93. }
  94. .content>view:nth-of-type(2n) {
  95. width: 30%;
  96. float: right;
  97. overflow: hidden;
  98. text-align: right;
  99. font-size: 28rpx;
  100. color: #666;
  101. }
  102. .nocontent {
  103. text-align: center;
  104. font-size: 30rpx;
  105. height: 90rpx;
  106. line-height: 90rpx;
  107. }
  108. .content .fr text:nth-of-type(1) {
  109. margin-top: 36rpx;
  110. }
  111. .content #refundMark {
  112. display: inline-block;
  113. position: absolute;
  114. width: 55rpx;
  115. height: 55rpx;
  116. line-height: 55rpx;
  117. text-align: center;
  118. top: 20rpx;
  119. right: 150rpx;
  120. border: 5rpx solid #ff0000b7;
  121. color: #ff0000b7;
  122. border-radius: 50% 50%;
  123. }
  124. .content .fr .card {
  125. position: absolute;
  126. top: 40rpx;
  127. right: 230rpx;
  128. border: 3px solid #b6e48c;
  129. color: #b6e48c;
  130. font-size: 35rpx;
  131. padding: 0 15rpx;
  132. border-radius: 15rpx;
  133. transform: rotate(-15deg);
  134. }
  135. .content .fr .Ecard {
  136. position: absolute;
  137. top: 40rpx;
  138. right: 230rpx;
  139. border: 3px solid #ec9ea0;
  140. color: #ec9ea0;
  141. font-size: 35rpx;
  142. padding: 0 15rpx;
  143. border-radius: 15rpx;
  144. transform: rotate(-15deg);
  145. }
  146. .content .fr text:nth-of-type(1),
  147. .content .fr text:nth-of-type(3) {
  148. color: #333;
  149. display: block;
  150. font-size: 28rpx;
  151. }
  152. .content .fr text:nth-of-type(2) {
  153. display: block;
  154. color: rgba(153, 153, 153, 1);
  155. font-size: 26rpx;
  156. }
  157. .acount {
  158. display: flex;
  159. margin: 30rpx auto 0;
  160. padding: 35rpx 0;
  161. flex: 2;
  162. text-align: center;
  163. border-top: 1px solid rgba(255, 255, 255, 0.23);
  164. }
  165. .acount>view {
  166. flex: 1;
  167. }
  168. .acount>view text {
  169. display: block;
  170. color: #fff;
  171. font-size: 26rpx;
  172. }
  173. .acount>view text:nth-of-type(2n) {
  174. color: #fff;
  175. font-size: 28rpx;
  176. margin-top: 20rpx;
  177. }
  178. .daishou {
  179. width: 133rpx;
  180. height: 79rpx;
  181. position: absolute;
  182. top: 0;
  183. bottom: 0;
  184. right: 264rpx;
  185. margin: auto;
  186. }