index.wxss 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464
  1. @charset "UTF-8";
  2. /**
  3. * 这里是uni-app内置的常用样式变量
  4. *
  5. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  6. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  7. *
  8. */
  9. /**
  10. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  11. *
  12. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  13. */
  14. /* 颜色变量 */
  15. /* 行为相关颜色 */
  16. /* 文字基本颜色 */
  17. /* 背景颜色 */
  18. /* 边框颜色 */
  19. /* 尺寸变量 */
  20. /* 文字尺寸 */
  21. /* 图片尺寸 */
  22. /* Border Radius */
  23. /* 水平间距 */
  24. /* 垂直间距 */
  25. /* 透明度 */
  26. /* 文章场景相关 */
  27. .zs-skeleton {
  28. position: fixed;
  29. top: 0;
  30. left: 0;
  31. width: 100vw;
  32. height: 100vh;
  33. z-index: 9999999;
  34. background: #fff;
  35. }
  36. .home .sk-transparent {
  37. color: transparent !important;
  38. }
  39. .home .sk-text-14-2857-766 {
  40. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  41. background-size: 100% 32.9710rpx;
  42. position: relative !important;
  43. }
  44. .home .sk-text {
  45. background-origin: content-box !important;
  46. background-clip: content-box !important;
  47. background-color: transparent !important;
  48. color: transparent !important;
  49. background-repeat: repeat-y !important;
  50. }
  51. .home .sk-text-14-2857-508 {
  52. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  53. background-size: 100% 48.1884rpx;
  54. position: relative !important;
  55. }
  56. .home .sk-text--35-0000-226 {
  57. background-image: linear-gradient(transparent -35%, #EEEEEE 0%, #EEEEEE 135%, transparent 0%) !important;
  58. background-size: 100% 18.1159rpx;
  59. position: relative !important;
  60. }
  61. .home .sk-text-14-2857-400 {
  62. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  63. background-size: 100% 35.5072rpx;
  64. position: relative !important;
  65. }
  66. .home .sk-text-14-2857-378 {
  67. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  68. background-size: 100% 22.8261rpx;
  69. position: absolute !important;
  70. }
  71. .home .sk-text-14-2857-255 {
  72. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  73. background-size: 100% 20.2899rpx;
  74. position: relative !important;
  75. }
  76. .home .sk-text-14-2857-474 {
  77. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  78. background-size: 100% 35.5072rpx;
  79. position: relative !important;
  80. }
  81. .home .sk-text-14-2857-208 {
  82. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  83. background-size: 100% 22.8261rpx;
  84. position: absolute !important;
  85. }
  86. .home .sk-text-14-2857-42 {
  87. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  88. background-size: 100% 20.2899rpx;
  89. position: relative !important;
  90. }
  91. .home .sk-text-14-2857-491 {
  92. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  93. background-size: 100% 35.5072rpx;
  94. position: relative !important;
  95. }
  96. .home .sk-text-14-2857-708 {
  97. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  98. background-size: 100% 22.8261rpx;
  99. position: absolute !important;
  100. }
  101. .home .sk-text-14-2857-838 {
  102. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  103. background-size: 100% 20.2899rpx;
  104. position: relative !important;
  105. }
  106. .home .sk-text-14-2857-197 {
  107. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  108. background-size: 100% 35.5072rpx;
  109. position: relative !important;
  110. }
  111. .home .sk-text-14-2857-12 {
  112. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  113. background-size: 100% 22.8261rpx;
  114. position: absolute !important;
  115. }
  116. .home .sk-text-14-2857-720 {
  117. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  118. background-size: 100% 20.2899rpx;
  119. position: relative !important;
  120. }
  121. .home .sk-text-14-2857-798 {
  122. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  123. background-size: 100% 35.5072rpx;
  124. position: relative !important;
  125. }
  126. .home .sk-text-14-2857-752 {
  127. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  128. background-size: 100% 22.8261rpx;
  129. position: absolute !important;
  130. }
  131. .home .sk-text-14-2857-150 {
  132. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  133. background-size: 100% 20.2899rpx;
  134. position: relative !important;
  135. }
  136. .home .sk-text-14-2857-543 {
  137. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  138. background-size: 100% 35.5072rpx;
  139. position: relative !important;
  140. }
  141. .home .sk-text-14-2857-237 {
  142. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  143. background-size: 100% 22.8261rpx;
  144. position: absolute !important;
  145. }
  146. .home .sk-text-14-2857-199 {
  147. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  148. background-size: 100% 20.2899rpx;
  149. position: relative !important;
  150. }
  151. .home .sk-text-14-2857-117 {
  152. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  153. background-size: 100% 35.5072rpx;
  154. position: relative !important;
  155. }
  156. .home .sk-text-14-2857-934 {
  157. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  158. background-size: 100% 22.8261rpx;
  159. position: absolute !important;
  160. }
  161. .home .sk-text-14-2857-245 {
  162. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  163. background-size: 100% 20.2899rpx;
  164. position: relative !important;
  165. }
  166. .home .sk-text-14-2857-827 {
  167. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  168. background-size: 100% 35.5072rpx;
  169. position: relative !important;
  170. }
  171. .home .sk-text-14-2857-401 {
  172. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  173. background-size: 100% 22.8261rpx;
  174. position: absolute !important;
  175. }
  176. .home .sk-text-14-2857-188 {
  177. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  178. background-size: 100% 20.2899rpx;
  179. position: relative !important;
  180. }
  181. .home .sk-text-14-2857-891 {
  182. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  183. background-size: 100% 35.5072rpx;
  184. position: relative !important;
  185. }
  186. .home .sk-text-14-2857-690 {
  187. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  188. background-size: 100% 22.8261rpx;
  189. position: absolute !important;
  190. }
  191. .home .sk-text-14-2857-745 {
  192. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  193. background-size: 100% 20.2899rpx;
  194. position: relative !important;
  195. }
  196. .home .sk-text-14-2857-58 {
  197. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  198. background-size: 100% 35.5072rpx;
  199. position: relative !important;
  200. }
  201. .home .sk-text-14-2857-97 {
  202. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  203. background-size: 100% 22.8261rpx;
  204. position: absolute !important;
  205. }
  206. .home .sk-text-14-2857-40 {
  207. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  208. background-size: 100% 20.2899rpx;
  209. position: relative !important;
  210. }
  211. .home .sk-button {
  212. color: #EFEFEF !important;
  213. background: #EFEFEF !important;
  214. border: none !important;
  215. box-shadow: none !important;
  216. }
  217. .home .sk-image {
  218. background: #EFEFEF !important;
  219. }
  220. .home .sk-pseudo::before,
  221. .home .sk-pseudo::after {
  222. background: #EFEFEF !important;
  223. background-image: none !important;
  224. color: transparent !important;
  225. border-color: transparent !important;
  226. }
  227. .home .sk-pseudo-rect::before,
  228. .home .sk-pseudo-rect::after {
  229. border-radius: 0 !important;
  230. }
  231. .home .sk-pseudo-circle::before,
  232. .home .sk-pseudo-circle::after {
  233. border-radius: 50% !important;
  234. }
  235. .home .sk-container {
  236. position: absolute;
  237. left: 0;
  238. top: 0;
  239. width: 100%;
  240. height: 100%;
  241. overflow: hidden;
  242. background-color: transparent;
  243. }
  244. .integral .sk-transparent {
  245. color: transparent !important;
  246. }
  247. .integral .sk-text-14-2857-943 {
  248. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  249. background-size: 100% 76.0870rpx;
  250. position: relative !important;
  251. }
  252. .integral .sk-text {
  253. background-origin: content-box !important;
  254. background-clip: content-box !important;
  255. background-color: transparent !important;
  256. color: transparent !important;
  257. background-repeat: repeat-y !important;
  258. }
  259. .integral .sk-text-14-2857-299 {
  260. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  261. background-size: 100% 32.9710rpx;
  262. position: relative !important;
  263. }
  264. .integral .sk-text-14-2857-922 {
  265. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  266. background-size: 100% 38.0435rpx;
  267. position: absolute !important;
  268. }
  269. .integral .sk-text-14-2857-830 {
  270. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  271. background-size: 100% 38.0435rpx;
  272. position: relative !important;
  273. }
  274. .integral .sk-text-14-2857-292 {
  275. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  276. background-size: 100% 50.7246rpx;
  277. position: relative !important;
  278. }
  279. .integral .sk-text-14-2857-594 {
  280. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  281. background-size: 100% 32.9710rpx;
  282. position: relative !important;
  283. }
  284. .integral .sk-text-14-2857-398 {
  285. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  286. background-size: 100% 32.9710rpx;
  287. position: relative !important;
  288. }
  289. .integral .sk-text-14-2857-214 {
  290. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  291. background-size: 100% 38.0435rpx;
  292. position: relative !important;
  293. }
  294. .integral .sk-text-14-2857-115 {
  295. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  296. background-size: 100% 50.7246rpx;
  297. position: relative !important;
  298. }
  299. .integral .sk-text-14-2857-263 {
  300. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  301. background-size: 100% 32.9710rpx;
  302. position: relative !important;
  303. }
  304. .integral .sk-text-14-2857-429 {
  305. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  306. background-size: 100% 32.9710rpx;
  307. position: relative !important;
  308. }
  309. .integral .sk-text-14-2857-97 {
  310. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  311. background-size: 100% 38.0435rpx;
  312. position: relative !important;
  313. }
  314. .integral .sk-text-14-2857-514 {
  315. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  316. background-size: 100% 50.7246rpx;
  317. position: relative !important;
  318. }
  319. .integral .sk-text-14-2857-304 {
  320. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  321. background-size: 100% 32.9710rpx;
  322. position: relative !important;
  323. }
  324. .integral .sk-text-14-2857-940 {
  325. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  326. background-size: 100% 32.9710rpx;
  327. position: relative !important;
  328. }
  329. .integral .sk-text-14-2857-926 {
  330. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  331. background-size: 100% 38.0435rpx;
  332. position: relative !important;
  333. }
  334. .integral .sk-text-14-2857-255 {
  335. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  336. background-size: 100% 50.7246rpx;
  337. position: relative !important;
  338. }
  339. .integral .sk-text-14-2857-844 {
  340. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  341. background-size: 100% 32.9710rpx;
  342. position: relative !important;
  343. }
  344. .integral .sk-text-14-2857-712 {
  345. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  346. background-size: 100% 32.9710rpx;
  347. position: relative !important;
  348. }
  349. .integral .sk-text-14-2857-153 {
  350. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  351. background-size: 100% 38.0435rpx;
  352. position: relative !important;
  353. }
  354. .integral .sk-text-14-2857-778 {
  355. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  356. background-size: 100% 50.7246rpx;
  357. position: relative !important;
  358. }
  359. .integral .sk-text-14-2857-605 {
  360. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  361. background-size: 100% 32.9710rpx;
  362. position: relative !important;
  363. }
  364. .integral .sk-text-14-2857-586 {
  365. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  366. background-size: 100% 32.9710rpx;
  367. position: relative !important;
  368. }
  369. .integral .sk-image {
  370. background: #EFEFEF !important;
  371. }
  372. .integral .sk-container {
  373. position: absolute;
  374. left: 0;
  375. top: 0;
  376. width: 100%;
  377. height: 100%;
  378. overflow: hidden;
  379. background-color: transparent;
  380. }
  381. .integralShop .sk-transparent {
  382. color: transparent !important;
  383. }
  384. .integralShop .sk-text-14-2857-302 {
  385. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  386. background-size: 100% 35.5072rpx;
  387. position: relative !important;
  388. }
  389. .integralShop .sk-text {
  390. background-origin: content-box !important;
  391. background-clip: content-box !important;
  392. background-color: transparent !important;
  393. color: transparent !important;
  394. background-repeat: repeat-y !important;
  395. }
  396. .integralShop .sk-text-14-2857-723 {
  397. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  398. background-size: 100% 35.5072rpx;
  399. position: relative !important;
  400. }
  401. .integralShop .sk-text-14-2857-958 {
  402. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  403. background-size: 100% 35.5072rpx;
  404. position: relative !important;
  405. }
  406. .integralShop .sk-text-14-2857-194 {
  407. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  408. background-size: 100% 35.5072rpx;
  409. position: relative !important;
  410. }
  411. .integralShop .sk-text-14-2857-601 {
  412. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  413. background-size: 100% 35.5072rpx;
  414. position: relative !important;
  415. }
  416. .integralShop .sk-text-14-2857-60 {
  417. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  418. background-size: 100% 35.5072rpx;
  419. position: relative !important;
  420. }
  421. .integralShop .sk-text-14-2857-403 {
  422. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  423. background-size: 100% 35.5072rpx;
  424. position: relative !important;
  425. }
  426. .integralShop .sk-text-14-2857-800 {
  427. background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  428. background-size: 100% 35.5072rpx;
  429. position: relative !important;
  430. }
  431. .integralShop .sk-button {
  432. color: #EFEFEF !important;
  433. background: #EFEFEF !important;
  434. border: none !important;
  435. box-shadow: none !important;
  436. }
  437. .integralShop .sk-image {
  438. background: #EFEFEF !important;
  439. }
  440. .integralShop .sk-pseudo::before,
  441. .integralShop .sk-pseudo::after {
  442. background: #EFEFEF !important;
  443. background-image: none !important;
  444. color: transparent !important;
  445. border-color: transparent !important;
  446. }
  447. .integralShop .sk-pseudo-rect::before,
  448. .integralShop .sk-pseudo-rect::after {
  449. border-radius: 0 !important;
  450. }
  451. .integralShop .sk-pseudo-circle::before,
  452. .integralShop .sk-pseudo-circle::after {
  453. border-radius: 50% !important;
  454. }
  455. .integralShop .sk-container {
  456. position: absolute;
  457. left: 0;
  458. top: 0;
  459. width: 100%;
  460. height: 100%;
  461. overflow: hidden;
  462. background-color: transparent;
  463. }