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.

274 lines
4.9 KiB

  1. /* .headBox{
  2. width: 100%;
  3. height: 320rpx;
  4. background-image: url("https://formall.oss-accelerate.aliyuncs.com/douyin/drawable-xhdpi/course_bnt.png");
  5. background-size: 100% 320rpx;
  6. }
  7. .classHourBox{
  8. width: 80%;
  9. height: 222rpx;
  10. background-image: url("https://formall.oss-accelerate.aliyuncs.com/douyin/drawable-xhdpi/course_bnt_xuexi.png");
  11. background-size: 100% 222rpx;
  12. margin-top:60rpx ;
  13. margin-left: auto;
  14. margin-right: auto;
  15. }
  16. .classNumBox{
  17. width: 46%;
  18. height: 100%;
  19. float: left;
  20. margin-left: 2%;
  21. }
  22. .xian{
  23. width: 0rpx;
  24. height: 60%;
  25. float: left;
  26. margin-top: 8%;
  27. border: 2rpx #8D95B9 solid;
  28. opacity: 0.3;
  29. }
  30. .deyClassBox{
  31. width: 46%;
  32. height: 100%;
  33. float: left;
  34. }
  35. .numBox{
  36. color: #ffffff;
  37. margin-top: 50rpx;
  38. }
  39. .num{
  40. float: left;
  41. margin-left: 70rpx;
  42. font-size: 64rpx;
  43. }
  44. .text{
  45. float: left;
  46. margin-top: 26rpx;
  47. margin-left: 10rpx;
  48. color: #8B94AD;
  49. }
  50. .study{
  51. color: #8B94AD;
  52. text-align: center;
  53. line-height: 40rpx;
  54. }
  55. .learnTitle{
  56. height: 60rpx;
  57. line-height: 60rpx;
  58. font-family: OPPOSans;
  59. font-weight: 500;
  60. color: #FFFFFF;
  61. font-size: 32rpx;
  62. margin-bottom: 20rpx;
  63. text-indent: 20rpx;
  64. }
  65. .logo{
  66. float: left;
  67. width: 43%;
  68. height: 180rpx;
  69. background-color: coral;
  70. border-radius: 10rpx;
  71. }
  72. .particularsBox{
  73. margin-left: 2%;
  74. width: 55%;
  75. float: left;
  76. }
  77. .h3{
  78. font-family: PingFang SC;
  79. font-weight: 500;
  80. color: #FEFEFE;
  81. font-size: 32rpx;
  82. height: 40rpx;
  83. line-height: 40rpx;
  84. overflow:hidden;
  85. text-overflow:ellipsis;
  86. display:-webkit-box;
  87. -webkit-box-orient:vertical;
  88. -webkit-line-clamp:1;
  89. }
  90. .overall{
  91. font-size: 24rpx;
  92. font-family: PingFang SC;
  93. font-weight: 500;
  94. color: #8790A8;
  95. margin: 10rpx 0;
  96. }
  97. .scheduleHie{
  98. width: 100%;
  99. height: 10rpx;
  100. background-color: #242A3A;
  101. border-radius: 10rpx;
  102. position: relative;
  103. }
  104. .scheduleA{
  105. position: absolute;
  106. top: 0;
  107. left: 0;
  108. width: 12%;
  109. height: 10rpx;
  110. border-radius: 10rpx;
  111. background-color: #07E881;
  112. }
  113. .classBox{
  114. padding: 10rpx 0;
  115. margin: 20rpx 0;
  116. } */
  117. .Box{
  118. height: 100vh;
  119. overflow: scroll;
  120. min-height: 100vh;
  121. }
  122. .searchF{
  123. width: 80%;
  124. height: 80rpx;
  125. background-color: rgba(51, 51, 51, 0.5);
  126. border-radius: 60rpx;
  127. margin: 20rpx;
  128. float: left;
  129. }
  130. .searchText{
  131. width: 80%;
  132. margin: 0 auto;
  133. height: 100%;
  134. color: #ffffff;
  135. }
  136. .searchBtn{
  137. width: 10%;
  138. line-height: 100rpx;
  139. color: #00ff99;
  140. float: left;
  141. height: 100rpx;
  142. margin-top: 10rpx;
  143. font-size: 30rpx;
  144. }
  145. .classBoxAll{
  146. margin: 0 20rpx;
  147. }
  148. .classBox{
  149. margin: 20rpx 0;
  150. }
  151. .logo{
  152. float: left;
  153. width: 300rpx;
  154. height: 200rpx;
  155. background-color: aquamarine;
  156. border-radius: 12rpx;
  157. }
  158. .textBox{
  159. float: left;
  160. margin-left: 10px;
  161. }
  162. .titile{
  163. width: 350rpx;
  164. height: 40rpx;
  165. line-height: 40rpx;
  166. font-size: 36rpx;
  167. font-family: PingFang SC;
  168. font-weight: 500;
  169. color: #FEFEFE;
  170. margin-bottom: 19rpx;
  171. overflow:hidden;
  172. text-overflow:ellipsis;
  173. display:-webkit-box;
  174. -webkit-box-orient:vertical;
  175. -webkit-line-clamp:1
  176. }
  177. .cont{
  178. width: 360rpx;
  179. height: 30rpx;
  180. line-height: 30rpx;
  181. font-size: 26rpx;
  182. font-family: PingFang SC;
  183. font-weight: 400;
  184. color: #6E768A;
  185. font-weight: 560;
  186. overflow:hidden;
  187. text-overflow:ellipsis;
  188. display:-webkit-box;
  189. -webkit-box-orient:vertical;
  190. -webkit-line-clamp:1;
  191. }
  192. .moreBox{
  193. margin-top: 30rpx;
  194. position: relative;
  195. }
  196. .user{
  197. float: left;
  198. width: 60rpx;
  199. height: 60rpx;
  200. border-radius: 50%;
  201. background-color: beige;
  202. }
  203. .userText{
  204. width: 200rpx;
  205. text-align: center;
  206. height: 60rpx;
  207. line-height: 60rpx;
  208. background: #222735;
  209. border-radius: 50rpx;
  210. font-family: PingFang SC;
  211. font-weight: 500;
  212. font-size: 26rpx;
  213. color: #8790A8;
  214. }
  215. .show{
  216. position: absolute;
  217. width: 60rpx;
  218. height: 60rpx;
  219. top:5rpx;
  220. right: 20rpx;
  221. text-align: center;
  222. }
  223. .go{
  224. width: 40rpx;
  225. height: 10rpx;
  226. }
  227. .noDataBox{
  228. width: 100%;
  229. height: 600rpx;
  230. top: 300rpx;
  231. left: 0;
  232. background-color: #0E1119;
  233. text-align: center;
  234. }
  235. .noDataImg{
  236. width: 500rpx;
  237. height: 400rpx;
  238. margin-top: 200rpx;
  239. }
  240. .instrumentBox{
  241. width: 100%;
  242. background: #1F232E;
  243. border-radius: 30rpx 30rpx 0rpx 0rpx;
  244. height: 200rpx;
  245. position: fixed;
  246. bottom:0;
  247. left: 0;
  248. }
  249. .cancel{
  250. width: 100%;
  251. line-height: 90rpx;
  252. height: 90rpx;
  253. font-size: 32rpx;
  254. font-family: PingFang SC;
  255. font-weight: 500;
  256. color: #FFFFFF;
  257. border-bottom: 1rpx rgba(255, 255, 255, 0.1) solid;
  258. text-align: center;
  259. }
  260. .hie{
  261. width: 100%;
  262. line-height: 90rpx;
  263. height: 90rpx;
  264. font-size: 32rpx;
  265. font-family: PingFang SC;
  266. font-weight: 500;
  267. color: #FFFFFF;
  268. text-align: center;
  269. }