Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

199 строки
3.8 KiB

  1. #BoxBg{
  2. background-color: #0E1119;
  3. overflow: hidden;
  4. font-size: 28rpx;
  5. min-height: 100vh;
  6. }
  7. .logoBox{
  8. width: 100%;
  9. height: 280rpx;
  10. border-radius: 20rpx;
  11. margin-top: 10rpx;
  12. }
  13. .courseBoxAll{
  14. width: 100%;
  15. overflow: hidden;
  16. background-color: #0E1119;
  17. z-index: 1000000;
  18. }
  19. .explainBox{
  20. overflow: hidden;
  21. border-radius: 20rpx;
  22. background-color: rgba(255, 255, 255, 0.1);
  23. margin: 50rpx 0;
  24. }
  25. .zText{
  26. font-size: 34rpx;
  27. width: 90%;
  28. line-height: 40rpx;
  29. line-height: 40rpx;
  30. color: #ffffff;
  31. margin: 10rpx auto;
  32. }
  33. .fText{
  34. width: 90%;
  35. line-height: 40rpx;
  36. line-height: 40rpx;
  37. margin: 10rpx auto;
  38. }
  39. .aivi{
  40. font-size: 34rpx;
  41. width: 90%;
  42. line-height: 40rpx;
  43. line-height: 40rpx;
  44. color: #ffffff;
  45. margin: 10rpx auto;
  46. }
  47. .courseBox{
  48. margin: 20rpx 0;
  49. }
  50. .cover{
  51. width: 250rpx;
  52. height: 162rpx;
  53. float: left;
  54. border-radius: 10rpx;
  55. /* background-color: cornflowerblue; */
  56. margin-right: 20rpx;
  57. margin-left: 20rpx;
  58. }
  59. .courseItem{
  60. width: 380rpx;
  61. float: left;
  62. }
  63. .courseName{
  64. width: 100%;
  65. height: 40rpx;
  66. line-height: 40rpx;
  67. font-size: 30rpx;
  68. color: #ffffff;
  69. font-weight: 500;
  70. overflow:hidden;
  71. text-overflow:ellipsis;
  72. display:-webkit-box;
  73. -webkit-box-orient:vertical;
  74. -webkit-line-clamp:1;
  75. }
  76. .headImg{
  77. position: absolute;
  78. width: 50rpx;
  79. height: 50rpx;
  80. border-radius: 50%;
  81. top: 0;
  82. left: 0;
  83. }
  84. .annotation{
  85. padding-left:70rpx ;
  86. padding-right:50rpx ;
  87. float: left;
  88. border-radius: 50rpx;
  89. height: 50rpx;
  90. background-color: #333;
  91. text-align: center;
  92. line-height: 50rpx;
  93. color: #9999cc;
  94. overflow:hidden;
  95. text-overflow:ellipsis;
  96. display:-webkit-box;
  97. -webkit-box-orient:vertical;
  98. -webkit-line-clamp:1
  99. }
  100. .incomeBox{
  101. margin-top: 20rpx;
  102. }
  103. .money{
  104. float: left;
  105. color: #ff3366;
  106. font-size: 28rpx;
  107. line-height: 30rpx;
  108. }
  109. .py{
  110. float: left;
  111. color: #ff3366;
  112. font-size: 28rpx;
  113. line-height: 30rpx;
  114. }
  115. .moodsImg{
  116. float: right;
  117. width: 30rpx;
  118. height: 30rpx;
  119. margin-top: 8rpx;
  120. /* background-color: cornflowerblue; */
  121. }
  122. .moodsText{
  123. float: right;
  124. color: #ffffff;
  125. margin: 0 10rpx;
  126. font-size: 22rpx;
  127. margin-top: 6rpx;
  128. }
  129. .moodsNum{
  130. float: right;
  131. color: #00cc99;
  132. }
  133. .sortNumBj_0{
  134. position: absolute;
  135. width: 52rpx;
  136. height: 65rpx;
  137. background-image: url('https://zhibotang.oss-cn-beijing.aliyuncs.com/douyin/drawable-xhdpi/home_rmph_ic_1.png');
  138. background-size:52rpx 65rpx;
  139. color: #ffffff;
  140. text-align: center;
  141. line-height: 46rpx;
  142. top: 0rpx;
  143. left: 20rpx;
  144. }
  145. .sortNumBj_1{
  146. position: absolute;
  147. width: 52rpx;
  148. height: 65rpx;
  149. background-image: url('https://zhibotang.oss-cn-beijing.aliyuncs.com/douyin/drawable-xhdpi/home_rmph_ic_2.png');
  150. background-size:52rpx 65rpx;
  151. color: #ffffff;
  152. text-align: center;
  153. line-height: 46rpx;
  154. top: 0rpx;
  155. left: 20rpx;
  156. }
  157. .sortNumBj_2{
  158. position: absolute;
  159. width: 52rpx;
  160. height: 65rpx;
  161. background-image: url('https://zhibotang.oss-cn-beijing.aliyuncs.com/douyin/drawable-xhdpi/home_rmph_ic_3.png');
  162. background-size:52rpx 65rpx;
  163. color: #ffffff;
  164. text-align: center;
  165. line-height: 46rpx;
  166. top: 0rpx;
  167. left: 20rpx;
  168. }
  169. .sortNumBj_3{
  170. position: absolute;
  171. width: 52rpx;
  172. height: 65rpx;
  173. background-image: url('https://zhibotang.oss-cn-beijing.aliyuncs.com/douyin/drawable-xhdpi/home_rmph_ic_4.png');
  174. background-size:52rpx 65rpx;
  175. color: #ffffff;
  176. text-align: center;
  177. line-height: 46rpx;
  178. top: 0rpx;
  179. left: 20rpx;
  180. }
  181. .richtextBox{
  182. margin-top: 40rpx;
  183. min-height: 120rpx;
  184. }
  185. .rich_text{
  186. width: 100%;
  187. height: 100%;
  188. }
  189. .rich_text p{
  190. width: 100%;
  191. }
  192. rich-text img{
  193. width: 100%;
  194. /* max-height: 400rpx; */
  195. }