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.

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