25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

313 lines
5.2 KiB

  1. .Box{
  2. /* height: 100vh; */
  3. overflow: scroll;
  4. min-height: 100vh;
  5. }
  6. .searchF{
  7. width: 80%;
  8. height: 68rpx;
  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: 80rpx;
  23. color: #00ff99;
  24. float: left;
  25. height: 80rpx;
  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. .categoryBox{
  93. display: flex;
  94. justify-content: center;
  95. }
  96. .categoryTtem{
  97. width: 40%;
  98. margin: 0 5%;
  99. border-radius: 30rpx;
  100. border: 2rpx solid #00ff99;
  101. text-align: center;
  102. color: #00ff99;
  103. height: 50rpx;
  104. line-height: 50rpx;
  105. }
  106. /* 暂时填充 */
  107. .author {
  108. height: 600rpx;
  109. }
  110. .course{
  111. width: 20%;
  112. float: left;
  113. text-align: center;
  114. padding-bottom:20rpx;
  115. }
  116. .titleA{
  117. font-size: 36rpx;
  118. line-height: 70rpx;
  119. color: #07E881;
  120. font-family: PingFang SC;
  121. font-weight: 800;
  122. }
  123. .title{
  124. line-height: 70rpx;
  125. color: #ffffff;
  126. }
  127. .xian{
  128. width: 40%;
  129. margin: 0 auto;
  130. height: 2rpx;
  131. background-color: #07E881;
  132. }
  133. .cAuthor{
  134. width: 20%;
  135. float: left;
  136. text-align: center;
  137. }
  138. .classBox {
  139. width: 90%;
  140. margin:20rpx auto;
  141. border-bottom: #666666 1rpx dotted;
  142. }
  143. .orderBidBox{
  144. border-radius: 20rpx;
  145. background-color: #181C28;
  146. margin: 40rpx 0;
  147. }
  148. .img{
  149. float: left;
  150. width: 250rpx;
  151. height: 160rpx;
  152. border-radius: 10rpx;
  153. }
  154. .courseBox {
  155. width: 360rpx;
  156. margin-left: 30rpx;
  157. float: left;
  158. }
  159. .h3{
  160. width: 360rpx;
  161. line-height: 60rpx;
  162. font-size: 30rpx;
  163. color: #ffffff;
  164. font-weight: 560;
  165. overflow:hidden;
  166. text-overflow:ellipsis;
  167. display:-webkit-box;
  168. -webkit-box-orient:vertical;
  169. -webkit-line-clamp:1;
  170. }
  171. .headImg{
  172. position: absolute;
  173. width: 50rpx;
  174. height: 50rpx;
  175. border-radius: 50%;
  176. top: 0;
  177. left: 0;
  178. }
  179. .name{
  180. padding-left:70rpx ;
  181. padding-right:50rpx ;
  182. float: left;
  183. border-radius: 50rpx;
  184. height: 50rpx;
  185. background-color: #333;
  186. text-align: center;
  187. line-height: 50rpx;
  188. color: #9999cc;
  189. overflow:hidden;
  190. text-overflow:ellipsis;
  191. display:-webkit-box;
  192. -webkit-box-orient:vertical;
  193. -webkit-line-clamp:1
  194. }
  195. .priceBox{
  196. /* margin-top: 20rpx; */
  197. overflow: hidden;
  198. }
  199. .priceF{
  200. float: left;
  201. color: #ff3366;
  202. line-height: 60rpx;
  203. }
  204. .price{
  205. font-size: 34rpx;
  206. color: #ff3366;
  207. float: left;
  208. line-height: 60rpx;
  209. }
  210. .timeBox{
  211. width: 90%;
  212. margin: 20rpx auto;
  213. }
  214. .payTiem{
  215. float: left;
  216. line-height: 80rpx;
  217. font-size: 32rpx;
  218. font-family: PingFang SC;
  219. font-weight: 500;
  220. color: #FC4758;
  221. }
  222. .payBtn{
  223. float: right;
  224. width: 180rpx;
  225. line-height: 80rpx;
  226. text-align: center;
  227. border: 2rpx solid #06D176;
  228. border-radius: 50rpx;
  229. color: #06D176;
  230. }
  231. .userHead{
  232. float: left;
  233. width: 120rpx;
  234. height: 120rpx;
  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. text-align: center;
  295. }
  296. .noDataImg{
  297. width: 500rpx;
  298. height: 400rpx;
  299. margin: 200rpx auto;
  300. }