Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

311 rindas
5.1 KiB

  1. .Box{
  2. height: 100vh;
  3. overflow: scroll;
  4. min-height: 100vh;
  5. }
  6. .searchF{
  7. width: 80%;
  8. height: 80rpx;
  9. background-color: rgba(51, 51, 51, 0.5);
  10. border-radius: 60rpx;
  11. margin: 20rpx;
  12. float: left;
  13. }
  14. .searchText{
  15. width: 80%;
  16. margin: 0 auto;
  17. height: 100%;
  18. color: #ffffff;
  19. }
  20. .searchBtn{
  21. width: 10%;
  22. line-height: 100rpx;
  23. color: #00ff99;
  24. float: left;
  25. height: 100rpx;
  26. margin-top: 10rpx;
  27. font-size: 30rpx;
  28. }
  29. .recommendBox{
  30. margin: 40rpx 0;
  31. }
  32. .recommendLogo{
  33. float: left;
  34. width: 60rpx;
  35. height: 60rpx;
  36. background-color: #00ff99;
  37. }
  38. .recommendText{
  39. color: #ffffff;
  40. font-size: 32rpx;
  41. line-height: 60rpx;
  42. margin-left: 20rpx;
  43. float: left;
  44. }
  45. .recommend{
  46. display: flex;
  47. justify-content: space-between;
  48. flex-wrap:wrap;
  49. }
  50. .recommendItem{
  51. width: 40%;
  52. margin: 20rpx 5%;
  53. background-color: rgba(51, 51, 51, 0.5);
  54. border-radius: 50rpx;
  55. text-align: center;
  56. line-height: 80rpx;
  57. height: 80rpx;
  58. overflow:hidden;
  59. text-overflow:ellipsis;
  60. display:-webkit-box;
  61. -webkit-box-orient:vertical;
  62. -webkit-line-clamp:1;
  63. color: #ffffff;
  64. text-indent:10rpx
  65. }
  66. .authorItemBox{
  67. margin: 20rpx 0;
  68. overflow: hidden;
  69. overflow-y: hidden;
  70. overflow-x: auto;
  71. white-space: nowrap;
  72. }
  73. .authorItemBox::-webkit-scrollbar {
  74. display: none;
  75. }
  76. .authorItem{
  77. width: 30%;
  78. height: 340rpx;
  79. border-radius: 10rpx;
  80. background-color: #333;
  81. overflow: hidden;
  82. display: inline-block;
  83. margin-right:20rpx;
  84. }
  85. .portrait{
  86. width: 150rpx;
  87. height: 150rpx;
  88. background-color: azure;
  89. border-radius: 50%;
  90. margin: 20rpx auto;
  91. }
  92. .name{
  93. line-height: 72rpx;
  94. text-align: center;
  95. color: #ffffff;
  96. font-size: 36rpx;
  97. text-align: center;
  98. }
  99. .categoryBox{
  100. display: flex;
  101. justify-content: center;
  102. }
  103. .categoryTtem{
  104. width: 40%;
  105. margin: 0 5%;
  106. border-radius: 30rpx;
  107. border: 2rpx solid #00ff99;
  108. text-align: center;
  109. color: #00ff99;
  110. height: 50rpx;
  111. line-height: 50rpx;
  112. }
  113. /* 暂时填充 */
  114. .author {
  115. height: 600rpx;
  116. }
  117. .course{
  118. width: 20%;
  119. float: left;
  120. text-align: center;
  121. padding-bottom:20rpx;
  122. }
  123. .titleA{
  124. font-size: 36rpx;
  125. line-height: 70rpx;
  126. color: #07E881;
  127. font-family: PingFang SC;
  128. font-weight: 800;
  129. }
  130. .title{
  131. line-height: 70rpx;
  132. color: #ffffff;
  133. }
  134. .xian{
  135. width: 40%;
  136. margin: 0 auto;
  137. height: 2rpx;
  138. background-color: #07E881;
  139. }
  140. .cAuthor{
  141. width: 20%;
  142. float: left;
  143. text-align: center;
  144. }
  145. .classBox {
  146. width: 90%;
  147. margin:20rpx auto;
  148. border-bottom: #666666 1rpx dotted;
  149. }
  150. .orderBidBox{
  151. border-radius: 20rpx;
  152. background-color: #181C28;
  153. margin: 40rpx 0;
  154. }
  155. .img{
  156. float: left;
  157. width: 250rpx;
  158. height: 160rpx;
  159. border-radius: 10rpx;
  160. }
  161. .courseBox {
  162. width: 360rpx;
  163. margin-left: 30rpx;
  164. float: left;
  165. }
  166. .h3{
  167. width: 360rpx;
  168. line-height: 60rpx;
  169. font-size: 34rpx;
  170. color: #ffffff;
  171. font-weight: 560;
  172. overflow:hidden;
  173. text-overflow:ellipsis;
  174. display:-webkit-box;
  175. -webkit-box-orient:vertical;
  176. -webkit-line-clamp:1;
  177. }
  178. .headImg{
  179. width: 60rpx;
  180. height: 60rpx;
  181. border-radius: 50%;
  182. background-color: coral;
  183. float: left;
  184. }
  185. .name{
  186. width: 220rpx;
  187. line-height: 60rpx;
  188. height: 60rpx;
  189. border-radius: 50rpx;
  190. color: #8790A8;
  191. text-align: center;
  192. background-color: #222735;
  193. }
  194. .priceBox{
  195. /* margin-top: 20rpx; */
  196. overflow: hidden;
  197. }
  198. .priceF{
  199. float: left;
  200. color: #ff3366;
  201. line-height: 60rpx;
  202. }
  203. .price{
  204. font-size: 34rpx;
  205. color: #ff3366;
  206. float: left;
  207. line-height: 60rpx;
  208. }
  209. .timeBox{
  210. width: 90%;
  211. margin: 20rpx auto;
  212. }
  213. .payTiem{
  214. float: left;
  215. line-height: 80rpx;
  216. font-size: 32rpx;
  217. font-family: PingFang SC;
  218. font-weight: 500;
  219. color: #FC4758;
  220. }
  221. .payBtn{
  222. float: right;
  223. width: 180rpx;
  224. line-height: 80rpx;
  225. text-align: center;
  226. border: 2rpx solid #06D176;
  227. border-radius: 50rpx;
  228. color: #06D176;
  229. }
  230. .userHead{
  231. float: left;
  232. width: 120rpx;
  233. height: 120rpx;
  234. background-color: aqua;
  235. border-radius: 50%;
  236. margin: 20rpx;
  237. }
  238. .userNameBox{
  239. float: left;
  240. margin: 20rpx;
  241. }
  242. .userName{
  243. width: 300rpx;
  244. line-height: 60rpx;
  245. margin: 10rpx;
  246. color: #fff;
  247. font-size: 30rpx;
  248. }
  249. .typeBox{
  250. margin: 0 10rpx;
  251. }
  252. .shuXian{
  253. float: left;
  254. width: 1rpx;
  255. margin: 0 20rpx;
  256. background-color: #31335C;
  257. height: 40rpx;
  258. }
  259. .type{
  260. float: left;
  261. }
  262. .bean{
  263. float: left;
  264. }
  265. .attentionBox{
  266. float: left;
  267. margin: 40rpx 20rpx;
  268. border: 1rpx solid #07E881;
  269. width: 130rpx;
  270. height: 70rpx;
  271. line-height: 70rpx;
  272. border-radius: 40rpx;
  273. background: rgba(7, 232, 129, 0.12);
  274. text-align: center;
  275. color: #07E881;
  276. }
  277. .attentionBoxHie{
  278. float: left;
  279. margin: 40rpx 20rpx;
  280. border: 1rpx solid #666666;
  281. width: 130rpx;
  282. height: 70rpx;
  283. line-height: 70rpx;
  284. border-radius: 40rpx;
  285. text-align: center;
  286. color: #666666;
  287. }
  288. .noDataBox{
  289. width: 100%;
  290. height: 600rpx;
  291. top: 300rpx;
  292. left: 0;
  293. background-color: #0E1119;
  294. }
  295. .noDataImg{
  296. width: 500rpx;
  297. height: 400rpx;
  298. }