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.

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