chemicalCabinetQRcode.wxss 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
  1. .course.data-v-2595c46b {
  2. height: 100%;
  3. display: flex;
  4. box-sizing: border-box;
  5. }
  6. .course .info-max-box.data-v-2595c46b {
  7. flex: 1;
  8. overflow: scroll;
  9. }
  10. .course .header.data-v-2595c46b {
  11. width: 750rpx;
  12. min-height: 275rpx;
  13. background: #0096f3;
  14. display: flex;
  15. justify-content: flex-start;
  16. }
  17. .course .header .header_l.data-v-2595c46b {
  18. width: 150rpx;
  19. height: 150rpx;
  20. background: #fff;
  21. border-radius: 75rpx;
  22. margin: 62rpx 40rpx 62rpx 30rpx;
  23. }
  24. .course .header .header_l >._img.data-v-2595c46b {
  25. width: 150rpx;
  26. height: 150rpx;
  27. }
  28. .course .header .header_r .header_r_t.data-v-2595c46b {
  29. font-size: 34rpx;
  30. font-family: PingFang SC-Bold, PingFang SC;
  31. font-weight: 400;
  32. color: #fff;
  33. line-height: 48rpx;
  34. margin-top: 68rpx;
  35. }
  36. .course .header .header_r .header_r_b.data-v-2595c46b {
  37. font-size: 30rpx;
  38. font-family: PingFang SC-Medium, PingFang SC;
  39. font-weight: 400;
  40. color: #fff;
  41. line-height: 42rpx;
  42. margin-top: 36rpx;
  43. margin-bottom: 20rpx;
  44. }
  45. .course .basics.data-v-2595c46b {
  46. width: 750rpx;
  47. background: #fff;
  48. padding: 30rpx 30rpx 0rpx;
  49. box-sizing: border-box;
  50. }
  51. .course .basics .basics_li.data-v-2595c46b {
  52. width: 690rpx;
  53. height: auto;
  54. border-bottom: 1rpx solid #d8d8d8;
  55. padding: 20rpx 0;
  56. box-sizing: border-box;
  57. display: flex;
  58. justify-content: space-between;
  59. }
  60. .course .basics .basics_li .basics_li_l.data-v-2595c46b {
  61. font-size: 28rpx;
  62. font-family: PingFang SC-Medium, PingFang SC;
  63. font-weight: 400;
  64. color: #666;
  65. line-height: 40rpx;
  66. }
  67. .course .basics .basics_li .basics_li_r.data-v-2595c46b {
  68. flex: 1;
  69. font-size: 28rpx;
  70. font-family: PingFang SC-Medium, PingFang SC;
  71. font-weight: 400;
  72. color: #333;
  73. line-height: 40rpx;
  74. text-align: right;
  75. }
  76. .course .cabinet_y.data-v-2595c46b {
  77. width: 750rpx;
  78. background: #fff;
  79. padding: 40rpx 125rpx 78rpx;
  80. box-sizing: border-box;
  81. margin-top: 20rpx;
  82. }
  83. .course .cabinet_y .cabinet.data-v-2595c46b {
  84. position: relative;
  85. width: 500rpx;
  86. height: 650rpx;
  87. padding: 12rpx 16rpx 0;
  88. box-sizing: border-box;
  89. background: url("https://zj-wechat.oss-cn-beijing.aliyuncs.com/xcx_images/xcx_v3/commonality/doors-icon.png") no-repeat center 0px;
  90. background-position: center 0px;
  91. background-size: cover;
  92. }
  93. .course .cabinet_y .cabinet .cabinet_t.data-v-2595c46b {
  94. height: 86rpx;
  95. display: flex;
  96. justify-content: flex-start;
  97. align-items: center;
  98. }
  99. .course .cabinet_y .cabinet .cabinet_t >view.data-v-2595c46b:nth-of-type(1) {
  100. width: 24rpx;
  101. height: 24rpx;
  102. background: #fff;
  103. border-radius: 12rpx;
  104. margin-right: 16rpx;
  105. margin-left: 26rpx;
  106. }
  107. .course .cabinet_y .cabinet .cabinet_t >view.data-v-2595c46b:nth-of-type(2) {
  108. font-weight: 400;
  109. font-size: 30rpx;
  110. color: #fff;
  111. line-height: 43rpx;
  112. text-align: left;
  113. font-style: normal;
  114. text-transform: none;
  115. }
  116. .course .cabinet_y .cabinet .cabinet_b.data-v-2595c46b {
  117. display: flex;
  118. justify-content: flex-start;
  119. }
  120. .course .cabinet_y .cabinet .cabinet_b .cabinet_l.data-v-2595c46b {
  121. height: 516rpx;
  122. padding: 40rpx 0 0 24rpx;
  123. box-sizing: border-box;
  124. overflow-y: auto;
  125. }
  126. .course .cabinet_y .cabinet .cabinet_b .cabinet_l .cabinet_l_li.data-v-2595c46b {
  127. width: 198rpx;
  128. padding: 0 20rpx 16rpx;
  129. box-sizing: border-box;
  130. background: rgba(255,255,255,0.2);
  131. border-radius: 10rpx;
  132. margin-bottom: 20rpx;
  133. }
  134. .course .cabinet_y .cabinet .cabinet_b .cabinet_l .cabinet_l_li .cabinet_l_li_t.data-v-2595c46b {
  135. font-weight: 500;
  136. font-size: 24rpx;
  137. color: #fff;
  138. line-height: 60rpx;
  139. text-align: center;
  140. border-bottom: 2rpx solid #fff;
  141. }
  142. .course .cabinet_y .cabinet .cabinet_b .cabinet_l .cabinet_l_li .cabinet_l_li_m.data-v-2595c46b {
  143. font-weight: 400;
  144. font-size: 20rpx;
  145. color: #fff;
  146. line-height: 29rpx;
  147. margin-top: 26rpx;
  148. }
  149. .course .cabinet_y .cabinet .cabinet_b .cabinet_l .cabinet_l_li .cabinet_l_li_b.data-v-2595c46b {
  150. display: flex;
  151. justify-content: flex-start;
  152. margin-top: 22rpx;
  153. }
  154. .course .cabinet_y .cabinet .cabinet_b .cabinet_l .cabinet_l_li .cabinet_l_li_b .cabinet_l_li_b_l.data-v-2595c46b {
  155. font-weight: 400;
  156. font-size: 20rpx;
  157. color: #fff;
  158. line-height: 29rpx;
  159. }
  160. .course .cabinet_y .cabinet .cabinet_b .cabinet_l .cabinet_l_li .cabinet_l_li_b .cabinet_l_li_b_r >view.data-v-2595c46b {
  161. font-weight: 400;
  162. font-size: 20rpx;
  163. color: #fff;
  164. line-height: 29rpx;
  165. margin-bottom: 10rpx;
  166. }
  167. .course .cabinet_y .cabinet .cabinet_b .cabinet_r.data-v-2595c46b {
  168. height: 516rpx;
  169. padding: 40rpx 0 0 24rpx;
  170. box-sizing: border-box;
  171. overflow-y: auto;
  172. }
  173. .course .cabinet_y .cabinet .cabinet_b .cabinet_r .cabinet_l_li.data-v-2595c46b {
  174. width: 198rpx;
  175. padding: 0 20rpx 16rpx;
  176. box-sizing: border-box;
  177. background: rgba(255,255,255,0.2);
  178. border-radius: 10rpx;
  179. margin-bottom: 20rpx;
  180. }
  181. .course .cabinet_y .cabinet .cabinet_b .cabinet_r .cabinet_l_li .cabinet_l_li_t.data-v-2595c46b {
  182. font-weight: 500;
  183. font-size: 24rpx;
  184. color: #fff;
  185. line-height: 60rpx;
  186. text-align: center;
  187. border-bottom: 2rpx solid #fff;
  188. }
  189. .course .cabinet_y .cabinet .cabinet_b .cabinet_r .cabinet_l_li .cabinet_l_li_m.data-v-2595c46b {
  190. font-weight: 400;
  191. font-size: 20rpx;
  192. color: #fff;
  193. line-height: 29rpx;
  194. margin-top: 26rpx;
  195. }
  196. .course .cabinet_y .cabinet .cabinet_b .cabinet_r .cabinet_l_li .cabinet_l_li_b.data-v-2595c46b {
  197. display: flex;
  198. justify-content: flex-start;
  199. margin-top: 22rpx;
  200. }
  201. .course .cabinet_y .cabinet .cabinet_b .cabinet_r .cabinet_l_li .cabinet_l_li_b .cabinet_l_li_b_l.data-v-2595c46b {
  202. font-weight: 400;
  203. font-size: 20rpx;
  204. color: #fff;
  205. line-height: 29rpx;
  206. }
  207. .course .cabinet_y .cabinet .cabinet_b .cabinet_r .cabinet_l_li .cabinet_l_li_b .cabinet_l_li_b_r >view.data-v-2595c46b {
  208. font-weight: 400;
  209. font-size: 20rpx;
  210. color: #fff;
  211. line-height: 29rpx;
  212. margin-bottom: 10rpx;
  213. }
  214. .course .cabinet_y .cabinet .left-handle.data-v-2595c46b {
  215. width: 26rpx;
  216. height: 100rpx;
  217. position: absolute;
  218. left: 210rpx;
  219. top: 274rpx;
  220. }
  221. .course .cabinet_y .cabinet .right-handle.data-v-2595c46b {
  222. width: 26rpx;
  223. height: 100rpx;
  224. position: absolute;
  225. left: 262rpx;
  226. top: 274rpx;
  227. }