index.wxss 23 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189
  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. background: #fff;
  314. }
  315. .section4 {
  316. height: 80rpx;
  317. background-color: rgba(255,255,255,1);
  318. display: flex;
  319. flex-direction: column;
  320. width: 187rpx;
  321. padding: 25rpx 0 0 33rpx;
  322. }
  323. .wrap1 {
  324. width: 120rpx;
  325. height: 55rpx;
  326. display: flex;
  327. flex-direction: column;
  328. justify-content: space-between;
  329. }
  330. .word5 {
  331. width: 120rpx;
  332. height: 30rpx;
  333. display: block;
  334. overflow-wrap: break-word;
  335. color: rgba(82,161,255,1);
  336. font-size: 30rpx;
  337. font-family: PingFangSC-Regular;
  338. white-space: nowrap;
  339. line-height: 30rpx;
  340. text-align: left;
  341. }
  342. .group6 {
  343. width: 96rpx;
  344. height: 4rpx;
  345. background-color: rgba(82,161,255,1);
  346. display: flex;
  347. flex-direction: column;
  348. margin: 21rpx 0 0 13rpx;
  349. }
  350. .section5 {
  351. height: 80rpx;
  352. background-color: rgba(255,255,255,1);
  353. display: flex;
  354. flex-direction: column;
  355. padding-top: 22rpx;
  356. width: 188rpx;
  357. align-items: center;
  358. }
  359. .info2 {
  360. width: 120rpx;
  361. height: 30rpx;
  362. display: block;
  363. overflow-wrap: break-word;
  364. color: rgba(51,51,51,1);
  365. font-size: 30rpx;
  366. font-family: PingFangSC-Regular;
  367. white-space: nowrap;
  368. line-height: 30rpx;
  369. text-align: left;
  370. }
  371. .section6 {
  372. height: 80rpx;
  373. background-color: rgba(255,255,255,1);
  374. display: flex;
  375. flex-direction: column;
  376. width: 188rpx;
  377. padding: 22rpx 0 0 34rpx;
  378. }
  379. .info3 {
  380. width: 90rpx;
  381. height: 30rpx;
  382. display: block;
  383. overflow-wrap: break-word;
  384. color: rgba(51,51,51,1);
  385. font-size: 30rpx;
  386. font-family: PingFangSC-Regular;
  387. white-space: nowrap;
  388. line-height: 30rpx;
  389. text-align: left;
  390. }
  391. .section7 {
  392. height: 80rpx;
  393. background-color: rgba(255,255,255,1);
  394. display: flex;
  395. flex-direction: column;
  396. width: 187rpx;
  397. padding: 22rpx 0 0 34rpx;
  398. }
  399. .word6 {
  400. width: 90rpx;
  401. height: 30rpx;
  402. display: block;
  403. overflow-wrap: break-word;
  404. color: rgba(51,51,51,1);
  405. font-size: 30rpx;
  406. font-family: PingFangSC-Regular;
  407. white-space: nowrap;
  408. line-height: 30rpx;
  409. text-align: left;
  410. }
  411. .group7 {
  412. height: 128rpx;
  413. background-color: rgba(255,255,255,1);
  414. display: flex;
  415. flex-direction: column;
  416. width: 750rpx;
  417. justify-content: center;
  418. align-items: center;
  419. }
  420. .group8 {
  421. width: 690rpx;
  422. height: 80rpx;
  423. flex-direction: row;
  424. display: flex;
  425. justify-content: space-between;
  426. }
  427. .bd3 {
  428. height: 80rpx;
  429. border-radius: 8rpx;
  430. background-color: rgba(246,246,246,1);
  431. display: flex;
  432. flex-direction: column;
  433. padding-left: 30rpx;
  434. width: 524rpx;
  435. justify-content: center;
  436. }
  437. .word7 {
  438. width: 240rpx;
  439. height: 24rpx;
  440. display: block;
  441. overflow-wrap: break-word;
  442. color: rgba(102,102,102,1);
  443. font-size: 24rpx;
  444. font-family: PingFangSC-Regular;
  445. white-space: nowrap;
  446. line-height: 24rpx;
  447. text-align: left;
  448. }
  449. .bd4 {
  450. height: 68rpx;
  451. border-radius: 8rpx;
  452. background-color: rgba(82,161,255,1);
  453. margin-top: 6rpx;
  454. display: flex;
  455. flex-direction: column;
  456. width: 136rpx;
  457. justify-content: center;
  458. align-items: center;
  459. }
  460. .txt2 {
  461. width: 56rpx;
  462. height: 28rpx;
  463. display: block;
  464. overflow-wrap: break-word;
  465. color: rgba(255,255,255,1);
  466. font-size: 28rpx;
  467. font-family: PingFangSC-Regular;
  468. white-space: nowrap;
  469. line-height: 28rpx;
  470. text-align: left;
  471. }
  472. .group9 {
  473. width: 710rpx;
  474. display: flex;
  475. flex-direction: column;
  476. justify-content: space-between;
  477. margin: 20rpx 0 0 20rpx;
  478. }
  479. .section8-0 {
  480. border-radius: 8rpx;
  481. background-color: rgba(255,255,255,1);
  482. margin-bottom: 20rpx;
  483. display: flex;
  484. flex-direction: column;
  485. width: 710rpx;
  486. position: relative;
  487. justify-content: center;
  488. }
  489. .main2-0 {
  490. padding-top: 40rpx;
  491. padding-bottom: 40rpx;
  492. width: 710rpx;
  493. display: flex;
  494. flex-direction: column;
  495. }
  496. .box1-0 {
  497. width: 650rpx;
  498. height: 26rpx;
  499. margin-left: 30rpx;
  500. flex-direction: row;
  501. display: flex;
  502. justify-content: space-between;
  503. }
  504. .word8-0 {
  505. width: 337rpx;
  506. height: 26rpx;
  507. display: block;
  508. overflow-wrap: break-word;
  509. color: rgba(153,153,153,1);
  510. font-size: 26rpx;
  511. font-family: PingFangSC-Regular;
  512. white-space: nowrap;
  513. line-height: 26rpx;
  514. text-align: left;
  515. }
  516. .word9-0 {
  517. width: 72rpx;
  518. height: 24rpx;
  519. display: block;
  520. overflow-wrap: break-word;
  521. color: rgba(255,102,61,1);
  522. font-size: 24rpx;
  523. font-family: PingFangSC-Regular;
  524. white-space: nowrap;
  525. line-height: 24rpx;
  526. text-align: right;
  527. }
  528. .box2-0 {
  529. height: 134rpx;
  530. background-color: rgba(249,249,249,1);
  531. display: flex;
  532. flex-direction: column;
  533. padding-left: 30rpx;
  534. width: 650rpx;
  535. justify-content: center;
  536. margin: 24rpx 0 0 30rpx;
  537. }
  538. .box3-0 {
  539. width: 208rpx;
  540. height: 94rpx;
  541. flex-direction: row;
  542. display: flex;
  543. }
  544. .box4-0 {
  545. height: 94rpx;
  546. background-color: rgba(255,255,255,1);
  547. display: flex;
  548. flex-direction: column;
  549. width: 94rpx;
  550. position: relative;
  551. }
  552. .layer1-0 {
  553. width: 48rpx;
  554. height: 71rpx;
  555. background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7b8dcf095e4fc14354c4c7b06958e8d6d62992f2c0f9f7dd9774e86672c82f68) 0rpx -1rpx no-repeat;
  556. background-size: 48rpx 72rpx;
  557. display: flex;
  558. flex-direction: column;
  559. }
  560. .layer2-0 {
  561. height: 30rpx;
  562. background-color: rgba(25,28,39,0.5);
  563. display: flex;
  564. flex-direction: column;
  565. padding-left: 27rpx;
  566. width: 94rpx;
  567. position: absolute;
  568. left: 0rpx;
  569. top: 64rpx;
  570. justify-content: center;
  571. }
  572. .txt3-0 {
  573. width: 39rpx;
  574. height: 20rpx;
  575. display: block;
  576. overflow-wrap: break-word;
  577. color: rgba(255,255,255,1);
  578. font-size: 20rpx;
  579. font-family: PingFangSC-Regular;
  580. white-space: nowrap;
  581. line-height: 20rpx;
  582. text-align: center;
  583. }
  584. .box6-0 {
  585. height: 94rpx;
  586. background-color: rgba(255,255,255,1);
  587. margin-left: 20rpx;
  588. display: flex;
  589. flex-direction: column;
  590. width: 94rpx;
  591. position: relative;
  592. }
  593. .bd5-0 {
  594. width: 71rpx;
  595. height: 71rpx;
  596. background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge6abbedff387a8dda02710b807819b5ddfcd71d3f039a18941c69f47c6746544) 2rpx -1rpx no-repeat;
  597. background-size: 67rpx 72rpx;
  598. display: flex;
  599. flex-direction: column;
  600. }
  601. .bd6-0 {
  602. height: 30rpx;
  603. background-color: rgba(25,28,39,0.5);
  604. display: flex;
  605. flex-direction: column;
  606. padding-left: 25rpx;
  607. width: 94rpx;
  608. position: absolute;
  609. left: 0rpx;
  610. top: 64rpx;
  611. justify-content: center;
  612. }
  613. .word10-0 {
  614. width: 43rpx;
  615. height: 20rpx;
  616. display: block;
  617. overflow-wrap: break-word;
  618. color: rgba(255,255,255,1);
  619. font-size: 20rpx;
  620. font-family: PingFangSC-Regular;
  621. white-space: nowrap;
  622. line-height: 20rpx;
  623. text-align: center;
  624. }
  625. .box7-0 {
  626. width: 650rpx;
  627. height: 24rpx;
  628. flex-direction: row;
  629. display: flex;
  630. justify-content: space-between;
  631. margin: 24rpx 0 0 30rpx;
  632. }
  633. .info5-0 {
  634. width: 355rpx;
  635. height: 24rpx;
  636. display: block;
  637. overflow-wrap: break-word;
  638. color: rgba(153,153,153,1);
  639. font-size: 24rpx;
  640. font-family: PingFangSC-Regular;
  641. white-space: nowrap;
  642. line-height: 24rpx;
  643. text-align: left;
  644. }
  645. .word11-0 {
  646. width: 111rpx;
  647. height: 24rpx;
  648. display: block;
  649. overflow-wrap: break-word;
  650. color: rgba(153,153,153,1);
  651. font-size: 24rpx;
  652. font-family: PingFangSC-Regular;
  653. white-space: nowrap;
  654. line-height: 24rpx;
  655. text-align: left;
  656. }
  657. .box8-0 {
  658. width: 710rpx;
  659. height: 1rpx;
  660. background-color: rgba(237,237,237,1);
  661. margin-top: 24rpx;
  662. display: flex;
  663. flex-direction: column;
  664. }
  665. .info6-0 {
  666. width: 112rpx;
  667. height: 28rpx;
  668. display: block;
  669. overflow-wrap: break-word;
  670. color: rgba(51,51,51,1);
  671. font-size: 28rpx;
  672. font-family: PingFangSC-Medium;
  673. white-space: nowrap;
  674. line-height: 28rpx;
  675. text-align: left;
  676. margin: 24rpx 0 0 30rpx;
  677. }
  678. .word12-0 {
  679. width: 655rpx;
  680. height: 56rpx;
  681. display: block;
  682. overflow-wrap: break-word;
  683. color: rgba(102,102,102,1);
  684. font-size: 24rpx;
  685. font-family: PingFangSC-Regular;
  686. line-height: 24rpx;
  687. text-align: left;
  688. overflow: hidden;
  689. text-overflow: ellipsis;
  690. margin: 16rpx 0 0 30rpx;
  691. }
  692. .box9-0 {
  693. height: 58rpx;
  694. border-radius: 6rpx;
  695. border: 1px solid rgba(82,161,255,1);
  696. display: flex;
  697. flex-direction: column;
  698. width: 144rpx;
  699. justify-content: center;
  700. align-items: center;
  701. margin: 24rpx 0 0 536rpx;
  702. }
  703. .word13-0 {
  704. width: 104rpx;
  705. height: 26rpx;
  706. display: block;
  707. overflow-wrap: break-word;
  708. color: rgba(82,161,255,1);
  709. font-size: 26rpx;
  710. font-family: PingFangSC-Regular;
  711. white-space: nowrap;
  712. line-height: 26rpx;
  713. text-align: center;
  714. }
  715. .section8-1 {
  716. height: 511rpx;
  717. border-radius: 8rpx;
  718. background-color: rgba(255,255,255,1);
  719. margin-bottom: 20rpx;
  720. display: flex;
  721. flex-direction: column;
  722. width: 710rpx;
  723. position: relative;
  724. justify-content: center;
  725. }
  726. .main2-1 {
  727. width: 710rpx;
  728. height: 463rpx;
  729. display: flex;
  730. flex-direction: column;
  731. }
  732. .box1-1 {
  733. width: 650rpx;
  734. height: 26rpx;
  735. margin-left: 30rpx;
  736. flex-direction: row;
  737. display: flex;
  738. justify-content: space-between;
  739. }
  740. .word8-1 {
  741. width: 337rpx;
  742. height: 26rpx;
  743. display: block;
  744. overflow-wrap: break-word;
  745. color: rgba(153,153,153,1);
  746. font-size: 26rpx;
  747. font-family: PingFangSC-Regular;
  748. white-space: nowrap;
  749. line-height: 26rpx;
  750. text-align: left;
  751. }
  752. .word9-1 {
  753. width: 72rpx;
  754. height: 24rpx;
  755. display: block;
  756. overflow-wrap: break-word;
  757. color: rgba(255,102,61,1);
  758. font-size: 24rpx;
  759. font-family: PingFangSC-Regular;
  760. white-space: nowrap;
  761. line-height: 24rpx;
  762. text-align: right;
  763. }
  764. .box2-1 {
  765. height: 134rpx;
  766. background-color: rgba(249,249,249,1);
  767. display: flex;
  768. flex-direction: column;
  769. padding-left: 30rpx;
  770. width: 650rpx;
  771. justify-content: center;
  772. margin: 24rpx 0 0 30rpx;
  773. }
  774. .box3-1 {
  775. width: 208rpx;
  776. height: 94rpx;
  777. flex-direction: row;
  778. display: flex;
  779. }
  780. .box4-1 {
  781. height: 94rpx;
  782. background-color: rgba(255,255,255,1);
  783. display: flex;
  784. flex-direction: column;
  785. width: 94rpx;
  786. position: relative;
  787. }
  788. .layer1-1 {
  789. /* width: 48rpx;
  790. height: 71rpx; */
  791. display: flex;
  792. flex-direction: column;
  793. }
  794. image{
  795. width: 94rpx;
  796. height: 94rpx;
  797. }
  798. .box5-1 {
  799. width: 60rpx;
  800. height: 80rpx;
  801. display: flex;
  802. flex-direction: column;
  803. justify-content: space-between;
  804. margin: 7rpx 30rpx 0 24rpx;
  805. }
  806. .txt4-1 {
  807. width: 60rpx;
  808. height: 30rpx;
  809. display: block;
  810. overflow-wrap: break-word;
  811. color: rgba(51,51,51,1);
  812. font-size: 30rpx;
  813. font-family: PingFangSC-Regular;
  814. white-space: nowrap;
  815. line-height: 30rpx;
  816. text-align: center;
  817. }
  818. .info4-1 {
  819. width: 24rpx;
  820. height: 26rpx;
  821. display: block;
  822. overflow-wrap: break-word;
  823. color: rgba(153,153,153,1);
  824. font-size: 26rpx;
  825. font-family: PingFangSC-Regular;
  826. white-space: nowrap;
  827. line-height: 26rpx;
  828. text-align: center;
  829. margin-top: 24rpx;
  830. }
  831. .box7-1 {
  832. width: 650rpx;
  833. height: 24rpx;
  834. flex-direction: row;
  835. display: flex;
  836. justify-content: space-between;
  837. margin: 24rpx 0 0 30rpx;
  838. }
  839. .info5-1 {
  840. width: 355rpx;
  841. height: 24rpx;
  842. display: block;
  843. overflow-wrap: break-word;
  844. color: rgba(153,153,153,1);
  845. font-size: 24rpx;
  846. font-family: PingFangSC-Regular;
  847. white-space: nowrap;
  848. line-height: 24rpx;
  849. text-align: left;
  850. }
  851. .word11-1 {
  852. width: 111rpx;
  853. height: 24rpx;
  854. display: block;
  855. overflow-wrap: break-word;
  856. color: rgba(153,153,153,1);
  857. font-size: 24rpx;
  858. font-family: PingFangSC-Regular;
  859. white-space: nowrap;
  860. line-height: 24rpx;
  861. text-align: left;
  862. }
  863. .box8-1 {
  864. width: 710rpx;
  865. height: 1rpx;
  866. background-color: rgba(237,237,237,1);
  867. margin-top: 24rpx;
  868. display: flex;
  869. flex-direction: column;
  870. }
  871. .info6-1 {
  872. width: 112rpx;
  873. height: 28rpx;
  874. display: block;
  875. overflow-wrap: break-word;
  876. color: rgba(51,51,51,1);
  877. font-size: 28rpx;
  878. font-family: PingFangSC-Medium;
  879. white-space: nowrap;
  880. line-height: 28rpx;
  881. text-align: left;
  882. margin: 24rpx 0 0 30rpx;
  883. }
  884. .word12-1 {
  885. width: 655rpx;
  886. height: 56rpx;
  887. display: block;
  888. overflow-wrap: break-word;
  889. color: rgba(102,102,102,1);
  890. font-size: 24rpx;
  891. font-family: PingFangSC-Regular;
  892. line-height: 24rpx;
  893. text-align: left;
  894. overflow: hidden;
  895. text-overflow: ellipsis;
  896. margin: 16rpx 0 0 30rpx;
  897. }
  898. .box9-1 {
  899. height: 58rpx;
  900. border-radius: 6rpx;
  901. border: 1px solid rgba(82,161,255,1);
  902. display: flex;
  903. flex-direction: column;
  904. width: 144rpx;
  905. justify-content: center;
  906. align-items: center;
  907. margin: 24rpx 0 0 536rpx;
  908. }
  909. .word13-1 {
  910. width: 104rpx;
  911. height: 26rpx;
  912. display: block;
  913. overflow-wrap: break-word;
  914. color: rgba(82,161,255,1);
  915. font-size: 26rpx;
  916. font-family: PingFangSC-Regular;
  917. white-space: nowrap;
  918. line-height: 26rpx;
  919. text-align: center;
  920. }
  921. .main3-1 {
  922. height: 120rpx;
  923. box-shadow: 0px 10px 20px 0px rgba(0,37,112,0.2);
  924. border-radius: 50%;
  925. background: #52A1FF;
  926. display: flex;
  927. flex-direction: column;
  928. width: 120rpx;
  929. position: absolute;
  930. left: 590rpx;
  931. align-items: center;
  932. }
  933. .block1-1 {
  934. width: 66rpx;
  935. height: 110rpx;
  936. /* display: flex;
  937. flex-direction: column;
  938. justify-content: space-between; */
  939. line-height: 70rpx;
  940. text-align: center;
  941. }
  942. .label1-1 {
  943. width: 32rpx;
  944. height: 32rpx;
  945. margin: auto;
  946. }
  947. .word14-1 {
  948. width: 66rpx;
  949. height: 22rpx;
  950. display: block;
  951. overflow-wrap: break-word;
  952. color: rgba(255,255,255,1);
  953. font-size: 22rpx;
  954. font-family: PingFangSC-Regular;
  955. white-space: nowrap;
  956. line-height: 22rpx;
  957. text-align: left;
  958. margin-top: auto;
  959. }
  960. .group10 {
  961. height: 148rpx;
  962. border-radius:24px 24px 0px 0px;
  963. background-color: rgba(255,255,255,1);
  964. margin-top: 24rpx;
  965. display: flex;
  966. flex-direction: column;
  967. width: 750rpx;
  968. justify-content: center;
  969. align-items: center;
  970. position: fixed;
  971. bottom: 0;
  972. }
  973. .section9 {
  974. width: 690rpx;
  975. height: 88rpx;
  976. flex-direction: row;
  977. display: flex;
  978. justify-content: space-between;
  979. }
  980. .outer1 {
  981. height: 88rpx;
  982. border-radius: 8rpx;
  983. background-color: rgba(82,161,255,1);
  984. box-shadow: 0px 10px 20px 0px rgba(51,145,236,0.3);
  985. display: flex;
  986. flex-direction: column;
  987. width: 330rpx;
  988. justify-content: center;
  989. align-items: center;
  990. }
  991. .word15 {
  992. width: 64rpx;
  993. height: 32rpx;
  994. display: block;
  995. overflow-wrap: break-word;
  996. color: rgba(255,255,255,1);
  997. font-size: 32rpx;
  998. font-family: PingFangSC-Medium;
  999. white-space: nowrap;
  1000. line-height: 32rpx;
  1001. text-align: center;
  1002. }
  1003. .outer2 {
  1004. height: 88rpx;
  1005. border-radius: 8rpx;
  1006. background-color: rgba(82,161,255,1);
  1007. box-shadow: 0px 10px 20px 0px rgba(51,145,236,0.3);
  1008. display: flex;
  1009. flex-direction: column;
  1010. width: 330rpx;
  1011. justify-content: center;
  1012. align-items: center;
  1013. }
  1014. .txt5 {
  1015. width: 64rpx;
  1016. height: 32rpx;
  1017. display: block;
  1018. overflow-wrap: break-word;
  1019. color: rgba(255,255,255,1);
  1020. font-size: 32rpx;
  1021. font-family: PingFangSC-Medium;
  1022. white-space: nowrap;
  1023. line-height: 32rpx;
  1024. text-align: center;
  1025. }
  1026. .group11 {
  1027. height: 88rpx;
  1028. background-color: rgba(255,255,255,1);
  1029. display: flex;
  1030. flex-direction: column;
  1031. padding-left: 24rpx;
  1032. width: 750rpx;
  1033. position: absolute;
  1034. left: 0rpx;
  1035. top: 40rpx;
  1036. justify-content: center;
  1037. }
  1038. .wrap2 {
  1039. width: 710rpx;
  1040. height: 64rpx;
  1041. flex-direction: row;
  1042. display: flex;
  1043. }
  1044. .icon2 {
  1045. width: 48rpx;
  1046. height: 48rpx;
  1047. margin-top: 8rpx;
  1048. }
  1049. .word16 {
  1050. width: 108rpx;
  1051. height: 36rpx;
  1052. display: block;
  1053. overflow-wrap: break-word;
  1054. color: rgba(51,51,51,1);
  1055. font-size: 36rpx;
  1056. font-family: PingFangSC-Medium;
  1057. white-space: nowrap;
  1058. line-height: 36rpx;
  1059. text-align: left;
  1060. margin: 14rpx 0 0 249rpx;
  1061. }
  1062. .img1 {
  1063. width: 174rpx;
  1064. height: 64rpx;
  1065. margin-left: 131rpx;
  1066. }
  1067. .group12 {
  1068. position: absolute;
  1069. left: 0rpx;
  1070. top: 443rpx;
  1071. width: 750rpx;
  1072. height: 1rpx;
  1073. background-color: rgba(237,237,237,1);
  1074. display: flex;
  1075. flex-direction: column;
  1076. }
  1077. .section10 {
  1078. height: 386rpx;
  1079. border-radius: 16rpx;
  1080. background-color: rgba(255,255,255,1);
  1081. width: 690rpx;
  1082. display: flex;
  1083. flex-direction: column;
  1084. }
  1085. .layer1 {
  1086. width: 405rpx;
  1087. height: 60rpx;
  1088. flex-direction: row;
  1089. display: flex;
  1090. justify-content: space-between;
  1091. margin: 20rpx 0 0 265rpx;
  1092. }
  1093. .txt5 {
  1094. width: 160rpx;
  1095. height: 32rpx;
  1096. display: block;
  1097. overflow-wrap: break-word;
  1098. color: rgba(51,51,51,1);
  1099. font-size: 32rpx;
  1100. font-family: PingFangSC-Medium;
  1101. white-space: nowrap;
  1102. line-height: 32rpx;
  1103. text-align: left;
  1104. margin-top: 28rpx;
  1105. }
  1106. .icon2 {
  1107. width: 32rpx;
  1108. height: 32rpx;
  1109. }
  1110. .layer2 {
  1111. width: 390rpx;
  1112. height: 26rpx;
  1113. display: flex;
  1114. flex-direction: row;
  1115. margin: 32rpx 0 0 150rpx;
  1116. }
  1117. .txt6 {
  1118. width: 390rpx;
  1119. height: 26rpx;
  1120. display: block;
  1121. overflow-wrap: break-word;
  1122. color: rgba(153,153,153,1);
  1123. font-size: 26rpx;
  1124. font-family: PingFangSC-Regular;
  1125. white-space: nowrap;
  1126. line-height: 26rpx;
  1127. text-align: left;
  1128. }
  1129. .layer3 {
  1130. width: 580rpx;
  1131. height: 120rpx;
  1132. display: flex;
  1133. flex-direction: row;
  1134. margin: 64rpx 0 64rpx 55rpx;
  1135. }
  1136. .pic2 {
  1137. width: 580rpx;
  1138. height: 120rpx;
  1139. display: flex;
  1140. flex-flow: row nowrap;
  1141. justify-content: space-between;
  1142. position: relative;
  1143. }
  1144. .cover{
  1145. position: fixed;
  1146. left: 0;
  1147. top: 0;
  1148. width: 100%;
  1149. height: 100%;
  1150. /* z-index: 99999; */
  1151. background: rgba(0,0,0,.3);
  1152. display: flex;
  1153. flex-flow: row nowrap;
  1154. justify-content: center;
  1155. align-items: center;
  1156. }
  1157. .pic2 .input{
  1158. background: #f2f2f2;
  1159. color: #222;
  1160. width: 14%;
  1161. height: 100rpx;
  1162. line-height: 100rpx;
  1163. text-align: center;
  1164. }
  1165. .pic2 input{
  1166. position: absolute;
  1167. height: 100rpx;
  1168. line-height: 100rpx;
  1169. opacity: 0;
  1170. width: 200%;
  1171. color: #fff0;
  1172. caret-color: #FFF;
  1173. left: -100%;
  1174. top: 0;
  1175. }