您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

173 行
3.4 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. height: 50rpx;
  65. line-height: 50rpx;
  66. font-size: 30rpx;
  67. overflow:hidden;
  68. text-overflow:ellipsis;
  69. display:-webkit-box;
  70. -webkit-box-orient:vertical;
  71. -webkit-line-clamp:1;
  72. color: #ffffff;
  73. font-family: PingFang SC;
  74. font-weight: 500;
  75. color: #FEFEFE;
  76. }
  77. .headImg{
  78. float: left;
  79. width: 50rpx;
  80. height: 50rpx;
  81. border-radius: 50%;
  82. }
  83. .annotation{
  84. width: 168rpx;
  85. border-radius: 50rpx;
  86. height: 50rpx;
  87. background-color: #333;
  88. text-align: center;
  89. line-height: 50rpx;
  90. color: #9999cc;
  91. }
  92. .incomeBox{
  93. margin-top: 10rpx;
  94. }
  95. .money{
  96. float: left;
  97. color: #ff3366;
  98. font-size: 28rpx;
  99. }
  100. .py{
  101. float: left;
  102. color: #ff3366;
  103. font-size: 24rpx;
  104. }
  105. .moodsImg{
  106. float: right;
  107. width: 30rpx;
  108. height: 30rpx;
  109. margin-top: 8rpx;
  110. /* background-color: cornflowerblue; */
  111. }
  112. .moodsText{
  113. float: right;
  114. color: #ffffff;
  115. margin: 0 10rpx;
  116. font-size: 22rpx;
  117. margin-top: 6rpx;
  118. }
  119. .moodsNum{
  120. float: right;
  121. color: #00cc99;
  122. }
  123. .sortNumBj_0{
  124. position: absolute;
  125. width: 52rpx;
  126. height: 65rpx;
  127. background-image: url('https://formall.oss-accelerate.aliyuncs.com/douyin/drawable-xhdpi/home_rmph_ic_1.png');
  128. background-size:52rpx 65rpx;
  129. color: #ffffff;
  130. text-align: center;
  131. line-height: 46rpx;
  132. top: 0rpx;
  133. left: 20rpx;
  134. }
  135. .sortNumBj_1{
  136. position: absolute;
  137. width: 52rpx;
  138. height: 65rpx;
  139. background-image: url('https://formall.oss-accelerate.aliyuncs.com/douyin/drawable-xhdpi/home_rmph_ic_2.png');
  140. background-size:52rpx 65rpx;
  141. color: #ffffff;
  142. text-align: center;
  143. line-height: 46rpx;
  144. top: 0rpx;
  145. left: 20rpx;
  146. }
  147. .sortNumBj_2{
  148. position: absolute;
  149. width: 52rpx;
  150. height: 65rpx;
  151. background-image: url('https://formall.oss-accelerate.aliyuncs.com/douyin/drawable-xhdpi/home_rmph_ic_3.png');
  152. background-size:52rpx 65rpx;
  153. color: #ffffff;
  154. text-align: center;
  155. line-height: 46rpx;
  156. top: 0rpx;
  157. left: 20rpx;
  158. }
  159. .sortNumBj_3{
  160. position: absolute;
  161. width: 52rpx;
  162. height: 65rpx;
  163. background-image: url('https://formall.oss-accelerate.aliyuncs.com/douyin/drawable-xhdpi/home_rmph_ic_4.png');
  164. background-size:52rpx 65rpx;
  165. color: #ffffff;
  166. text-align: center;
  167. line-height: 46rpx;
  168. top: 0rpx;
  169. left: 20rpx;
  170. }