index.wxss 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622
  1. .page {
  2. position: relative;
  3. width: 750rpx;
  4. height: 3982rpx;
  5. overflow: hidden;
  6. display: flex;
  7. flex-direction: column;
  8. padding-top: 0rpx;
  9. padding-bottom: 576rpx;
  10. padding-left: 0rpx;
  11. padding-right: 0rpx;
  12. }
  13. .box_1 {
  14. background-size: 100% 100%;
  15. padding-bottom: 324rpx;
  16. display: flex;
  17. flex-direction: column;
  18. }
  19. .group_1 {
  20. background-color: rgba(255,255,255,1.000000);
  21. height: 1624rpx;
  22. padding-top: 30rpx;
  23. display: flex;
  24. flex-direction: column;
  25. }
  26. .group_22 {
  27. width: 642rpx;
  28. align-self: center;
  29. flex-direction: row;
  30. display: flex;
  31. }
  32. .text_15 {
  33. overflow-wrap: break-word;
  34. color: rgba(0,0,0,1);
  35. font-size: 34rpx;
  36. font-family: SFPro-Semibold;
  37. font-weight: 600;
  38. text-align: center;
  39. white-space: nowrap;
  40. line-height: 44rpx;
  41. }
  42. .thumbnail_10 {
  43. width: 38rpx;
  44. height: 24rpx;
  45. margin: 10rpx 0 10rpx 378rpx;
  46. }
  47. .thumbnail_11 {
  48. width: 34rpx;
  49. height: 24rpx;
  50. margin: 10rpx 0 10rpx 16rpx;
  51. }
  52. .image_9 {
  53. width: 54rpx;
  54. height: 26rpx;
  55. margin: 8rpx 0 10rpx 14rpx;
  56. }
  57. .group_23 {
  58. width: 738rpx;
  59. flex-direction: row;
  60. display: flex;
  61. justify-content: space-between;
  62. margin: 14rpx 12rpx 0 0;
  63. }
  64. .label_4 {
  65. width: 80rpx;
  66. height: 88rpx;
  67. }
  68. .image-text_17 {
  69. width: 538rpx;
  70. flex-direction: row;
  71. display: flex;
  72. justify-content: space-between;
  73. margin: 12rpx 0 12rpx 0;
  74. }
  75. .text-group_10 {
  76. overflow-wrap: break-word;
  77. color: rgba(0,0,0,1);
  78. font-size: 32rpx;
  79. font-family: PingFangSC-Medium;
  80. font-weight: 500;
  81. text-align: center;
  82. white-space: nowrap;
  83. line-height: 44rpx;
  84. margin-top: 10rpx;
  85. }
  86. .image_10 {
  87. width: 174rpx;
  88. height: 64rpx;
  89. }
  90. .section_3 {
  91. position: relative;
  92. background-size: 100% 100%;
  93. padding-bottom: 358rpx;
  94. display: flex;
  95. flex-direction: column;
  96. }
  97. .image_3 {
  98. width: 750rpx;
  99. height: 2rpx;
  100. }
  101. .group_5 {
  102. background-size: 718rpx 888rpx;
  103. align-self: center;
  104. margin-top: 40rpx;
  105. width: 690rpx;
  106. display: flex;
  107. flex-direction: column;
  108. padding: 28rpx 28rpx 30rpx 0;
  109. }
  110. .box_3 {
  111. position: relative;
  112. margin-left: -10rpx;
  113. display: flex;
  114. flex-direction: row;
  115. padding-left: 38rpx;
  116. }
  117. .box_2 {
  118. border-radius: 8rpx;
  119. background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/759dea2934214eb489d2f08ef2b9dfbc_mergeImage.png);
  120. width: 634rpx;
  121. height: 634rpx;
  122. display: flex;
  123. flex-direction: column;
  124. }
  125. .text-wrapper_2 {
  126. background-color: rgba(245,94,13,1.000000);
  127. height: 50rpx;
  128. display: flex;
  129. flex-direction: column;
  130. width: 156rpx;
  131. position: absolute;
  132. left: 0rpx;
  133. top: 0rpx;
  134. padding: 8rpx 36rpx 6rpx 16rpx;
  135. }
  136. .text_5 {
  137. overflow-wrap: break-word;
  138. color: rgba(255,255,255,1);
  139. font-size: 26rpx;
  140. font-family: PingFangSC-Regular;
  141. font-weight: normal;
  142. text-align: left;
  143. white-space: nowrap;
  144. line-height: 36rpx;
  145. }
  146. .text-wrapper_7 {
  147. display: flex;
  148. flex-direction: row;
  149. margin: 28rpx 44rpx 0 28rpx;
  150. }
  151. .text_6 {
  152. overflow-wrap: break-word;
  153. color: rgba(51,0,0,1);
  154. font-size: 30rpx;
  155. font-family: PingFangSC-Regular;
  156. font-weight: normal;
  157. text-align: left;
  158. white-space: nowrap;
  159. line-height: 42rpx;
  160. }
  161. .box_4 {
  162. width: 634rpx;
  163. flex-direction: row;
  164. display: flex;
  165. justify-content: space-between;
  166. margin: 16rpx 0 0 28rpx;
  167. }
  168. .group_8 {
  169. box-shadow: 0px 4px 5px 0px rgba(136,206,108,0.500000);
  170. background-color: rgba(136,206,108,1.000000);
  171. border-radius: 8rpx;
  172. display: flex;
  173. flex-direction: row;
  174. margin: 12rpx 0 10rpx 0;
  175. padding: 12rpx 26rpx 12rpx 20rpx;
  176. }
  177. .image-text_19 {
  178. width: 234rpx;
  179. flex-direction: row;
  180. display: flex;
  181. justify-content: space-between;
  182. }
  183. .thumbnail_4 {
  184. width: 30rpx;
  185. height: 30rpx;
  186. margin: 4rpx 0 2rpx 0;
  187. }
  188. .text-group_3 {
  189. overflow-wrap: break-word;
  190. color: rgba(255,255,255,1);
  191. font-size: 26rpx;
  192. font-family: PingFangSC-Medium;
  193. font-weight: 500;
  194. text-align: left;
  195. white-space: nowrap;
  196. line-height: 36rpx;
  197. }
  198. .text_7 {
  199. overflow-wrap: break-word;
  200. color: rgba(12,110,77,1);
  201. font-size: 60rpx;
  202. font-family: Avenir-Heavy;
  203. font-weight: 900;
  204. text-align: right;
  205. white-space: nowrap;
  206. line-height: 82rpx;
  207. }
  208. .group_13 {
  209. height: 860rpx;
  210. background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1d8eecf032b89ca90b8805b809d370fa92faeb996c6529d69a8ded3b4d31ccb4) -14rpx -14rpx no-repeat;
  211. background-size: 718rpx 888rpx;
  212. width: 690rpx;
  213. position: absolute;
  214. left: 30rpx;
  215. top: 1146rpx;
  216. display: flex;
  217. flex-direction: column;
  218. padding: 28rpx 28rpx 30rpx 0;
  219. }
  220. .section_8 {
  221. position: relative;
  222. margin-left: -10rpx;
  223. display: flex;
  224. flex-direction: row;
  225. padding-left: 38rpx;
  226. }
  227. .section_4 {
  228. border-radius: 8rpx;
  229. background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/fec3e96e4d2c410199798696b3e48612_mergeImage.png);
  230. width: 634rpx;
  231. height: 634rpx;
  232. display: flex;
  233. flex-direction: column;
  234. }
  235. .text-wrapper_5 {
  236. background-color: rgba(245,171,10,1.000000);
  237. height: 50rpx;
  238. display: flex;
  239. flex-direction: column;
  240. width: 156rpx;
  241. position: absolute;
  242. left: 0rpx;
  243. top: 0rpx;
  244. padding: 6rpx 36rpx 8rpx 16rpx;
  245. }
  246. .text_13 {
  247. overflow-wrap: break-word;
  248. color: rgba(255,255,255,1);
  249. font-size: 26rpx;
  250. font-family: PingFangSC-Regular;
  251. font-weight: normal;
  252. text-align: left;
  253. white-space: nowrap;
  254. line-height: 36rpx;
  255. }
  256. .text-wrapper_8 {
  257. display: flex;
  258. flex-direction: row;
  259. margin: 28rpx 44rpx 0 28rpx;
  260. }
  261. .text_11 {
  262. overflow-wrap: break-word;
  263. color: rgba(51,0,0,1);
  264. font-size: 30rpx;
  265. font-family: PingFangSC-Regular;
  266. font-weight: normal;
  267. text-align: left;
  268. white-space: nowrap;
  269. line-height: 42rpx;
  270. }
  271. .section_9 {
  272. width: 634rpx;
  273. flex-direction: row;
  274. display: flex;
  275. justify-content: space-between;
  276. margin: 16rpx 0 0 28rpx;
  277. }
  278. .group_14 {
  279. box-shadow: 0px 4px 5px 0px rgba(136,206,108,0.500000);
  280. background-color: rgba(136,206,108,1.000000);
  281. border-radius: 8rpx;
  282. display: flex;
  283. flex-direction: row;
  284. margin: 10rpx 0 12rpx 0;
  285. padding: 12rpx 26rpx 12rpx 20rpx;
  286. }
  287. .image-text_20 {
  288. width: 234rpx;
  289. flex-direction: row;
  290. display: flex;
  291. justify-content: space-between;
  292. }
  293. .thumbnail_6 {
  294. width: 30rpx;
  295. height: 30rpx;
  296. margin-top: 6rpx;
  297. }
  298. .text-group_5 {
  299. overflow-wrap: break-word;
  300. color: rgba(255,255,255,1);
  301. font-size: 26rpx;
  302. font-family: PingFangSC-Medium;
  303. font-weight: 500;
  304. text-align: left;
  305. white-space: nowrap;
  306. line-height: 36rpx;
  307. }
  308. .text_12 {
  309. overflow-wrap: break-word;
  310. color: rgba(12,110,77,1);
  311. font-size: 60rpx;
  312. font-family: Avenir-Heavy;
  313. font-weight: 900;
  314. text-align: right;
  315. white-space: nowrap;
  316. line-height: 82rpx;
  317. }
  318. .group_9 {
  319. background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1d8eecf032b89ca90b8805b809d370fa92faeb996c6529d69a8ded3b4d31ccb4) -14rpx -14rpx no-repeat;
  320. background-size: 718rpx 888rpx;
  321. align-self: center;
  322. margin-top: 598rpx;
  323. width: 690rpx;
  324. display: flex;
  325. flex-direction: column;
  326. padding: 28rpx 28rpx 30rpx 0;
  327. }
  328. .group_26 {
  329. position: relative;
  330. margin-left: -10rpx;
  331. display: flex;
  332. flex-direction: row;
  333. padding-left: 38rpx;
  334. }
  335. .group_10 {
  336. border-radius: 8rpx;
  337. background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/3399b912eb3e4dbfb34968e6d6b51510_mergeImage.png);
  338. width: 634rpx;
  339. height: 634rpx;
  340. display: flex;
  341. flex-direction: column;
  342. }
  343. .text-wrapper_4 {
  344. background-color: rgba(116,116,116,1.000000);
  345. height: 50rpx;
  346. display: flex;
  347. flex-direction: column;
  348. width: 156rpx;
  349. position: absolute;
  350. left: 0rpx;
  351. top: 0rpx;
  352. padding: 6rpx 50rpx 8rpx 28rpx;
  353. }
  354. .text_10 {
  355. overflow-wrap: break-word;
  356. color: rgba(255,255,255,1);
  357. font-size: 26rpx;
  358. font-family: PingFangSC-Regular;
  359. font-weight: normal;
  360. text-align: center;
  361. white-space: nowrap;
  362. line-height: 36rpx;
  363. }
  364. .text-wrapper_9 {
  365. display: flex;
  366. flex-direction: row;
  367. margin: 28rpx 44rpx 0 28rpx;
  368. }
  369. .text_8 {
  370. overflow-wrap: break-word;
  371. color: rgba(51,0,0,1);
  372. font-size: 30rpx;
  373. font-family: PingFangSC-Regular;
  374. font-weight: normal;
  375. text-align: left;
  376. white-space: nowrap;
  377. line-height: 42rpx;
  378. }
  379. .group_27 {
  380. width: 634rpx;
  381. padding-right: 84rpx;
  382. flex-direction: row;
  383. display: flex;
  384. margin: 16rpx 0 0 28rpx;
  385. }
  386. .group_12 {
  387. box-shadow: 0px 4px 5px 0px rgba(136,206,108,0.500000);
  388. background-color: rgba(136,206,108,1.000000);
  389. border-radius: 8rpx;
  390. display: flex;
  391. flex-direction: row;
  392. margin: 10rpx 0 12rpx 0;
  393. padding: 12rpx 26rpx 12rpx 20rpx;
  394. }
  395. .image-text_21 {
  396. width: 234rpx;
  397. flex-direction: row;
  398. display: flex;
  399. justify-content: space-between;
  400. }
  401. .thumbnail_5 {
  402. width: 30rpx;
  403. height: 30rpx;
  404. margin-top: 6rpx;
  405. }
  406. .text-group_4 {
  407. overflow-wrap: break-word;
  408. color: rgba(255,255,255,1);
  409. font-size: 26rpx;
  410. font-family: PingFangSC-Medium;
  411. font-weight: 500;
  412. text-align: left;
  413. white-space: nowrap;
  414. line-height: 36rpx;
  415. }
  416. .text_9 {
  417. overflow-wrap: break-word;
  418. color: rgba(12,110,77,1);
  419. font-size: 60rpx;
  420. font-family: Avenir-Heavy;
  421. font-weight: 900;
  422. text-align: right;
  423. white-space: nowrap;
  424. line-height: 82rpx;
  425. margin-left: 158rpx;
  426. }
  427. .thumbnail_12 {
  428. width: 6rpx;
  429. height: 2rpx;
  430. margin: 70rpx 0 10rpx -90rpx;
  431. }
  432. .section_10 {
  433. position: absolute;
  434. left: 30rpx;
  435. top: 3122rpx;
  436. width: 690rpx;
  437. height: 860rpx;
  438. background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngbd49cf66a3c8ccf92bc4b99380e58b5fd0aed616c063c39e3b178946dafda7d0) -14rpx -14rpx no-repeat;
  439. background-size: 718rpx 888rpx;
  440. display: flex;
  441. flex-direction: column;
  442. padding: 28rpx 28rpx 30rpx 28rpx;
  443. }
  444. .group_28 {
  445. border-radius: 8rpx;
  446. background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/abda01218b1c4aed80839075a29042ee_mergeImage.png);
  447. width: 634rpx;
  448. height: 634rpx;
  449. display: flex;
  450. flex-direction: column;
  451. }
  452. .text_16 {
  453. overflow-wrap: break-word;
  454. color: rgba(51,0,0,1);
  455. font-size: 30rpx;
  456. font-family: PingFangSC-Regular;
  457. font-weight: normal;
  458. text-align: left;
  459. white-space: nowrap;
  460. line-height: 42rpx;
  461. margin: 28rpx 44rpx 0 0;
  462. }
  463. .group_29 {
  464. width: 634rpx;
  465. margin-top: 16rpx;
  466. flex-direction: row;
  467. display: flex;
  468. justify-content: space-between;
  469. }
  470. .section_11 {
  471. box-shadow: 0px 4px 5px 0px rgba(136,206,108,0.500000);
  472. background-color: rgba(136,206,108,1.000000);
  473. border-radius: 8rpx;
  474. display: flex;
  475. flex-direction: row;
  476. margin: 10rpx 0 12rpx 0;
  477. padding: 12rpx 26rpx 12rpx 20rpx;
  478. }
  479. .image-text_22 {
  480. width: 234rpx;
  481. flex-direction: row;
  482. display: flex;
  483. justify-content: space-between;
  484. }
  485. .thumbnail_13 {
  486. width: 30rpx;
  487. height: 30rpx;
  488. margin-top: 6rpx;
  489. }
  490. .text-group_11 {
  491. overflow-wrap: break-word;
  492. color: rgba(255,255,255,1);
  493. font-size: 26rpx;
  494. font-family: PingFangSC-Medium;
  495. font-weight: 500;
  496. text-align: left;
  497. white-space: nowrap;
  498. line-height: 36rpx;
  499. }
  500. .text_17 {
  501. overflow-wrap: break-word;
  502. color: rgba(12,110,77,1);
  503. font-size: 60rpx;
  504. font-family: Avenir-Heavy;
  505. font-weight: 900;
  506. text-align: right;
  507. white-space: nowrap;
  508. line-height: 82rpx;
  509. }
  510. .text-wrapper_10 {
  511. background-color: rgba(62,121,234,1.000000);
  512. height: 50rpx;
  513. display: flex;
  514. flex-direction: column;
  515. width: 368rpx;
  516. position: absolute;
  517. left: -10rpx;
  518. top: 28rpx;
  519. padding: 6rpx 40rpx 8rpx 16rpx;
  520. }
  521. .text_18 {
  522. overflow-wrap: break-word;
  523. color: rgba(255,255,255,1);
  524. font-size: 26rpx;
  525. font-family: PingFangSC-Regular;
  526. font-weight: normal;
  527. text-align: left;
  528. white-space: nowrap;
  529. line-height: 36rpx;
  530. }
  531. .group_15 {
  532. height: 156rpx;
  533. background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng96f31099f2c56253d85a9071596fd2bd8aed83c1463131cdb3de13d161a21562) 0rpx -2rpx no-repeat;
  534. background-size: 750rpx 158rpx;
  535. width: 750rpx;
  536. position: absolute;
  537. left: -30rpx;
  538. top: 698rpx;
  539. display: flex;
  540. flex-direction: column;
  541. padding: 14rpx 120rpx 16rpx 120rpx;
  542. }
  543. .block_5 {
  544. width: 510rpx;
  545. flex-direction: row;
  546. display: flex;
  547. justify-content: space-between;
  548. }
  549. .image-text_23 {
  550. display: flex;
  551. flex-direction: column;
  552. }
  553. .label_2 {
  554. width: 46rpx;
  555. height: 46rpx;
  556. margin-right: 2rpx;
  557. }
  558. .text-group_6 {
  559. overflow-wrap: break-word;
  560. color: rgba(12,110,77,1);
  561. font-size: 24rpx;
  562. font-family: PingFangSC-Medium;
  563. font-weight: 500;
  564. text-align: right;
  565. white-space: nowrap;
  566. line-height: 24rpx;
  567. margin-top: 12rpx;
  568. }
  569. .image-text_24 {
  570. display: flex;
  571. flex-direction: column;
  572. }
  573. .image_4 {
  574. width: 38rpx;
  575. height: 46rpx;
  576. margin: 0 6rpx 0 4rpx;
  577. }
  578. .text-group_7 {
  579. overflow-wrap: break-word;
  580. color: rgba(150,150,150,1);
  581. font-size: 24rpx;
  582. font-family: PingFangSC-Regular;
  583. font-weight: normal;
  584. text-align: right;
  585. white-space: nowrap;
  586. line-height: 24rpx;
  587. margin-top: 12rpx;
  588. }
  589. .image-text_25 {
  590. margin-top: 2rpx;
  591. display: flex;
  592. flex-direction: column;
  593. }
  594. .thumbnail_7 {
  595. width: 40rpx;
  596. height: 40rpx;
  597. align-self: center;
  598. }
  599. .text-group_8 {
  600. overflow-wrap: break-word;
  601. color: rgba(150,150,150,1);
  602. font-size: 24rpx;
  603. font-family: PingFangSC-Regular;
  604. font-weight: normal;
  605. text-align: right;
  606. white-space: nowrap;
  607. line-height: 24rpx;
  608. margin-top: 16rpx;
  609. }
  610. .image-wrapper_3 {
  611. width: 268rpx;
  612. align-self: center;
  613. margin-top: 34rpx;
  614. display: flex;
  615. flex-direction: row;
  616. }
  617. .image_11 {
  618. width: 268rpx;
  619. height: 10rpx;
  620. }