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.

326 lines
52 KiB

1 week ago
  1. /**
  2. * 这里是uni-app内置的常用样式变量
  3. *
  4. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  5. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  6. *
  7. */
  8. /**
  9. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  10. *
  11. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  12. */
  13. /* 颜色变量 */
  14. /* 行为相关颜色 */
  15. /* 文字基本颜色 */
  16. /* 背景颜色 */
  17. /* 边框颜色 */
  18. /* 尺寸变量 */
  19. /* 文字尺寸 */
  20. /* 图片尺寸 */
  21. /* Border Radius */
  22. /* 水平间距 */
  23. /* 垂直间距 */
  24. /* 透明度 */
  25. /* 文章场景相关 */
  26. .allSubRow.data-v-5f0ca787 {
  27. display: flex;
  28. position: absolute;
  29. bottom: 160rpx;
  30. left: 0;
  31. width: 100%;
  32. padding: 0 30px;
  33. }
  34. .allSubRow .allsbItem.data-v-5f0ca787 {
  35. flex: 1;
  36. display: flex;
  37. justify-content: center;
  38. flex-direction: column;
  39. align-items: center;
  40. }
  41. .allSubRow .allsbItem .icon.data-v-5f0ca787 {
  42. width: 90rpx;
  43. height: 90rpx;
  44. }
  45. .allSubRow .allsbItem .icon_arrow.data-v-5f0ca787 {
  46. width: 38rpx;
  47. height: 36rpx;
  48. margin: 33rpx auto;
  49. }
  50. .allSubRow .allsbItem .text.data-v-5f0ca787 {
  51. margin-top: 18rpx;
  52. font-size: 28rpx;
  53. color: #fff;
  54. }
  55. image.data-v-5f0ca787 {
  56. display: block;
  57. width: 100%;
  58. height: 100%;
  59. }
  60. .content.data-v-5f0ca787 {
  61. width: 100%;
  62. }
  63. .content .topBg.data-v-5f0ca787 {
  64. width: 100%;
  65. height: 550rpx;
  66. background: url("../../../static/images/bigImg/vipbg.png") no-repeat;
  67. background-size: 100% 100%;
  68. position: relative;
  69. }
  70. .content .topBg.bigBg.data-v-5f0ca787 {
  71. height: 794rpx;
  72. background: url("../../../static/images/bigImg/vipallBg.png") no-repeat;
  73. background-size: 100% 100%;
  74. }
  75. .content .topBg .tag.data-v-5f0ca787 {
  76. position: absolute;
  77. font-size: 24rpx;
  78. color: #FFF9F3;
  79. padding: 9rpx;
  80. background: url("data:image/png;base64,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
  81. background-size: 100% 100%;
  82. }
  83. .content .topBg .tag.data-v-5f0ca787:nth-child(1) {
  84. left: 50rpx;
  85. top: 152rpx;
  86. }
  87. .content .topBg .tag.data-v-5f0ca787:nth-child(2) {
  88. right: 78rpx;
  89. top: 182rpx;
  90. }
  91. .content .topBg .tag.data-v-5f0ca787:nth-child(3) {
  92. left: 20rpx;
  93. top: 280rpx;
  94. }
  95. .content .topBg .tag.data-v-5f0ca787:nth-child(4) {
  96. right: 20rpx;
  97. top: 406rpx;
  98. }
  99. .content .topBg .tag.data-v-5f0ca787:nth-child(5) {
  100. right: 0;
  101. top: 215rpx;
  102. width: 48rpx;
  103. height: 176rpx;
  104. padding-top: 20rpx;
  105. background: url("data:image/png;base64,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
  106. background-size: 100% 100%;
  107. }
  108. .content .allVip.data-v-5f0ca787 {
  109. transform: translateY(-96rpx);
  110. }
  111. .content .allVip .vipItem.data-v-5f0ca787 {
  112. width: 28%;
  113. height: 180rpx;
  114. background: #FFFFFF;
  115. border-radius: 10rpx;
  116. border: 2px solid #FDD5B7;
  117. }
  118. .content .allVip .vipItem.active.data-v-5f0ca787 {
  119. transform: scale(1.3);
  120. background-color: #FDF5E4;
  121. border: 4px solid #EAA270;
  122. border-radius: 10px;
  123. }
  124. .content .allVip .vipItem .lab.data-v-5f0ca787 {
  125. height: 96rpx;
  126. line-height: 96rpx;
  127. text-align: center;
  128. font-size: 28rpx;
  129. font-weight: 500;
  130. }
  131. .content .allVip .vipItem .redT.data-v-5f0ca787 {
  132. padding-top: 16rpx;
  133. text-align: center;
  134. width: 100%;
  135. justify-content: center;
  136. border-top: 1px solid #eee;
  137. }
  138. .content .allVip .vipItem .redT .price.data-v-5f0ca787 {
  139. color: #DA492D;
  140. font-size: 24rpx;
  141. }
  142. .content .allVip .vipItem .redT .price text.data-v-5f0ca787 {
  143. font-size: 36rpx;
  144. }
  145. .content .allVip .vipItem .redT .day.data-v-5f0ca787 {
  146. font-size: 24rpx;
  147. color: #9E492D;
  148. }
  149. .content .btnBox.flex-b.data-v-5f0ca787 {
  150. width: 100%;
  151. height: 100rpx;
  152. background: #3776FF;
  153. border-radius: 50rpx;
  154. padding: 10rpx 10rpx 10rpx 32rpx;
  155. margin-top: -50rpx;
  156. }
  157. .content .btnBox.flex-b .whiteT.flex.data-v-5f0ca787 {
  158. color: #fff;
  159. }
  160. .content .btnBox.flex-b .whiteT.flex .price.data-v-5f0ca787 {
  161. font-size: 24rpx;
  162. }
  163. .content .btnBox.flex-b .whiteT.flex .price text.data-v-5f0ca787 {
  164. font-size: 36rpx;
  165. font-weight: 700;
  166. }
  167. .content .btnBox.flex-b .whiteT.flex .day.data-v-5f0ca787 {
  168. font-size: 24rpx;
  169. }
  170. .content .btnBox.flex-b .upgra.data-v-5f0ca787 {
  171. width: 230rpx;
  172. height: 80rpx;
  173. background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOYAAABQCAYAAAAN+QnTAAAgAElEQVR4nO19CbiXVbX3bx8pAWcRhwTFABEnEDQTUXMGciitHCr1WmJZmSKOpdfk5pClllcttcHMtKzMIcQh9VNBSxFnxDlQEwSc4Bw4wLu+Z7/vu9dea+39/s9Bu9/9vu+5+3nO+b/D3muvvfaa9trD65YveAL/suQcXNuqwCqr+pvuQF0PwHYAhgDYov7dGEAfAL0BrP6vQ+6DJ+pua/4n/b+UOgEsAvBO/TsPwCwAz9W/M2hFx3ysWPrf0iQhmHn2IyrlLZuDQHDkANcG54VxlY+KHFl4vUHYE8AecNgdoG2rTC6tzJdnELpWkGshKdQFDhSani9NBCdxaJG3ESbV9yUcgQNfNol6aJv4Tcrmyjfdm19VP+Kz8pLqkg6uqbxtctIWiTdMWxqKZ+GF1NCPzCfxOUGTC4E/kcmXoTzj7n89WZa3E4plTwK4F8A9IPwVjtpzNGNaZmnflGTfiv6oH7nl8x/XBV1NUHVfEaISRJG3bRW4VXoCbR9hZIhcLUtcWRtAe4NwFDm3vwNW45aRAzkS/CYaZDuXGyvzWf5xhlgQTCGYE7JjQ/Nc7HBJeLICRpE+LoNPzdaRxhYfo2wCbalmIic6icigL3GUyoAyMBv4pKZRdWsESjJLTfOqupoOEGWT/AEOal4R1FD8W/OJletQjumgaRf6iJjChh+4L7iiqBTCC750ka+tELkCtGwxUKyos1FNHrfYEd0KuF/B0V1VRtkuUT/3k8DFdobhVUVT73mWgqn5ijshLzQAVvlI5bK6Hkm9gpFWh8NXQfg2HAZoomm6JknxlyRwpoBT/JDiag0LdF+wpoXsLCPPDTgnOrEWjsrqNpS1L0y7rB6xFSmnQr4zvKrbZmA1NYhp3aJMpkhWyJCBYRlW9JvCNZeMcil5UxKLDMmsjssZ5CQVKJYvhitWaECsDkK/ulfh6McgXE0Oi3we5zRjWBtBXtiIZJa83AJCMM3L6ALIugiu7SNwq/QC3CotGkc+wzfh6BTArcdaySqRbO9FC61dqjxOtpEqd00IBcdr+1rYLe9BkF9aAbYY4QZSa4dywUtAJk93XCkrhUhbK4xkogwIqmxKT0SLwYo9OHnS3UPXeAT6+ufcpwGxSimB35nSLrXMrSkjFZZLnSGJHSto+0z0hDKyFBVyWWoF0LkY5AphuaKRqnjHCQqVNc13wIVwdCnIdVhqaj1kuUt6Z5oKZR1BMKNzk5jOMphTjiFhBVLnJeBQB1xAcJu4RJSsqpJsQQ33uiYrTilT2RTrgIKYmpc0V8bds25Po2lABn5OUEmU0LTSFEjNfsTN5g25nFIe8VnCPqLtsl9y9eeeSwGW75twzuGp+zdSralvbT/k67A0sHApwCmWAcvbVb+wNATvx/abrn424E4F6Ia0oTn+EcOnBLsaw+XzZ2RZrrxigUxZ2qRNAfyUgDEWnVzKkbQV+3dRd5Jawbdk6C6erfDpCq88CzWXaVIBTTT6oHg0PfuvTq3a3+BHfaC25eAmeVYsBS3vSNWtDVdkkEnqJNxBwLHO4R/8TmRqwjFYVTn0bWNXxP+WZr+tCuh8ZM3q15rY+lrg/CUCfPRqjKvfNxE8R5yuhJIy+XIwSfw16VlL50xbVOqOUFrYFl5X9rWpXgujFX6taNYEN2fXZWpFl1xqqrMJj1a2MPe+Vd/b90242/bT8vZKKJ2kHUWhdBZeHH+Xr6l+Q5xjXzg8SaAvld4Dv69KhDFm+ZwRJBVvLN85QlsFoPbhe/SG++gawCo9lZm1TFgTricBPyfgWges2dQJLQmTeY8GgcgxslUCLsOkXaWmDm+lEGRbrLLJ4ZS7tqlVnZZRcwLWCm4O75xSygmtfNdV36IBbpPCaHLkunpv38Hks/RKFT5VkdcVnRWsMvpNtQNbC5yTAlcLFUHc17BD1DcK35ogXAvCL5xDT35JFkOKgXUp4LVSaCO3Ctp6rAb30TWBtlWriigimTJmWcn6fm7HAUfL6tKOi1DYrMv7TI80MWeOEYlyNTYxHUVat0g8JrFRvhy+KV1MuyXesaAa93DAIj6XUwwiZ9bKBLqK0YsRYglBB+ACcyUeTIDHOMgxaMUbAe/AKXxlZmqIaW7xJwXRIVboFPeFfqgskGlNAo/xNoRiLGkFqPN9uKKzflZwRzgpuKIDnSgPUx8MTgLvfyPCPYRSViJHsocahF3TjGfoVrz7cqKOK6TqgTO/Y/Q2g8NdDhio5sQkIzkniFs3jueoIjiZy9VOewlLRE8VhwT8RAeE+UeqnXQnNQBLVh12CfOClJkasQHDOk9FRBEqD1qynkqq5m3FfGM99wfhojhRiaaJ6GY5FWlNRmYqACFYxG1S3aTnYwVNUUc3OfQR+kH0jZM0QQhSEBuMOL3hYn+hng6oC5OYdnGIoUDi3kAdxY1Rbw65sGXSbdJNi1F37mG1OEXgwFMVK1B0LoKjovQQUQd2OFIv5i2hIqph6rAW2xB5Fv0eWVQRzr95yQF7E9wrMjgmI+wU5EXIXSWYSuIdh5Ujw7LpHgq4uwn0MSG6tTYUutlJAkvohrginN5q6tG6XzDPYBnJvpNlDRNHJnVx4Udov1RHNTcG4dHKIQivwZHpKOLTeoFJxipTrcRsA2qLz4IV6BARJgQc89NNzGYuCLToI25zYDr7XE43VGW5r8j2X1B4Gj5fKhrUQumg4DWWQbBuzuAWM2geqHFdsRy0bBFb7igdLvan6RsJi+vKKUFBs2h0BHiiNwC3FznMtNPEPB9rZWDFuy8JpsiJAD8f5ODuBahfzOFMyZwopFMmlNhKyUC5HMg6cna6gNQTqakNkY0qyQl/mk9PqZDAUeaV9DA8ZlqTExs7YZDC0e237yTNIyV1/WnfUHKd0gEKsqVQLGHsrqGX5BFIVa7qiL2r25CnYNqfSSuLThSd7dFgCOsvG6h5KG2RNQ1O9ZvmAzvtSMBrAHZ3cC+SgaH4KYwzvWDmOt2g0dcB0wgYZNFrKpcjeI5ZcyknIBk6Jh2Qqz/3vEvr29CmVm3O1dHdvK3w/KB4dBevJm8EGfqsDLwm2K3a0J12t2p/jldo+ZIy8hpeurBs1MUhCsKCCAmHkLqpKlorlibKUUOyrFM16kU4GgVyb8kGxfUr9XI8PzdiCeZSAn3UAbd6oWzVGTniyj9bThK4Ka9reN4VY9oyMLAk/Fx7cu0iQxv7a+t2GXq2KpNrg8XFtcAjh7fFP9fXVtk50wYLs6lOmD6F6UN0Qe9cvlyZrvqBYXjBKiOv7TXz18OxSpo4eMX2rnSP66V9tTl1dUAreDUcy0AdZxABsFBxJbNVRXGZXg3b0SCQu9WBVo3vqz8ez9aB1zbdeWnsyQGXE2hHS5RIEEo6QxOYkihk9COgapT5cm6OTKTcjEzeQJxMhzpVtwGaqQWKYUlllXcyqkqCnrF8WjbfSkmH0FldlbMOXySzs/AyAmSrzwmZzUTmBdVtb/JyEqEiAyvDOxJnXbempbomvzHkfdCKJTH6KXNIIZJ1F4FWFMAwEZ2ALcO+ZXsLKqO7jowshLUBYRxcvix2BOiyMEMQx5yCX/3z5e+8WPdCtNuujkL5xQOOcC3VrXCMSibKwhjVNzGEmW6GAFfFcKvABYl7S/F0B4EM0kTK6dJOdS+pAb7u8QgszOFqoUt35zBjKm6PIV52lOIyW8V5MngXOo5kX+TsJmeMuy1CqD/ZFMT0Ez6ZM2/z0QxGUPZT9NligCq2rbY+NrIeIqjBhQxUlf0lXDg9phN0FZ1dtVV0vmy8nw7xQZ5ieRz78RpeybORlponRDhW1Vvjl0QYNd+C+UTIAQV6BJe5LPhlEP1GM7GQjxXvvKh2xgiG2dSBniTnFw+YxbYiAhbxi4t8IxPE8KVm7Jx06PxS08vong08oHFFpY6k6hCR0IFBACwRFFfIGmUbpRSY1aJ26YixmmAnKlzXLJmUywinyi+Vo2ibIYpTLJ9pg2qvXiGsapZK1nKTDHsImgAkIo7W/hl6C0bhiD2EBmgYv5
  174. background-size: 100% 100%;
  175. border-radius: 40rpx;
  176. font-size: 36rpx;
  177. line-height: 80rpx;
  178. text-align: center;
  179. font-weight: 500;
  180. }
  181. .content .h1_row.data-v-5f0ca787 {
  182. height: 118rpx;
  183. }
  184. .content .card.data-v-5f0ca787 {
  185. background: #FFFFFF;
  186. box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.04);
  187. border-radius: 20px;
  188. padding: 30rpx 20rpx;
  189. }
  190. .content .card .tit_row.flex.data-v-5f0ca787 {
  191. width: 100%;
  192. justify-content: center;
  193. }
  194. .content .card .tit_row.flex .round.data-v-5f0ca787 {
  195. width: 24rpx;
  196. height: 24rpx;
  197. }
  198. .content .card .tit_row.flex .tit.data-v-5f0ca787 {
  199. font-size: 28rpx;
  200. color: #333;
  201. padding: 0 20rpx;
  202. }
  203. .content .card .tps.data-v-5f0ca787 {
  204. font-size: 24rpx;
  205. color: #ccc;
  206. padding: 20rpx 0 32rpx 0;
  207. text-align: center;
  208. }
  209. .content .card .ul.data-v-5f0ca787 {
  210. display: flex;
  211. }
  212. .content .card .ul .li.data-v-5f0ca787 {
  213. width: 20%;
  214. display: flex;
  215. flex-direction: column;
  216. align-items: center;
  217. justify-content: center;
  218. }
  219. .content .card .ul .li .icon.data-v-5f0ca787 {
  220. width: 84rpx;
  221. height: 84rpx;
  222. }
  223. .content .card .ul .li .txt.data-v-5f0ca787 {
  224. font-size: 28rpx;
  225. margin-top: 14rpx;
  226. }
  227. .content .learning .h1_box.data-v-5f0ca787 {
  228. padding: 20rpx 0;
  229. }
  230. .content .learning .blueBg.data-v-5f0ca787 {
  231. background: linear-gradient(180deg, #E3FEFF 0%, #F2FEFF 100%);
  232. border-radius: 20px;
  233. padding: 0 20rpx 20rpx 20rpx;
  234. margin-top: 20rpx;
  235. }
  236. .content .learning .blueBg .blueTxt.data-v-5f0ca787 {
  237. line-height: 68rpx;
  238. text-align: center;
  239. font-size: 30rpx;
  240. font-weight: 700;
  241. color: #1989FA;
  242. }
  243. .content .learning .blueBg .ul.data-v-5f0ca787 {
  244. width: 100%;
  245. background: #FFFFFF;
  246. border-radius: 20px;
  247. }
  248. .content .learning .blueBg .ul .li.data-v-5f0ca787 {
  249. width: 100%;
  250. padding: 30rpx 0rpx;
  251. border-bottom: 1px solid #F4F4F4;
  252. }
  253. .content .learning .blueBg .ul .li .flex .step.data-v-5f0ca787 {
  254. width: 125rpx;
  255. height: 50rpx;
  256. font-size: 28rpx;
  257. line-height: 42rpx;
  258. color: #fff;
  259. text-align: center;
  260. background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH0AAAAvCAYAAADOxsXZAAABmElEQVR4nO3bvUrDUByG8SfSi3FREAdXBXsDjs6Cmzi5Wmd3vQMFRR0VdPEDClIRLM6CCKKo+DVptRJIIJS22KrYnPf9raWQ/3lISZOTaGSuXsek9Dm3HkcX5OiCHF2QowtydEGOLsjRBTm6IEcX5OiCHF3Pm6PreXV0PS+OrufG0fVcOLqec0fXU3F0LR9A2dG1lIFHR9eyge/ISakBKzi6lB3gFkeXspgO6+gajoCDdFJH17CQndLRw7cF7GWndPSwPQIzjRM6etimgavGCR09XMvAWrPpHD1M8ZX6bKvJHD08VWAi3gvXajJHD0scfBy4bzeVo4fjEBhNb7W24+hhWAKKwMN3pimor1bOPQNTwHonY/hMz69VoL/T4Dh6LsUPT8aASeC6mwH8854Pn8B28nh0/6dH7Oi9K97EeAxsJnfWLn/rSB39f73H75YlD0bu4hcRkv/alWQT49NfHF0cPTo5rZaA+ewHw0MDUe+vmXUjKhTP0q81ho9qu4Ne1ABlr95LjTssLPzoOLyGZhdyJfVFCRrwBfxQQQNZmOAiAAAAAElFTkSuQmCC") no-repeat;
  261. background-size: 100% 100%;
  262. }
  263. .content .learning .blueBg .ul .li .flex .unit.data-v-5f0ca787 {
  264. font-family: PingFang SC;
  265. font-weight: bold;
  266. font-size: 36rpx;
  267. color: #333333;
  268. margin-left: 20rpx;
  269. }
  270. .content .learning .blueBg .ul .li .flex-b.data-v-5f0ca787 {
  271. padding-top: 30rpx;
  272. padding: 30rpx 20rpx 0 20rpx;
  273. }
  274. .content .learning .blueBg .ul .li .flex-b .leftImg.data-v-5f0ca787 {
  275. width: 360rpx;
  276. height: 200rpx;
  277. background: #F4EED8;
  278. border-radius: 20rpx;
  279. overflow: hidden;
  280. }
  281. .content .learning .blueBg .ul .li .flex-b .rightTxt.data-v-5f0ca787 {
  282. padding-left: 20rpx;
  283. flex: 1;
  284. width: 0;
  285. }
  286. .content .learning .blueBg .ul .li .flex-b .rightTxt .lab.data-v-5f0ca787 {
  287. font-weight: bold;
  288. font-size: 28rpx;
  289. color: #333333;
  290. line-height: 66rpx;
  291. }
  292. .content .learning .blueBg .ul .li .flex-b .rightTxt .txt.data-v-5f0ca787 {
  293. font-weight: 500;
  294. font-size: 24rpx;
  295. color: #666666;
  296. line-height: 34rpx;
  297. }
  298. .comment.data-v-5f0ca787 {
  299. margin-top: 20rpx;
  300. }
  301. .commentbox.data-v-5f0ca787 {
  302. position: relative;
  303. }
  304. .commentbox .tit.data-v-5f0ca787 {
  305. height: 94rpx;
  306. line-height: 94rpx;
  307. position: absolute;
  308. left: 0;
  309. top: 0;
  310. border-bottom: 1px solid #F4F4F4;
  311. width: 100%;
  312. padding-left: 40rpx;
  313. font-weight: 700;
  314. background-color: #fff;
  315. z-index: 2;
  316. }
  317. .commentbox .popComment.data-v-5f0ca787 {
  318. max-height: calc(100vh - 400rpx);
  319. overflow-y: auto;
  320. padding: 134rpx 40rpx 40rpx 40rpx;
  321. }
  322. .u-popup__content__close.data-v-5f0ca787 {
  323. z-index: 2;
  324. }
  325. .data-v-5f0ca787 .u-popup__content__close--top-right {
  326. z-index: 20;
  327. }