index.wxss 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415
  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. .flex-col.data-v-d0be296e {
  28. display: flex;
  29. flex-direction: column;
  30. }
  31. .flex-row.data-v-d0be296e {
  32. display: flex;
  33. flex-direction: row;
  34. }
  35. .flex-row-reverse.data-v-d0be296e {
  36. display: flex;
  37. flex-direction: row-reverse;
  38. }
  39. .bord.data-v-d0be296e{
  40. border: 1px solid red;
  41. }
  42. .justify-start.data-v-d0be296e {
  43. display: flex;
  44. justify-content: flex-start;
  45. }
  46. .justify-center.data-v-d0be296e {
  47. display: flex;
  48. justify-content: center;
  49. }
  50. .justify-end.data-v-d0be296e {
  51. display: flex;
  52. justify-content: flex-end;
  53. }
  54. .justify-evenly.data-v-d0be296e {
  55. display: flex;
  56. justify-content: space-evenly;
  57. }
  58. .justify-around.data-v-d0be296e {
  59. display: flex;
  60. justify-content: space-around;
  61. }
  62. .justify-between.data-v-d0be296e {
  63. display: flex;
  64. justify-content: space-between;
  65. }
  66. .align-start.data-v-d0be296e {
  67. display: flex;
  68. align-items: flex-start;
  69. }
  70. .align-center.data-v-d0be296e {
  71. display: flex;
  72. align-items: center;
  73. }
  74. .align-end.data-v-d0be296e {
  75. display: flex;
  76. align-items: flex-end;
  77. }
  78. .sticky.data-v-d0be296e {
  79. display: flex;
  80. position: -webkit-sticky;
  81. position: sticky;
  82. top: 0rpx;
  83. z-index: 99;
  84. }
  85. .bord.data-v-d0be296e{
  86. border: 1px solid red;
  87. }
  88. .page.data-v-d0be296e {
  89. background-color: white;
  90. position: relative;
  91. width: 750rpx;
  92. overflow: hidden;
  93. padding-left: 0rpx;
  94. padding-right: 0rpx;
  95. padding-top: 0rpx;
  96. padding-bottom: 32rpx;
  97. display: flex;
  98. flex-direction: column;
  99. }
  100. .box_2.data-v-d0be296e {
  101. width: 698rpx;
  102. margin-top: 32rpx;
  103. flex-direction: row;
  104. display: flex;
  105. justify-content: space-between;
  106. }
  107. .image-text_1.data-v-d0be296e {
  108. width: 256rpx;
  109. flex-direction: row;
  110. display: flex;
  111. justify-content: space-between;
  112. margin: 6rpx 0 6rpx 0;
  113. }
  114. .thumbnail_1.data-v-d0be296e {
  115. width: 40rpx;
  116. height: 40rpx;
  117. margin: 4rpx 0 4rpx 0;
  118. }
  119. .text-group_1.data-v-d0be296e {
  120. overflow-wrap: break-word;
  121. color: #333333;
  122. font-size: 32rpx;
  123. font-family: PingFangSC-Medium;
  124. font-weight: 500;
  125. text-align: left;
  126. white-space: nowrap;
  127. line-height: 48rpx;
  128. }
  129. .image_2.data-v-d0be296e {
  130. width: 180rpx;
  131. height: 60rpx;
  132. }
  133. .block_2.data-v-d0be296e {
  134. background-color: white;
  135. padding: 24rpx 32rpx;
  136. }
  137. .text_3.data-v-d0be296e {
  138. overflow-wrap: break-word;
  139. color: #333333;
  140. font-size: 28rpx;
  141. font-family: PingFangSC-Medium;
  142. font-weight: 500;
  143. text-align: left;
  144. white-space: nowrap;
  145. line-height: 44rpx;
  146. margin-left: 32rpx;
  147. }
  148. .box_3.data-v-d0be296e {
  149. flex-direction: row;
  150. display: flex;
  151. margin-top: 24rpx;
  152. }
  153. .group_2.data-v-d0be296e {
  154. margin-left: 32rpx;
  155. display: flex;
  156. flex-direction: column;
  157. }
  158. .image-text_2.data-v-d0be296e {
  159. width: 156rpx;
  160. flex-direction: row;
  161. display: flex;
  162. justify-content: space-between;
  163. }
  164. .thumbnail_2.data-v-d0be296e {
  165. width: 28rpx;
  166. height: 28rpx;
  167. margin: 4rpx 0 4rpx 0;
  168. }
  169. .text-group_2.data-v-d0be296e {
  170. overflow-wrap: break-word;
  171. color: #666666;
  172. font-size: 24rpx;
  173. font-family: PingFangSC-Regular;
  174. font-weight: normal;
  175. text-align: left;
  176. white-space: nowrap;
  177. line-height: 36rpx;
  178. }
  179. .group_3.data-v-d0be296e {
  180. width: 156rpx;
  181. margin-top: 16rpx;
  182. flex-direction: row;
  183. display: flex;
  184. justify-content: space-between;
  185. }
  186. .thumbnail_3.data-v-d0be296e {
  187. width: 28rpx;
  188. height: 28rpx;
  189. margin: 4rpx 0 4rpx 0;
  190. }
  191. .text_4.data-v-d0be296e {
  192. overflow-wrap: break-word;
  193. color: #666666;
  194. font-size: 24rpx;
  195. font-family: PingFangSC-Regular;
  196. font-weight: normal;
  197. text-align: left;
  198. white-space: nowrap;
  199. line-height: 36rpx;
  200. }
  201. .text-wrapper_2.data-v-d0be296e {
  202. display: flex;
  203. flex-direction: column;
  204. }
  205. .text_5.data-v-d0be296e {
  206. overflow-wrap: break-word;
  207. color: #333333;
  208. font-size: 24rpx;
  209. font-family: PingFangSC-Regular;
  210. font-weight: normal;
  211. text-align: left;
  212. white-space: nowrap;
  213. line-height: 36rpx;
  214. margin-right: 180rpx;
  215. }
  216. .text_6.data-v-d0be296e {
  217. overflow-wrap: break-word;
  218. color: #333333;
  219. font-size: 24rpx;
  220. font-family: PingFangSC-Regular;
  221. font-weight: normal;
  222. text-align: left;
  223. white-space: nowrap;
  224. line-height: 36rpx;
  225. margin-top: 16rpx;
  226. }
  227. .text-wrapper_3.data-v-d0be296e {
  228. margin-top: 24rpx;
  229. margin-left: 32rpx;
  230. }
  231. .text_7.data-v-d0be296e {
  232. overflow-wrap: break-word;
  233. color: #666666;
  234. font-size: 20rpx;
  235. font-family: PingFangSC-Regular;
  236. font-weight: normal;
  237. text-align: left;
  238. white-space: nowrap;
  239. line-height: 36rpx;
  240. margin-top: 4rpx;
  241. }
  242. .text_8.data-v-d0be296e {
  243. overflow-wrap: break-word;
  244. color: #ed569f;
  245. font-size: 28rpx;
  246. font-family: PingFangSC-Medium;
  247. font-weight: 500;
  248. text-align: left;
  249. white-space: nowrap;
  250. line-height: 44rpx;
  251. }
  252. .box_4.data-v-d0be296e {
  253. background-color: #eeeeee;
  254. width: 686rpx;
  255. height: 2rpx;
  256. margin-top: 32rpx;
  257. display: flex;
  258. flex-direction: column;
  259. }
  260. .text_11.data-v-d0be296e {
  261. overflow-wrap: break-word;
  262. color: #333333;
  263. font-size: 24rpx;
  264. font-family: PingFangSC-Regular;
  265. font-weight: normal;
  266. text-align: left;
  267. white-space: nowrap;
  268. line-height: 36rpx;
  269. margin-right: 180rpx;
  270. }
  271. .text_12.data-v-d0be296e {
  272. overflow-wrap: break-word;
  273. color: #333333;
  274. font-size: 24rpx;
  275. font-family: PingFangSC-Regular;
  276. font-weight: normal;
  277. text-align: left;
  278. white-space: nowrap;
  279. line-height: 36rpx;
  280. margin-top: 16rpx;
  281. }
  282. .text-wrapper_5.data-v-d0be296e {
  283. width: 212rpx;
  284. flex-direction: row;
  285. display: flex;
  286. justify-content: space-between;
  287. margin: 24rpx 410rpx 0 64rpx;
  288. }
  289. .text_13.data-v-d0be296e {
  290. overflow-wrap: break-word;
  291. color: #666666;
  292. font-size: 20rpx;
  293. font-family: PingFangSC-Regular;
  294. font-weight: normal;
  295. text-align: left;
  296. white-space: nowrap;
  297. line-height: 36rpx;
  298. margin-top: 4rpx;
  299. }
  300. .text_14.data-v-d0be296e {
  301. overflow-wrap: break-word;
  302. color: #ed569f;
  303. font-size: 28rpx;
  304. font-family: PingFangSC-Medium;
  305. font-weight: 500;
  306. text-align: left;
  307. white-space: nowrap;
  308. line-height: 44rpx;
  309. }
  310. .box_6.data-v-d0be296e {
  311. background-color: #eeeeee;
  312. width: 686rpx;
  313. height: 2rpx;
  314. margin-top: 32rpx;
  315. display: flex;
  316. flex-direction: column;
  317. }
  318. .block_3.data-v-d0be296e {
  319. background-color: #f7f7f7;
  320. border-radius: 50rpx;
  321. width: 686rpx;
  322. align-self: center;
  323. flex-direction: row;
  324. display: flex;
  325. justify-content: space-between;
  326. height: 84rpx;
  327. }
  328. .text_15.data-v-d0be296e {
  329. overflow-wrap: break-word;
  330. color: #333333;
  331. font-size: 28rpx;
  332. font-family: PingFangSC-Regular;
  333. font-weight: normal;
  334. text-align: left;
  335. white-space: nowrap;
  336. line-height: 84rpx;
  337. }
  338. .image-text_4.data-v-d0be296e {
  339. width: 132rpx;
  340. flex-direction: row;
  341. display: flex;
  342. justify-content: space-between;
  343. }
  344. .text-group_4.data-v-d0be296e {
  345. overflow-wrap: break-word;
  346. color: #999999;
  347. font-size: 28rpx;
  348. font-family: PingFangSC-Regular;
  349. font-weight: normal;
  350. text-align: right;
  351. white-space: nowrap;
  352. line-height: 84rpx;
  353. }
  354. .text-group_5.data-v-d0be296e {
  355. overflow-wrap: break-word;
  356. color: red;
  357. font-size: 28rpx;
  358. font-family: PingFangSC-Regular;
  359. font-weight: normal;
  360. white-space: nowrap;
  361. line-height: 84rpx;
  362. }
  363. .thumbnail_6.data-v-d0be296e {
  364. width: 32rpx;
  365. height: 32rpx;
  366. margin: 6rpx 0 6rpx 0;
  367. }
  368. .text-wrapper_6.data-v-d0be296e {
  369. background-color: #ffe05c;
  370. border-radius: 54rpx;
  371. align-self: center;
  372. margin-top: 24rpx;
  373. display: flex;
  374. flex-direction: column;
  375. width: 686rpx;
  376. padding: 20rpx 314rpx 20rpx 316rpx;
  377. }
  378. .text_16.data-v-d0be296e {
  379. overflow-wrap: break-word;
  380. color: #333333;
  381. font-size: 28rpx;
  382. font-family: PingFangSC-Regular;
  383. font-weight: normal;
  384. text-align: center;
  385. white-space: nowrap;
  386. line-height: 44rpx;
  387. }
  388. .tabBarLineHeight.data-v-d0be296e {
  389. height: 250rpx;
  390. }
  391. .submitButton.data-v-d0be296e {
  392. text-align: center;
  393. line-height: 84rpx;
  394. width: 686rpx;
  395. height: 84rpx;
  396. background: #FFE05C;
  397. border-radius: 54rpx;
  398. margin-top: 24rpx;
  399. }
  400. .text_9.data-v-d0be296e {
  401. margin-left: 24rpx;
  402. }
  403. .bottomView.data-v-d0be296e {
  404. position: fixed;
  405. bottom: 0;
  406. width: 750rpx;
  407. height: 224rpx;
  408. background: #FFFFFF;
  409. }
  410. .outView.data-v-d0be296e {
  411. width: 600rpx;
  412. }