Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.

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