index.wxss 21 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087
  1. .page {
  2. position: relative;
  3. width: 750rpx;
  4. background-color: rgba(244,244,244,1);
  5. overflow: hidden;
  6. display: flex;
  7. flex-direction: column;
  8. }
  9. .group1 {
  10. width: 750rpx;
  11. display: flex;
  12. flex-direction: column;
  13. }
  14. .group2 {
  15. height: 40rpx;
  16. background-color: rgba(255,255,255,1);
  17. display: flex;
  18. flex-direction: column;
  19. width: 750rpx;
  20. padding: 7rpx 0 0 12rpx;
  21. }
  22. .group3 {
  23. width: 727rpx;
  24. height: 29rpx;
  25. flex-direction: row;
  26. display: flex;
  27. }
  28. .icon1 {
  29. width: 33rpx;
  30. height: 20rpx;
  31. margin-top: 2rpx;
  32. }
  33. .info1 {
  34. width: 79rpx;
  35. height: 29rpx;
  36. display: block;
  37. overflow-wrap: break-word;
  38. color: rgba(3,3,3,1);
  39. font-size: 24rpx;
  40. font-family: SFProText-Regular;
  41. white-space: nowrap;
  42. line-height: 29rpx;
  43. margin-left: 7rpx;
  44. }
  45. .section1 {
  46. width: 29rpx;
  47. height: 20rpx;
  48. background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5f3ad165c123fbded6e0fa697748977e2746aed8e69b16f7f768997af4af2979) -1rpx 0rpx no-repeat;
  49. background-size: 30rpx 20rpx;
  50. display: flex;
  51. flex-direction: column;
  52. margin: 2rpx 0 0 12rpx;
  53. }
  54. .txt1 {
  55. width: 98rpx;
  56. height: 29rpx;
  57. display: block;
  58. overflow-wrap: break-word;
  59. color: rgba(3,3,3,1);
  60. font-size: 24rpx;
  61. font-family: SFProText-Semibold;
  62. white-space: nowrap;
  63. line-height: 29rpx;
  64. text-align: center;
  65. margin-left: 154rpx;
  66. }
  67. .section2 {
  68. width: 12rpx;
  69. height: 20rpx;
  70. background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng0efed2d58f84e5f45072ee057c875a49c4309a72e36f032844aa111ca0a435af) -1rpx -3rpx no-repeat;
  71. background-size: 15rpx 26rpx;
  72. display: flex;
  73. flex-direction: column;
  74. margin: 2rpx 0 0 173rpx;
  75. }
  76. .word1 {
  77. width: 66rpx;
  78. height: 29rpx;
  79. display: block;
  80. overflow-wrap: break-word;
  81. color: rgba(3,3,3,1);
  82. font-size: 24rpx;
  83. font-family: SFProText-Regular;
  84. white-space: nowrap;
  85. line-height: 29rpx;
  86. text-align: right;
  87. margin-left: 5rpx;
  88. }
  89. .pic1 {
  90. width: 53rpx;
  91. height: 23rpx;
  92. margin: 2rpx 0 0 6rpx;
  93. }
  94. .group4 {
  95. height: 220rpx;
  96. background-color: rgba(255,255,255,1);
  97. display: flex;
  98. flex-direction: column;
  99. width: 750rpx;
  100. justify-content: center;
  101. align-items: center;
  102. }
  103. .bd1 {
  104. width: 690rpx;
  105. height: 160rpx;
  106. display: flex;
  107. flex-direction: column;
  108. justify-content: space-between;
  109. }
  110. .word2 {
  111. width: 353rpx;
  112. height: 28rpx;
  113. display: block;
  114. overflow-wrap: break-word;
  115. color: rgba(51,51,51,1);
  116. font-size: 28rpx;
  117. font-family: PingFangSC-Semibold;
  118. white-space: nowrap;
  119. line-height: 28rpx;
  120. text-align: left;
  121. }
  122. .bd2 {
  123. width: 690rpx;
  124. height: 102rpx;
  125. margin-top: 30rpx;
  126. flex-direction: row;
  127. display: flex;
  128. justify-content: space-between;
  129. }
  130. .section3-0 {
  131. height: 102rpx;
  132. border-radius: 8rpx;
  133. background-color: rgba(248,248,248,1);
  134. margin-right: 30rpx;
  135. display: flex;
  136. flex-direction: column;
  137. width: 150rpx;
  138. justify-content: center;
  139. align-items: center;
  140. }
  141. .main1-0 {
  142. width: 88rpx;
  143. height: 70rpx;
  144. display: flex;
  145. flex-direction: column;
  146. justify-content: space-between;
  147. }
  148. .word3-0 {
  149. width: 33rpx;
  150. height: 32rpx;
  151. display: block;
  152. overflow-wrap: break-word;
  153. color: rgba(51,51,51,1);
  154. font-size: 32rpx;
  155. font-family: PingFangSC-Medium;
  156. white-space: nowrap;
  157. line-height: 32rpx;
  158. text-align: center;
  159. margin-left: 28rpx;
  160. }
  161. .word4-0 {
  162. width: 88rpx;
  163. height: 22rpx;
  164. display: block;
  165. overflow-wrap: break-word;
  166. color: rgba(153,153,153,1);
  167. font-size: 22rpx;
  168. font-family: PingFangSC-Regular;
  169. white-space: nowrap;
  170. line-height: 22rpx;
  171. text-align: center;
  172. margin-top: 16rpx;
  173. }
  174. .section3-1 {
  175. height: 102rpx;
  176. border-radius: 8rpx;
  177. background-color: rgba(248,248,248,1);
  178. margin-right: 30rpx;
  179. display: flex;
  180. flex-direction: column;
  181. width: 150rpx;
  182. justify-content: center;
  183. align-items: center;
  184. }
  185. .main1-1 {
  186. width: 88rpx;
  187. height: 70rpx;
  188. display: flex;
  189. flex-direction: column;
  190. justify-content: space-between;
  191. }
  192. .word3-1 {
  193. width: 33rpx;
  194. height: 32rpx;
  195. display: block;
  196. overflow-wrap: break-word;
  197. color: rgba(51,51,51,1);
  198. font-size: 32rpx;
  199. font-family: PingFangSC-Medium;
  200. white-space: nowrap;
  201. line-height: 32rpx;
  202. text-align: center;
  203. margin-left: 28rpx;
  204. }
  205. .word4-1 {
  206. width: 88rpx;
  207. height: 22rpx;
  208. display: block;
  209. overflow-wrap: break-word;
  210. color: rgba(153,153,153,1);
  211. font-size: 22rpx;
  212. font-family: PingFangSC-Regular;
  213. white-space: nowrap;
  214. line-height: 22rpx;
  215. text-align: center;
  216. margin-top: 16rpx;
  217. }
  218. .section3-2 {
  219. height: 102rpx;
  220. border-radius: 8rpx;
  221. background-color: rgba(248,248,248,1);
  222. margin-right: 30rpx;
  223. display: flex;
  224. flex-direction: column;
  225. width: 150rpx;
  226. justify-content: center;
  227. align-items: center;
  228. }
  229. .main1-2 {
  230. width: 88rpx;
  231. height: 70rpx;
  232. display: flex;
  233. flex-direction: column;
  234. justify-content: space-between;
  235. }
  236. .word3-2 {
  237. width: 33rpx;
  238. height: 32rpx;
  239. display: block;
  240. overflow-wrap: break-word;
  241. color: rgba(51,51,51,1);
  242. font-size: 32rpx;
  243. font-family: PingFangSC-Medium;
  244. white-space: nowrap;
  245. line-height: 32rpx;
  246. text-align: center;
  247. margin-left: 28rpx;
  248. }
  249. .word4-2 {
  250. width: 88rpx;
  251. height: 22rpx;
  252. display: block;
  253. overflow-wrap: break-word;
  254. color: rgba(153,153,153,1);
  255. font-size: 22rpx;
  256. font-family: PingFangSC-Regular;
  257. white-space: nowrap;
  258. line-height: 22rpx;
  259. text-align: center;
  260. margin-top: 16rpx;
  261. }
  262. .section3-3 {
  263. height: 102rpx;
  264. border-radius: 8rpx;
  265. background-color: rgba(248,248,248,1);
  266. margin-right: 30rpx;
  267. display: flex;
  268. flex-direction: column;
  269. width: 150rpx;
  270. justify-content: center;
  271. align-items: center;
  272. }
  273. .main1-3 {
  274. width: 88rpx;
  275. height: 70rpx;
  276. display: flex;
  277. flex-direction: column;
  278. justify-content: space-between;
  279. }
  280. .word3-3 {
  281. width: 33rpx;
  282. height: 32rpx;
  283. display: block;
  284. overflow-wrap: break-word;
  285. color: rgba(51,51,51,1);
  286. font-size: 32rpx;
  287. font-family: PingFangSC-Medium;
  288. white-space: nowrap;
  289. line-height: 32rpx;
  290. text-align: center;
  291. margin-left: 28rpx;
  292. }
  293. .word4-3 {
  294. width: 88rpx;
  295. height: 22rpx;
  296. display: block;
  297. overflow-wrap: break-word;
  298. color: rgba(153,153,153,1);
  299. font-size: 22rpx;
  300. font-family: PingFangSC-Regular;
  301. white-space: nowrap;
  302. line-height: 22rpx;
  303. text-align: center;
  304. margin-top: 16rpx;
  305. }
  306. .group5 {
  307. width: 750rpx;
  308. height: 80rpx;
  309. margin-top: 20rpx;
  310. flex-direction: row;
  311. display: flex;
  312. justify-content: space-between;
  313. }
  314. .section4 {
  315. height: 80rpx;
  316. background-color: rgba(255,255,255,1);
  317. display: flex;
  318. flex-direction: column;
  319. width: 187rpx;
  320. padding: 25rpx 0 0 33rpx;
  321. }
  322. .wrap1 {
  323. width: 120rpx;
  324. height: 55rpx;
  325. display: flex;
  326. flex-direction: column;
  327. justify-content: space-between;
  328. }
  329. .word5 {
  330. width: 120rpx;
  331. height: 30rpx;
  332. display: block;
  333. overflow-wrap: break-word;
  334. color: rgba(82,161,255,1);
  335. font-size: 30rpx;
  336. font-family: PingFangSC-Regular;
  337. white-space: nowrap;
  338. line-height: 30rpx;
  339. text-align: left;
  340. }
  341. .group6 {
  342. width: 96rpx;
  343. height: 4rpx;
  344. background-color: rgba(82,161,255,1);
  345. display: flex;
  346. flex-direction: column;
  347. margin: 21rpx 0 0 13rpx;
  348. }
  349. .section5 {
  350. height: 80rpx;
  351. background-color: rgba(255,255,255,1);
  352. display: flex;
  353. flex-direction: column;
  354. padding-top: 22rpx;
  355. width: 188rpx;
  356. align-items: center;
  357. }
  358. .info2 {
  359. width: 120rpx;
  360. height: 30rpx;
  361. display: block;
  362. overflow-wrap: break-word;
  363. color: rgba(51,51,51,1);
  364. font-size: 30rpx;
  365. font-family: PingFangSC-Regular;
  366. white-space: nowrap;
  367. line-height: 30rpx;
  368. text-align: left;
  369. }
  370. .section6 {
  371. height: 80rpx;
  372. background-color: rgba(255,255,255,1);
  373. display: flex;
  374. flex-direction: column;
  375. width: 188rpx;
  376. padding: 22rpx 0 0 34rpx;
  377. }
  378. .info3 {
  379. width: 90rpx;
  380. height: 30rpx;
  381. display: block;
  382. overflow-wrap: break-word;
  383. color: rgba(51,51,51,1);
  384. font-size: 30rpx;
  385. font-family: PingFangSC-Regular;
  386. white-space: nowrap;
  387. line-height: 30rpx;
  388. text-align: left;
  389. }
  390. .section7 {
  391. height: 80rpx;
  392. background-color: rgba(255,255,255,1);
  393. display: flex;
  394. flex-direction: column;
  395. width: 187rpx;
  396. padding: 22rpx 0 0 34rpx;
  397. }
  398. .word6 {
  399. width: 90rpx;
  400. height: 30rpx;
  401. display: block;
  402. overflow-wrap: break-word;
  403. color: rgba(51,51,51,1);
  404. font-size: 30rpx;
  405. font-family: PingFangSC-Regular;
  406. white-space: nowrap;
  407. line-height: 30rpx;
  408. text-align: left;
  409. }
  410. .group7 {
  411. height: 128rpx;
  412. background-color: rgba(255,255,255,1);
  413. display: flex;
  414. flex-direction: column;
  415. width: 750rpx;
  416. justify-content: center;
  417. align-items: center;
  418. }
  419. .group8 {
  420. width: 690rpx;
  421. height: 80rpx;
  422. flex-direction: row;
  423. display: flex;
  424. justify-content: space-between;
  425. }
  426. .bd3 {
  427. height: 80rpx;
  428. border-radius: 8rpx;
  429. background-color: rgba(246,246,246,1);
  430. display: flex;
  431. flex-direction: column;
  432. padding-left: 30rpx;
  433. width: 524rpx;
  434. justify-content: center;
  435. }
  436. .word7 {
  437. width: 240rpx;
  438. height: 24rpx;
  439. display: block;
  440. overflow-wrap: break-word;
  441. color: rgba(102,102,102,1);
  442. font-size: 24rpx;
  443. font-family: PingFangSC-Regular;
  444. white-space: nowrap;
  445. line-height: 24rpx;
  446. text-align: left;
  447. }
  448. .bd4 {
  449. height: 68rpx;
  450. border-radius: 8rpx;
  451. background-color: rgba(82,161,255,1);
  452. margin-top: 6rpx;
  453. display: flex;
  454. flex-direction: column;
  455. width: 136rpx;
  456. justify-content: center;
  457. align-items: center;
  458. }
  459. .txt2 {
  460. width: 56rpx;
  461. height: 28rpx;
  462. display: block;
  463. overflow-wrap: break-word;
  464. color: rgba(255,255,255,1);
  465. font-size: 28rpx;
  466. font-family: PingFangSC-Regular;
  467. white-space: nowrap;
  468. line-height: 28rpx;
  469. text-align: left;
  470. }
  471. .group9 {
  472. width: 710rpx;
  473. height: 1042rpx;
  474. display: flex;
  475. flex-direction: column;
  476. justify-content: space-between;
  477. margin: 20rpx 0 0 20rpx;
  478. }
  479. .section8-0 {
  480. z-index: 3;
  481. height: 511rpx;
  482. border-radius: 8rpx;
  483. background-color: rgba(255,255,255,1);
  484. margin-bottom: 20rpx;
  485. display: flex;
  486. flex-direction: column;
  487. width: 710rpx;
  488. position: relative;
  489. justify-content: center;
  490. }
  491. .main2-0 {
  492. width: 710rpx;
  493. height: 463rpx;
  494. display: flex;
  495. flex-direction: column;
  496. }
  497. .box1-0 {
  498. width: 650rpx;
  499. height: 26rpx;
  500. margin-left: 30rpx;
  501. flex-direction: row;
  502. display: flex;
  503. justify-content: space-between;
  504. }
  505. .word8-0 {
  506. width: 337rpx;
  507. height: 26rpx;
  508. display: block;
  509. overflow-wrap: break-word;
  510. color: rgba(153,153,153,1);
  511. font-size: 26rpx;
  512. font-family: PingFangSC-Regular;
  513. white-space: nowrap;
  514. line-height: 26rpx;
  515. text-align: left;
  516. }
  517. .word9-0 {
  518. width: 72rpx;
  519. height: 24rpx;
  520. display: block;
  521. overflow-wrap: break-word;
  522. color: rgba(255,102,61,1);
  523. font-size: 24rpx;
  524. font-family: PingFangSC-Regular;
  525. white-space: nowrap;
  526. line-height: 24rpx;
  527. text-align: right;
  528. }
  529. .box2-0 {
  530. height: 134rpx;
  531. background-color: rgba(249,249,249,1);
  532. display: flex;
  533. flex-direction: column;
  534. padding-left: 30rpx;
  535. width: 650rpx;
  536. justify-content: center;
  537. margin: 24rpx 0 0 30rpx;
  538. }
  539. .box3-0 {
  540. width: 208rpx;
  541. height: 94rpx;
  542. flex-direction: row;
  543. display: flex;
  544. }
  545. .box4-0 {
  546. z-index: 7;
  547. height: 94rpx;
  548. background-color: rgba(255,255,255,1);
  549. display: flex;
  550. flex-direction: column;
  551. width: 94rpx;
  552. position: relative;
  553. }
  554. .layer1-0 {
  555. width: 48rpx;
  556. height: 71rpx;
  557. background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7b8dcf095e4fc14354c4c7b06958e8d6d62992f2c0f9f7dd9774e86672c82f68) 0rpx -1rpx no-repeat;
  558. background-size: 48rpx 72rpx;
  559. display: flex;
  560. flex-direction: column;
  561. }
  562. .layer2-0 {
  563. z-index: 15;
  564. height: 30rpx;
  565. background-color: rgba(25,28,39,0.5);
  566. display: flex;
  567. flex-direction: column;
  568. padding-left: 27rpx;
  569. width: 94rpx;
  570. position: absolute;
  571. left: 0rpx;
  572. top: 64rpx;
  573. justify-content: center;
  574. }
  575. .txt3-0 {
  576. width: 39rpx;
  577. height: 20rpx;
  578. display: block;
  579. overflow-wrap: break-word;
  580. color: rgba(255,255,255,1);
  581. font-size: 20rpx;
  582. font-family: PingFangSC-Regular;
  583. white-space: nowrap;
  584. line-height: 20rpx;
  585. text-align: center;
  586. }
  587. .box6-0 {
  588. z-index: 11;
  589. height: 94rpx;
  590. background-color: rgba(255,255,255,1);
  591. margin-left: 20rpx;
  592. display: flex;
  593. flex-direction: column;
  594. width: 94rpx;
  595. position: relative;
  596. }
  597. .bd5-0 {
  598. width: 71rpx;
  599. height: 71rpx;
  600. background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge6abbedff387a8dda02710b807819b5ddfcd71d3f039a18941c69f47c6746544) 2rpx -1rpx no-repeat;
  601. background-size: 67rpx 72rpx;
  602. display: flex;
  603. flex-direction: column;
  604. }
  605. .bd6-0 {
  606. z-index: 13;
  607. height: 30rpx;
  608. background-color: rgba(25,28,39,0.5);
  609. display: flex;
  610. flex-direction: column;
  611. padding-left: 25rpx;
  612. width: 94rpx;
  613. position: absolute;
  614. left: 0rpx;
  615. top: 64rpx;
  616. justify-content: center;
  617. }
  618. .word10-0 {
  619. width: 43rpx;
  620. height: 20rpx;
  621. display: block;
  622. overflow-wrap: break-word;
  623. color: rgba(255,255,255,1);
  624. font-size: 20rpx;
  625. font-family: PingFangSC-Regular;
  626. white-space: nowrap;
  627. line-height: 20rpx;
  628. text-align: center;
  629. }
  630. .box7-0 {
  631. width: 650rpx;
  632. height: 24rpx;
  633. flex-direction: row;
  634. display: flex;
  635. justify-content: space-between;
  636. margin: 24rpx 0 0 30rpx;
  637. }
  638. .info5-0 {
  639. width: 355rpx;
  640. height: 24rpx;
  641. display: block;
  642. overflow-wrap: break-word;
  643. color: rgba(153,153,153,1);
  644. font-size: 24rpx;
  645. font-family: PingFangSC-Regular;
  646. white-space: nowrap;
  647. line-height: 24rpx;
  648. text-align: left;
  649. }
  650. .word11-0 {
  651. width: 111rpx;
  652. height: 24rpx;
  653. display: block;
  654. overflow-wrap: break-word;
  655. color: rgba(153,153,153,1);
  656. font-size: 24rpx;
  657. font-family: PingFangSC-Regular;
  658. white-space: nowrap;
  659. line-height: 24rpx;
  660. text-align: left;
  661. }
  662. .box8-0 {
  663. width: 710rpx;
  664. height: 1rpx;
  665. background-color: rgba(237,237,237,1);
  666. margin-top: 24rpx;
  667. display: flex;
  668. flex-direction: column;
  669. }
  670. .info6-0 {
  671. width: 112rpx;
  672. height: 28rpx;
  673. display: block;
  674. overflow-wrap: break-word;
  675. color: rgba(51,51,51,1);
  676. font-size: 28rpx;
  677. font-family: PingFangSC-Medium;
  678. white-space: nowrap;
  679. line-height: 28rpx;
  680. text-align: left;
  681. margin: 24rpx 0 0 30rpx;
  682. }
  683. .word12-0 {
  684. width: 655rpx;
  685. height: 56rpx;
  686. display: block;
  687. overflow-wrap: break-word;
  688. color: rgba(102,102,102,1);
  689. font-size: 24rpx;
  690. font-family: PingFangSC-Regular;
  691. line-height: 24rpx;
  692. text-align: left;
  693. overflow: hidden;
  694. text-overflow: ellipsis;
  695. margin: 16rpx 0 0 30rpx;
  696. }
  697. .box9-0 {
  698. height: 58rpx;
  699. border-radius: 6rpx;
  700. border: 1px solid rgba(82,161,255,1);
  701. display: flex;
  702. flex-direction: column;
  703. width: 144rpx;
  704. justify-content: center;
  705. align-items: center;
  706. margin: 24rpx 0 0 536rpx;
  707. }
  708. .word13-0 {
  709. width: 104rpx;
  710. height: 26rpx;
  711. display: block;
  712. overflow-wrap: break-word;
  713. color: rgba(82,161,255,1);
  714. font-size: 26rpx;
  715. font-family: PingFangSC-Regular;
  716. white-space: nowrap;
  717. line-height: 26rpx;
  718. text-align: center;
  719. }
  720. .section8-1 {
  721. z-index: 3;
  722. height: 511rpx;
  723. border-radius: 8rpx;
  724. background-color: rgba(255,255,255,1);
  725. margin-bottom: 20rpx;
  726. display: flex;
  727. flex-direction: column;
  728. width: 710rpx;
  729. position: relative;
  730. justify-content: center;
  731. }
  732. .main2-1 {
  733. width: 710rpx;
  734. height: 463rpx;
  735. display: flex;
  736. flex-direction: column;
  737. }
  738. .box1-1 {
  739. width: 650rpx;
  740. height: 26rpx;
  741. margin-left: 30rpx;
  742. flex-direction: row;
  743. display: flex;
  744. justify-content: space-between;
  745. }
  746. .word8-1 {
  747. width: 337rpx;
  748. height: 26rpx;
  749. display: block;
  750. overflow-wrap: break-word;
  751. color: rgba(153,153,153,1);
  752. font-size: 26rpx;
  753. font-family: PingFangSC-Regular;
  754. white-space: nowrap;
  755. line-height: 26rpx;
  756. text-align: left;
  757. }
  758. .word9-1 {
  759. width: 72rpx;
  760. height: 24rpx;
  761. display: block;
  762. overflow-wrap: break-word;
  763. color: rgba(255,102,61,1);
  764. font-size: 24rpx;
  765. font-family: PingFangSC-Regular;
  766. white-space: nowrap;
  767. line-height: 24rpx;
  768. text-align: right;
  769. }
  770. .box2-1 {
  771. height: 134rpx;
  772. background-color: rgba(249,249,249,1);
  773. display: flex;
  774. flex-direction: column;
  775. padding-left: 30rpx;
  776. width: 650rpx;
  777. justify-content: center;
  778. margin: 24rpx 0 0 30rpx;
  779. }
  780. .box3-1 {
  781. width: 208rpx;
  782. height: 94rpx;
  783. flex-direction: row;
  784. display: flex;
  785. }
  786. .box4-1 {
  787. z-index: 7;
  788. height: 94rpx;
  789. background-color: rgba(255,255,255,1);
  790. display: flex;
  791. flex-direction: column;
  792. width: 94rpx;
  793. position: relative;
  794. }
  795. .layer1-1 {
  796. /* width: 48rpx;
  797. height: 71rpx; */
  798. display: flex;
  799. flex-direction: column;
  800. }
  801. image{
  802. width: 94rpx;
  803. height: 94rpx;
  804. }
  805. .box5-1 {
  806. width: 60rpx;
  807. height: 80rpx;
  808. display: flex;
  809. flex-direction: column;
  810. justify-content: space-between;
  811. margin: 7rpx 30rpx 0 24rpx;
  812. }
  813. .txt4-1 {
  814. width: 60rpx;
  815. height: 30rpx;
  816. display: block;
  817. overflow-wrap: break-word;
  818. color: rgba(51,51,51,1);
  819. font-size: 30rpx;
  820. font-family: PingFangSC-Regular;
  821. white-space: nowrap;
  822. line-height: 30rpx;
  823. text-align: center;
  824. }
  825. .info4-1 {
  826. width: 24rpx;
  827. height: 26rpx;
  828. display: block;
  829. overflow-wrap: break-word;
  830. color: rgba(153,153,153,1);
  831. font-size: 26rpx;
  832. font-family: PingFangSC-Regular;
  833. white-space: nowrap;
  834. line-height: 26rpx;
  835. text-align: center;
  836. margin-top: 24rpx;
  837. }
  838. .box7-1 {
  839. width: 650rpx;
  840. height: 24rpx;
  841. flex-direction: row;
  842. display: flex;
  843. justify-content: space-between;
  844. margin: 24rpx 0 0 30rpx;
  845. }
  846. .info5-1 {
  847. width: 355rpx;
  848. height: 24rpx;
  849. display: block;
  850. overflow-wrap: break-word;
  851. color: rgba(153,153,153,1);
  852. font-size: 24rpx;
  853. font-family: PingFangSC-Regular;
  854. white-space: nowrap;
  855. line-height: 24rpx;
  856. text-align: left;
  857. }
  858. .word11-1 {
  859. width: 111rpx;
  860. height: 24rpx;
  861. display: block;
  862. overflow-wrap: break-word;
  863. color: rgba(153,153,153,1);
  864. font-size: 24rpx;
  865. font-family: PingFangSC-Regular;
  866. white-space: nowrap;
  867. line-height: 24rpx;
  868. text-align: left;
  869. }
  870. .box8-1 {
  871. width: 710rpx;
  872. height: 1rpx;
  873. background-color: rgba(237,237,237,1);
  874. margin-top: 24rpx;
  875. display: flex;
  876. flex-direction: column;
  877. }
  878. .info6-1 {
  879. width: 112rpx;
  880. height: 28rpx;
  881. display: block;
  882. overflow-wrap: break-word;
  883. color: rgba(51,51,51,1);
  884. font-size: 28rpx;
  885. font-family: PingFangSC-Medium;
  886. white-space: nowrap;
  887. line-height: 28rpx;
  888. text-align: left;
  889. margin: 24rpx 0 0 30rpx;
  890. }
  891. .word12-1 {
  892. width: 655rpx;
  893. height: 56rpx;
  894. display: block;
  895. overflow-wrap: break-word;
  896. color: rgba(102,102,102,1);
  897. font-size: 24rpx;
  898. font-family: PingFangSC-Regular;
  899. line-height: 24rpx;
  900. text-align: left;
  901. overflow: hidden;
  902. text-overflow: ellipsis;
  903. margin: 16rpx 0 0 30rpx;
  904. }
  905. .box9-1 {
  906. height: 58rpx;
  907. border-radius: 6rpx;
  908. border: 1px solid rgba(82,161,255,1);
  909. display: flex;
  910. flex-direction: column;
  911. width: 144rpx;
  912. justify-content: center;
  913. align-items: center;
  914. margin: 24rpx 0 0 536rpx;
  915. }
  916. .word13-1 {
  917. width: 104rpx;
  918. height: 26rpx;
  919. display: block;
  920. overflow-wrap: break-word;
  921. color: rgba(82,161,255,1);
  922. font-size: 26rpx;
  923. font-family: PingFangSC-Regular;
  924. white-space: nowrap;
  925. line-height: 26rpx;
  926. text-align: center;
  927. }
  928. .main3-1 {
  929. z-index: 131;
  930. height: 120rpx;
  931. box-shadow: 0px 10px 20px 0px rgba(0,37,112,0.2);
  932. border-radius: 50%;
  933. background: #52A1FF;
  934. display: flex;
  935. flex-direction: column;
  936. width: 120rpx;
  937. position: absolute;
  938. left: 590rpx;
  939. align-items: center;
  940. }
  941. .block1-1 {
  942. width: 66rpx;
  943. height: 110rpx;
  944. /* display: flex;
  945. flex-direction: column;
  946. justify-content: space-between; */
  947. line-height: 70rpx;
  948. text-align: center;
  949. }
  950. .label1-1 {
  951. width: 32rpx;
  952. height: 32rpx;
  953. margin: auto;
  954. }
  955. .word14-1 {
  956. width: 66rpx;
  957. height: 22rpx;
  958. display: block;
  959. overflow-wrap: break-word;
  960. color: rgba(255,255,255,1);
  961. font-size: 22rpx;
  962. font-family: PingFangSC-Regular;
  963. white-space: nowrap;
  964. line-height: 22rpx;
  965. text-align: left;
  966. margin-top: auto;
  967. }
  968. .group10 {
  969. height: 148rpx;
  970. border-radius: NaNrpx;
  971. background-color: rgba(255,255,255,1);
  972. margin-top: 24rpx;
  973. display: flex;
  974. flex-direction: column;
  975. width: 750rpx;
  976. justify-content: center;
  977. align-items: center;
  978. }
  979. .section9 {
  980. width: 690rpx;
  981. height: 88rpx;
  982. flex-direction: row;
  983. display: flex;
  984. justify-content: space-between;
  985. }
  986. .outer1 {
  987. height: 88rpx;
  988. border-radius: 8rpx;
  989. background-color: rgba(82,161,255,1);
  990. box-shadow: 0px 10px 20px 0px rgba(51,145,236,0.3);
  991. display: flex;
  992. flex-direction: column;
  993. width: 330rpx;
  994. justify-content: center;
  995. align-items: center;
  996. }
  997. .word15 {
  998. width: 64rpx;
  999. height: 32rpx;
  1000. display: block;
  1001. overflow-wrap: break-word;
  1002. color: rgba(255,255,255,1);
  1003. font-size: 32rpx;
  1004. font-family: PingFangSC-Medium;
  1005. white-space: nowrap;
  1006. line-height: 32rpx;
  1007. text-align: center;
  1008. }
  1009. .outer2 {
  1010. height: 88rpx;
  1011. border-radius: 8rpx;
  1012. background-color: rgba(82,161,255,1);
  1013. box-shadow: 0px 10px 20px 0px rgba(51,145,236,0.3);
  1014. display: flex;
  1015. flex-direction: column;
  1016. width: 330rpx;
  1017. justify-content: center;
  1018. align-items: center;
  1019. }
  1020. .txt5 {
  1021. width: 64rpx;
  1022. height: 32rpx;
  1023. display: block;
  1024. overflow-wrap: break-word;
  1025. color: rgba(255,255,255,1);
  1026. font-size: 32rpx;
  1027. font-family: PingFangSC-Medium;
  1028. white-space: nowrap;
  1029. line-height: 32rpx;
  1030. text-align: center;
  1031. }
  1032. .group11 {
  1033. z-index: 82;
  1034. height: 88rpx;
  1035. background-color: rgba(255,255,255,1);
  1036. display: flex;
  1037. flex-direction: column;
  1038. padding-left: 24rpx;
  1039. width: 750rpx;
  1040. position: absolute;
  1041. left: 0rpx;
  1042. top: 40rpx;
  1043. justify-content: center;
  1044. }
  1045. .wrap2 {
  1046. width: 710rpx;
  1047. height: 64rpx;
  1048. flex-direction: row;
  1049. display: flex;
  1050. }
  1051. .icon2 {
  1052. width: 48rpx;
  1053. height: 48rpx;
  1054. margin-top: 8rpx;
  1055. }
  1056. .word16 {
  1057. width: 108rpx;
  1058. height: 36rpx;
  1059. display: block;
  1060. overflow-wrap: break-word;
  1061. color: rgba(51,51,51,1);
  1062. font-size: 36rpx;
  1063. font-family: PingFangSC-Medium;
  1064. white-space: nowrap;
  1065. line-height: 36rpx;
  1066. text-align: left;
  1067. margin: 14rpx 0 0 249rpx;
  1068. }
  1069. .img1 {
  1070. width: 174rpx;
  1071. height: 64rpx;
  1072. margin-left: 131rpx;
  1073. }
  1074. .group12 {
  1075. z-index: 122;
  1076. position: absolute;
  1077. left: 0rpx;
  1078. top: 443rpx;
  1079. width: 750rpx;
  1080. height: 1rpx;
  1081. background-color: rgba(237,237,237,1);
  1082. display: flex;
  1083. flex-direction: column;
  1084. }