You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

179 line
3.7 KiB

  1. .BoxBg{
  2. min-height: 100vh;
  3. }
  4. .logoBox{
  5. position: relative;
  6. width: 100%;
  7. }
  8. .logo{
  9. width: 100%;
  10. height: 480rpx;
  11. border-radius: 10rpx;
  12. background-image: url('https://zhibotang.oss-cn-beijing.aliyuncs.com/douyin/drawable-xhdpi/leaderboard_bnt.png');
  13. background-size: 100% 480rpx;
  14. background-position: 0 -1500rpx;
  15. }
  16. .logoText{
  17. position: absolute;
  18. width: 187rpx;
  19. height: 58rpx;
  20. border-radius: 29rpx;
  21. background: #07E881;
  22. border-radius: 29rpx;
  23. color: #ffffff;
  24. text-align: center;
  25. top: 200rpx;
  26. left: 30rpx;
  27. z-index: 100000;
  28. font-size: 30rpx;
  29. font-family: PingFang SC;
  30. font-weight: 500;
  31. line-height: 58rpx;
  32. }
  33. .courseBoxAll{
  34. width: 100%;
  35. position: absolute;
  36. overflow: hidden;
  37. margin-top: -160rpx;
  38. background-color: #0E1119;
  39. z-index: 1000000;
  40. }
  41. .courseBox{
  42. margin: 20rpx 0;
  43. position: relative;
  44. }
  45. .cover{
  46. width: 250rpx;
  47. height: 162rpx;
  48. float: left;
  49. border-radius: 10rpx;
  50. /* background-color: cornflowerblue; */
  51. margin-right: 20rpx;
  52. margin-left: 20rpx;
  53. }
  54. .courseItem{
  55. width: 380rpx;
  56. float: left;
  57. }
  58. .courseName{
  59. height: 50rpx;
  60. line-height: 50rpx;
  61. font-size: 30rpx;
  62. overflow:hidden;
  63. text-overflow:ellipsis;
  64. display:-webkit-box;
  65. -webkit-box-orient:vertical;
  66. -webkit-line-clamp:1;
  67. color: #ffffff;
  68. font-family: PingFang SC;
  69. font-weight: 500;
  70. color: #FEFEFE;
  71. }
  72. .headImg{
  73. position: absolute;
  74. width: 50rpx;
  75. height: 50rpx;
  76. border-radius: 50%;
  77. top: 0;
  78. left: 0;
  79. }
  80. .annotation{
  81. padding-left:70rpx ;
  82. padding-right:50rpx ;
  83. float: left;
  84. border-radius: 50rpx;
  85. height: 50rpx;
  86. background-color: #333;
  87. text-align: center;
  88. line-height: 50rpx;
  89. color: #9999cc;
  90. text-overflow:ellipsis;
  91. display:-webkit-box;
  92. -webkit-box-orient:vertical;
  93. -webkit-line-clamp:1
  94. }
  95. .incomeBox{
  96. margin-top: 10rpx;
  97. }
  98. .money{
  99. float: left;
  100. color: #ff3366;
  101. font-size: 28rpx;
  102. /* line-height: 60rpx; */
  103. }
  104. .py{
  105. font-size: 28rpx;
  106. float: left;
  107. /* line-height: 60rpx; */
  108. color: #ff3366;
  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://zhibotang.oss-cn-beijing.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://zhibotang.oss-cn-beijing.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://zhibotang.oss-cn-beijing.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://zhibotang.oss-cn-beijing.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. }