Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.

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