Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

179 rindas
3.5 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. }
  95. .incomeBox{
  96. margin-top: 20rpx;
  97. }
  98. .money{
  99. float: left;
  100. color: #ff3366;
  101. font-size: 28rpx;
  102. line-height: 30rpx;
  103. }
  104. .py{
  105. float: left;
  106. color: #ff3366;
  107. font-size: 28rpx;
  108. line-height: 30rpx;
  109. }
  110. .moodsImg{
  111. float: right;
  112. width: 30rpx;
  113. height: 30rpx;
  114. margin-top: 8rpx;
  115. /* background-color: cornflowerblue; */
  116. }
  117. .moodsText{
  118. float: right;
  119. color: #ffffff;
  120. margin: 0 10rpx;
  121. font-size: 22rpx;
  122. margin-top: 6rpx;
  123. }
  124. .moodsNum{
  125. float: right;
  126. color: #00cc99;
  127. }
  128. .sortNumBj_0{
  129. position: absolute;
  130. width: 52rpx;
  131. height: 65rpx;
  132. background-image: url('https://formall.oss-accelerate.aliyuncs.com/douyin/drawable-xhdpi/home_rmph_ic_1.png');
  133. background-size:52rpx 65rpx;
  134. color: #ffffff;
  135. text-align: center;
  136. line-height: 46rpx;
  137. top: 0rpx;
  138. left: 20rpx;
  139. }
  140. .sortNumBj_1{
  141. position: absolute;
  142. width: 52rpx;
  143. height: 65rpx;
  144. background-image: url('https://formall.oss-accelerate.aliyuncs.com/douyin/drawable-xhdpi/home_rmph_ic_2.png');
  145. background-size:52rpx 65rpx;
  146. color: #ffffff;
  147. text-align: center;
  148. line-height: 46rpx;
  149. top: 0rpx;
  150. left: 20rpx;
  151. }
  152. .sortNumBj_2{
  153. position: absolute;
  154. width: 52rpx;
  155. height: 65rpx;
  156. background-image: url('https://formall.oss-accelerate.aliyuncs.com/douyin/drawable-xhdpi/home_rmph_ic_3.png');
  157. background-size:52rpx 65rpx;
  158. color: #ffffff;
  159. text-align: center;
  160. line-height: 46rpx;
  161. top: 0rpx;
  162. left: 20rpx;
  163. }
  164. .sortNumBj_3{
  165. position: absolute;
  166. width: 52rpx;
  167. height: 65rpx;
  168. background-image: url('https://formall.oss-accelerate.aliyuncs.com/douyin/drawable-xhdpi/home_rmph_ic_4.png');
  169. background-size:52rpx 65rpx;
  170. color: #ffffff;
  171. text-align: center;
  172. line-height: 46rpx;
  173. top: 0rpx;
  174. left: 20rpx;
  175. }