lattice.wxss 30 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549
  1. .page {
  2. position: relative;
  3. width: 750rpx;
  4. height: 1334rpx;
  5. background-color: rgba(246,246,246,1);
  6. overflow: hidden;
  7. display: flex;
  8. flex-direction: column;
  9. }
  10. .box1 {
  11. width: 750rpx;
  12. height: 1334rpx;
  13. display: flex;
  14. flex-direction: column;
  15. }
  16. .main1 {
  17. height: 40rpx;
  18. background-color: rgba(255,255,255,1);
  19. display: flex;
  20. flex-direction: column;
  21. width: 750rpx;
  22. padding: 7rpx 0 0 12rpx;
  23. }
  24. .layer1 {
  25. width: 727rpx;
  26. height: 29rpx;
  27. flex-direction: row;
  28. display: flex;
  29. }
  30. .info1 {
  31. width: 66rpx;
  32. height: 29rpx;
  33. display: block;
  34. overflow-wrap: break-word;
  35. color: rgba(3,3,3,1);
  36. font-size: 24rpx;
  37. font-family: SFProText-Regular;
  38. white-space: nowrap;
  39. line-height: 29rpx;
  40. text-align: right;
  41. margin-left: 5rpx;
  42. }
  43. .pic1 {
  44. width: 53rpx;
  45. height: 23rpx;
  46. margin: 2rpx 0 0 6rpx;
  47. }
  48. .main2 {
  49. height: 88rpx;
  50. background-color: rgba(255,255,255,1);
  51. display: flex;
  52. flex-direction: column;
  53. padding-left: 24rpx;
  54. width: 750rpx;
  55. justify-content: center;
  56. }
  57. .block1 {
  58. width: 710rpx;
  59. height: 64rpx;
  60. flex-direction: row;
  61. display: flex;
  62. }
  63. .icon2 {
  64. width: 48rpx;
  65. height: 48rpx;
  66. margin-top: 8rpx;
  67. }
  68. .info2 {
  69. width: 144rpx;
  70. height: 36rpx;
  71. display: block;
  72. overflow-wrap: break-word;
  73. color: rgba(51,51,51,1);
  74. font-size: 36rpx;
  75. font-family: PingFangSC-Medium;
  76. white-space: nowrap;
  77. line-height: 36rpx;
  78. text-align: left;
  79. margin: 14rpx 0 0 231rpx;
  80. }
  81. .pic2 {
  82. width: 174rpx;
  83. height: 64rpx;
  84. margin-left: 113rpx;
  85. }
  86. .main3 {
  87. height: 232rpx;
  88. background-color: rgba(255,255,255,1);
  89. width: 750rpx;
  90. display: flex;
  91. flex-direction: column;
  92. }
  93. .mod1 {
  94. width: 690rpx;
  95. height: 30rpx;
  96. flex-direction: row;
  97. display: flex;
  98. margin: 35rpx 0 0 30rpx;
  99. }
  100. .txt1 {
  101. width: 316rpx;
  102. height: 30rpx;
  103. display: block;
  104. overflow-wrap: break-word;
  105. color: rgba(51,51,51,1);
  106. font-size: 30rpx;
  107. font-family: PingFangSC-Medium;
  108. white-space: nowrap;
  109. line-height: 30rpx;
  110. text-align: left;
  111. }
  112. .main4 {
  113. width: 12rpx;
  114. height: 12rpx;
  115. background-color: rgba(85,190,23,1);
  116. border-radius: 50%;
  117. display: flex;
  118. flex-direction: column;
  119. margin: 9rpx 0 0 300rpx;
  120. }
  121. .word3 {
  122. width: 52rpx;
  123. height: 26rpx;
  124. display: block;
  125. overflow-wrap: break-word;
  126. color: rgba(85,190,23,1);
  127. font-size: 26rpx;
  128. font-family: PingFangSC-Regular;
  129. white-space: nowrap;
  130. line-height: 26rpx;
  131. text-align: left;
  132. margin: 2rpx 0 0 10rpx;
  133. }
  134. .mod2 {
  135. width: 669rpx;
  136. height: 26rpx;
  137. flex-direction: row;
  138. display: flex;
  139. justify-content: space-between;
  140. margin: 45rpx 0 0 30rpx;
  141. }
  142. .mod3 {
  143. width: 94rpx;
  144. height: 26rpx;
  145. overflow-wrap: break-word;
  146. text-align: left;
  147. white-space: nowrap;
  148. font-size: 0rpx;
  149. }
  150. .word9 {
  151. width: 68rpx;
  152. height: 26rpx;
  153. display: block;
  154. overflow-wrap: break-word;
  155. color: rgba(153,153,153,1);
  156. font-size: 26rpx;
  157. font-family: PingFangSC-Regular;
  158. white-space: nowrap;
  159. line-height: 26rpx;
  160. text-align: left;
  161. margin-top: 2rpx;
  162. }
  163. .word4 {
  164. font-size: 26rpx;
  165. font-family: PingFangSC-Regular;
  166. color: rgba(102,102,102,1.000000);
  167. line-height: 26rpx;
  168. overflow: hidden;
  169. text-overflow: ellipsis;
  170. }
  171. .txt2 {
  172. font-size: 26rpx;
  173. font-family: PingFangSC-Medium;
  174. color: rgba(51,51,51,1.000000);
  175. line-height: 26rpx;
  176. overflow: hidden;
  177. text-overflow: ellipsis;
  178. }
  179. .mod4 {
  180. width: 94rpx;
  181. height: 26rpx;
  182. overflow-wrap: break-word;
  183. text-align: left;
  184. white-space: nowrap;
  185. font-size: 0rpx;
  186. }
  187. .word5 {
  188. font-size: 26rpx;
  189. font-family: PingFangSC-Regular;
  190. color: rgba(102,102,102,1.000000);
  191. line-height: 26rpx;
  192. overflow: hidden;
  193. text-overflow: ellipsis;
  194. }
  195. .txt3 {
  196. font-size: 26rpx;
  197. font-family: PingFangSC-Medium;
  198. color: rgba(51,51,51,1.000000);
  199. line-height: 26rpx;
  200. overflow: hidden;
  201. text-overflow: ellipsis;
  202. }
  203. .mod5 {
  204. width: 89rpx;
  205. height: 26rpx;
  206. overflow-wrap: break-word;
  207. text-align: left;
  208. white-space: nowrap;
  209. font-size: 0rpx;
  210. }
  211. .txt4 {
  212. font-size: 26rpx;
  213. font-family: PingFangSC-Regular;
  214. color: rgba(102,102,102,1.000000);
  215. line-height: 26rpx;
  216. overflow: hidden;
  217. text-overflow: ellipsis;
  218. }
  219. .txt5 {
  220. font-size: 26rpx;
  221. font-family: PingFangSC-Medium;
  222. color: rgba(51,51,51,1.000000);
  223. line-height: 26rpx;
  224. overflow: hidden;
  225. text-overflow: ellipsis;
  226. }
  227. .mod6 {
  228. width: 89rpx;
  229. height: 26rpx;
  230. overflow-wrap: break-word;
  231. text-align: left;
  232. white-space: nowrap;
  233. font-size: 0rpx;
  234. }
  235. .txt6 {
  236. font-size: 26rpx;
  237. font-family: PingFangSC-Regular;
  238. color: rgba(102,102,102,1.000000);
  239. line-height: 26rpx;
  240. overflow: hidden;
  241. text-overflow: ellipsis;
  242. }
  243. .info3 {
  244. font-size: 26rpx;
  245. font-family: PingFangSC-Medium;
  246. color: rgba(51,51,51,1.000000);
  247. line-height: 26rpx;
  248. overflow: hidden;
  249. text-overflow: ellipsis;
  250. }
  251. .mod7 {
  252. width: 89rpx;
  253. height: 26rpx;
  254. display: flex;
  255. flex-direction: row;
  256. margin: 30rpx 0 40rpx 30rpx;
  257. }
  258. .section1 {
  259. width: 89rpx;
  260. height: 26rpx;
  261. overflow-wrap: break-word;
  262. text-align: left;
  263. white-space: nowrap;
  264. font-size: 0rpx;
  265. }
  266. .info4 {
  267. font-size: 26rpx;
  268. font-family: PingFangSC-Regular;
  269. color: rgba(102,102,102,1.000000);
  270. line-height: 26rpx;
  271. overflow: hidden;
  272. text-overflow: ellipsis;
  273. }
  274. .word6 {
  275. font-size: 26rpx;
  276. font-family: PingFangSC-Medium;
  277. color: rgba(51,51,51,1.000000);
  278. line-height: 26rpx;
  279. overflow: hidden;
  280. text-overflow: ellipsis;
  281. }
  282. .main5 {
  283. height: 90rpx;
  284. background-color: rgba(255,255,255,1);
  285. margin-top: 30rpx;
  286. display: flex;
  287. flex-direction: column;
  288. padding-top: 30rpx;
  289. width: 750rpx;
  290. }
  291. .layer2 {
  292. width: 750rpx;
  293. /* height: 60rpx; */
  294. display: flex;
  295. flex-direction: column;
  296. justify-content: space-between;
  297. }
  298. .outer1 {
  299. width: 690rpx;
  300. height: 30rpx;
  301. margin-left: 30rpx;
  302. flex-direction: row;
  303. display: flex;
  304. justify-content: space-between;
  305. }
  306. .word7 {
  307. width: 120rpx;
  308. height: 30rpx;
  309. display: block;
  310. overflow-wrap: break-word;
  311. color: rgba(51,51,51,1);
  312. font-size: 30rpx;
  313. font-family: PingFangSC-Medium;
  314. white-space: nowrap;
  315. line-height: 30rpx;
  316. text-align: left;
  317. }
  318. .txt7 {
  319. width: 68rpx;
  320. height: 26rpx;
  321. display: block;
  322. overflow-wrap: break-word;
  323. color: rgba(153,153,153,1);
  324. font-size: 26rpx;
  325. font-family: PingFangSC-Regular;
  326. white-space: nowrap;
  327. line-height: 26rpx;
  328. text-align: left;
  329. margin-top: 2rpx;
  330. }
  331. .outer2 {
  332. width: 750rpx;
  333. height: 1rpx;
  334. background-color: rgba(237,237,237,1);
  335. margin-top: 29rpx;
  336. display: flex;
  337. flex-direction: column;
  338. }
  339. .main6 {
  340. height: 364rpx;
  341. background-color: rgba(255,255,255,1);
  342. display: flex;
  343. flex-direction: column;
  344. width: 750rpx;
  345. justify-content: center;
  346. align-items: center;
  347. }
  348. .layer3 {
  349. width: 692rpx;
  350. height: 284rpx;
  351. flex-wrap: wrap;
  352. display: flex;
  353. flex-direction: row;
  354. }
  355. .outer3-0 {
  356. width: 80rpx;
  357. /* height: 122rpx; */
  358. display: flex;
  359. flex-direction: column;
  360. margin: 0 59rpx 40rpx 0;
  361. }
  362. .layer4-0 {
  363. width: 80rpx;
  364. /* height: 122rpx; */
  365. display: flex;
  366. flex-direction: column;
  367. justify-content: space-between;
  368. }
  369. .main7-0 {
  370. height: 80rpx;
  371. border-radius: 50%;
  372. border: 1px solid #CCCCCC;
  373. display: flex;
  374. flex-direction: column;
  375. padding-left: 24rpx;
  376. width: 80rpx;
  377. justify-content: center;
  378. }
  379. .active-tag {
  380. background-color: #FF7300;
  381. color: #fff;
  382. border: 1px solid #FF7300;
  383. }
  384. .word8-0 {
  385. width: 30rpx;
  386. height: 50rpx;
  387. display: block;
  388. overflow-wrap: break-word;
  389. font-size: 50rpx;
  390. font-family: PingFangSC-Semibold;
  391. white-space: nowrap;
  392. line-height: 50rpx;
  393. text-align: left;
  394. }
  395. .word9-01 {
  396. width: 52rpx;
  397. height: 26rpx;
  398. display: block;
  399. overflow-wrap: break-word;
  400. font-size: 26rpx;
  401. font-family: PingFangSC-Regular;
  402. white-space: nowrap;
  403. line-height: 26rpx;
  404. text-align: center;
  405. margin: 16rpx 0 0 14rpx;
  406. color: rgba(255,115,0,1);
  407. }
  408. .outer3-1 {
  409. width: 80rpx;
  410. height: 122rpx;
  411. display: flex;
  412. flex-direction: column;
  413. margin: 0 73rpx 40rpx 0;
  414. }
  415. .layer4-1 {
  416. width: 80rpx;
  417. height: 122rpx;
  418. display: flex;
  419. flex-direction: column;
  420. justify-content: space-between;
  421. }
  422. .main7-1 {
  423. height: 80rpx;
  424. border-radius: 50%;
  425. border: 1px solid #CCCCCC;
  426. display: flex;
  427. flex-direction: column;
  428. padding-left: 24rpx;
  429. width: 80rpx;
  430. justify-content: center;
  431. }
  432. .word8-1 {
  433. width: 30rpx;
  434. height: 50rpx;
  435. display: block;
  436. overflow-wrap: break-word;
  437. color: rgba(51,51,51,1);
  438. font-size: 50rpx;
  439. font-family: PingFangSC-Semibold;
  440. white-space: nowrap;
  441. line-height: 50rpx;
  442. text-align: left;
  443. }
  444. .outer3-2 {
  445. width: 80rpx;
  446. height: 122rpx;
  447. display: flex;
  448. flex-direction: column;
  449. margin: 0 73rpx 40rpx 0;
  450. }
  451. .layer4-2 {
  452. width: 80rpx;
  453. height: 122rpx;
  454. display: flex;
  455. flex-direction: column;
  456. justify-content: space-between;
  457. }
  458. .main7-2 {
  459. height: 80rpx;
  460. border-radius: 50%;
  461. border: 1px solid #CCCCCC;
  462. display: flex;
  463. flex-direction: column;
  464. padding-left: 29rpx;
  465. width: 80rpx;
  466. justify-content: center;
  467. }
  468. .word8-2 {
  469. width: 30rpx;
  470. height: 50rpx;
  471. display: block;
  472. overflow-wrap: break-word;
  473. color: rgba(51,51,51,1);
  474. font-size: 50rpx;
  475. font-family: PingFangSC-Semibold;
  476. white-space: nowrap;
  477. line-height: 50rpx;
  478. text-align: left;
  479. }
  480. .outer3-3 {
  481. width: 80rpx;
  482. height: 122rpx;
  483. display: flex;
  484. flex-direction: column;
  485. margin: 0 73rpx 40rpx 0;
  486. }
  487. .layer4-3 {
  488. width: 80rpx;
  489. height: 122rpx;
  490. display: flex;
  491. flex-direction: column;
  492. justify-content: space-between;
  493. }
  494. .main7-3 {
  495. height: 80rpx;
  496. border-radius: 50%;
  497. border: 1px solid #CCCCCC;
  498. display: flex;
  499. flex-direction: column;
  500. padding-left: 24rpx;
  501. width: 80rpx;
  502. justify-content: center;
  503. }
  504. .word8-3 {
  505. width: 30rpx;
  506. height: 50rpx;
  507. display: block;
  508. overflow-wrap: break-word;
  509. color: rgba(51,51,51,1);
  510. font-size: 50rpx;
  511. font-family: PingFangSC-Semibold;
  512. white-space: nowrap;
  513. line-height: 50rpx;
  514. text-align: left;
  515. }
  516. .outer3-4 {
  517. width: 80rpx;
  518. height: 122rpx;
  519. display: flex;
  520. flex-direction: column;
  521. margin: 0 73rpx 40rpx 0;
  522. margin-right: 0rpx;
  523. }
  524. .layer4-4 {
  525. width: 80rpx;
  526. height: 122rpx;
  527. display: flex;
  528. flex-direction: column;
  529. justify-content: space-between;
  530. }
  531. .main7-4 {
  532. height: 80rpx;
  533. border-radius: 50%;
  534. border: 1px solid #CCCCCC;
  535. display: flex;
  536. flex-direction: column;
  537. padding-left: 24rpx;
  538. width: 80rpx;
  539. justify-content: center;
  540. }
  541. .word8-4 {
  542. width: 30rpx;
  543. height: 50rpx;
  544. display: block;
  545. overflow-wrap: break-word;
  546. color: rgba(51,51,51,1);
  547. font-size: 50rpx;
  548. font-family: PingFangSC-Semibold;
  549. white-space: nowrap;
  550. line-height: 50rpx;
  551. text-align: left;
  552. }
  553. .word9-4 {
  554. width: 52rpx;
  555. height: 26rpx;
  556. display: block;
  557. overflow-wrap: break-word;
  558. font-size: 26rpx;
  559. font-family: PingFangSC-Regular;
  560. white-space: nowrap;
  561. line-height: 26rpx;
  562. text-align: center;
  563. margin: 16rpx 0 0 14rpx;
  564. color: rgba(209,1,29,1);
  565. }
  566. .outer3-5 {
  567. width: 80rpx;
  568. height: 122rpx;
  569. display: flex;
  570. flex-direction: column;
  571. margin: 0 73rpx 40rpx 0;
  572. margin-bottom: 0rpx;
  573. }
  574. .layer4-5 {
  575. width: 80rpx;
  576. height: 122rpx;
  577. display: flex;
  578. flex-direction: column;
  579. justify-content: space-between;
  580. }
  581. .main7-5 {
  582. height: 80rpx;
  583. border-radius: 50%;
  584. border: 1px solid #CCCCCC;
  585. display: flex;
  586. flex-direction: column;
  587. padding-left: 24rpx;
  588. width: 80rpx;
  589. justify-content: center;
  590. }
  591. .word8-5 {
  592. width: 30rpx;
  593. height: 50rpx;
  594. display: block;
  595. overflow-wrap: break-word;
  596. color: rgba(51,51,51,1);
  597. font-size: 50rpx;
  598. font-family: PingFangSC-Semibold;
  599. white-space: nowrap;
  600. line-height: 50rpx;
  601. text-align: left;
  602. }
  603. .word9-5 {
  604. width: 52rpx;
  605. height: 26rpx;
  606. display: block;
  607. overflow-wrap: break-word;
  608. font-size: 26rpx;
  609. font-family: PingFangSC-Regular;
  610. white-space: nowrap;
  611. line-height: 26rpx;
  612. text-align: center;
  613. margin: 16rpx 0 0 14rpx;
  614. color: rgba(85,190,25,1);
  615. }
  616. .outer3-6 {
  617. width: 80rpx;
  618. height: 122rpx;
  619. display: flex;
  620. flex-direction: column;
  621. margin: 0 73rpx 40rpx 0;
  622. margin-bottom: 0rpx;
  623. }
  624. .layer4-6 {
  625. width: 80rpx;
  626. height: 122rpx;
  627. display: flex;
  628. flex-direction: column;
  629. justify-content: space-between;
  630. }
  631. .main7-6 {
  632. height: 80rpx;
  633. border-radius: 50%;
  634. border: 1px solid #CCCCCC;
  635. display: flex;
  636. flex-direction: column;
  637. padding-left: 24rpx;
  638. width: 80rpx;
  639. justify-content: center;
  640. }
  641. .word8-6 {
  642. width: 30rpx;
  643. height: 50rpx;
  644. display: block;
  645. overflow-wrap: break-word;
  646. color: rgba(51,51,51,1);
  647. font-size: 50rpx;
  648. font-family: PingFangSC-Semibold;
  649. white-space: nowrap;
  650. line-height: 50rpx;
  651. text-align: left;
  652. }
  653. .word9-6 {
  654. width: 52rpx;
  655. height: 26rpx;
  656. display: block;
  657. overflow-wrap: break-word;
  658. font-size: 26rpx;
  659. font-family: PingFangSC-Regular;
  660. white-space: nowrap;
  661. line-height: 26rpx;
  662. text-align: center;
  663. margin: 16rpx 0 0 14rpx;
  664. color: rgba(85,190,25,1);
  665. }
  666. .outer3-7 {
  667. width: 80rpx;
  668. height: 122rpx;
  669. display: flex;
  670. flex-direction: column;
  671. margin: 0 73rpx 40rpx 0;
  672. margin-bottom: 0rpx;
  673. }
  674. .layer4-7 {
  675. width: 80rpx;
  676. height: 122rpx;
  677. display: flex;
  678. flex-direction: column;
  679. justify-content: space-between;
  680. }
  681. .main7-7 {
  682. height: 80rpx;
  683. border-radius: 50%;
  684. border: 1px solid #CCCCCC;
  685. display: flex;
  686. flex-direction: column;
  687. padding-left: 24rpx;
  688. width: 80rpx;
  689. justify-content: center;
  690. }
  691. .word8-7 {
  692. width: 30rpx;
  693. height: 50rpx;
  694. display: block;
  695. overflow-wrap: break-word;
  696. color: rgba(51,51,51,1);
  697. font-size: 50rpx;
  698. font-family: PingFangSC-Semibold;
  699. white-space: nowrap;
  700. line-height: 50rpx;
  701. text-align: left;
  702. }
  703. .word9-7 {
  704. width: 52rpx;
  705. height: 26rpx;
  706. display: block;
  707. overflow-wrap: break-word;
  708. font-size: 26rpx;
  709. font-family: PingFangSC-Regular;
  710. white-space: nowrap;
  711. line-height: 26rpx;
  712. text-align: center;
  713. margin: 16rpx 0 0 14rpx;
  714. color: rgba(85,190,25,1);
  715. }
  716. .outer3-8 {
  717. width: 80rpx;
  718. height: 122rpx;
  719. display: flex;
  720. flex-direction: column;
  721. margin: 0 73rpx 40rpx 0;
  722. margin-bottom: 0rpx;
  723. }
  724. .layer4-8 {
  725. width: 80rpx;
  726. height: 122rpx;
  727. display: flex;
  728. flex-direction: column;
  729. justify-content: space-between;
  730. }
  731. .main7-8 {
  732. height: 80rpx;
  733. border-radius: 50%;
  734. border: 1px solid #CCCCCC;
  735. display: flex;
  736. flex-direction: column;
  737. padding-left: 24rpx;
  738. width: 80rpx;
  739. justify-content: center;
  740. }
  741. .word8-8 {
  742. width: 30rpx;
  743. height: 50rpx;
  744. display: block;
  745. overflow-wrap: break-word;
  746. color: rgba(51,51,51,1);
  747. font-size: 50rpx;
  748. font-family: PingFangSC-Semibold;
  749. white-space: nowrap;
  750. line-height: 50rpx;
  751. text-align: left;
  752. }
  753. .word9-8 {
  754. width: 52rpx;
  755. height: 26rpx;
  756. display: block;
  757. overflow-wrap: break-word;
  758. font-size: 26rpx;
  759. font-family: PingFangSC-Regular;
  760. white-space: nowrap;
  761. line-height: 26rpx;
  762. text-align: center;
  763. margin: 16rpx 0 0 14rpx;
  764. color: rgba(85,190,25,1);
  765. }
  766. .main8 {
  767. height: 148rpx;
  768. border-radius: NaNrpx;
  769. background-color: rgba(255,255,255,1);
  770. margin-top: 342rpx;
  771. display: flex;
  772. flex-direction: column;
  773. width: 750rpx;
  774. justify-content: center;
  775. align-items: center;
  776. }
  777. .info5 {
  778. width: 352rpx;
  779. height: 32rpx;
  780. display: block;
  781. overflow-wrap: break-word;
  782. color: rgba(51,51,51,1);
  783. font-size: 32rpx;
  784. font-family: PingFangSC-Medium;
  785. white-space: nowrap;
  786. line-height: 32rpx;
  787. text-align: center;
  788. }
  789. .mod9 {
  790. height: 148rpx;
  791. border-radius: NaNrpx;
  792. background-color: rgba(255,255,255,1);
  793. margin-top: 342rpx;
  794. display: flex;
  795. flex-direction: column;
  796. width: 750rpx;
  797. justify-content: center;
  798. align-items: center;
  799. }
  800. .bd2 {
  801. width: 690rpx;
  802. height: 88rpx;
  803. flex-direction: row;
  804. display: flex;
  805. justify-content: space-between;
  806. }
  807. .outer-8 {
  808. width: 750rpx;
  809. height: 1rpx;
  810. background-color: rgba(237,237,237,1);
  811. margin-top: 26rpx;
  812. display: flex;
  813. flex-direction: column;
  814. }
  815. .outer8 {
  816. height: 88rpx;
  817. border-radius: 8rpx;
  818. background-color: rgba(82,161,255,1);
  819. box-shadow: 0px 10px 20px 0px rgba(51,145,236,0.3);
  820. display: flex;
  821. flex-direction: column;
  822. width: 516rpx;
  823. justify-content: center;
  824. align-items: center;
  825. }
  826. .word12 {
  827. width: 128rpx;
  828. height: 32rpx;
  829. display: block;
  830. overflow-wrap: break-word;
  831. color: rgba(255,255,255,1);
  832. font-size: 32rpx;
  833. font-family: PingFangSC-Medium;
  834. white-space: nowrap;
  835. line-height: 32rpx;
  836. text-align: center;
  837. }
  838. .outer9 {
  839. height: 88rpx;
  840. border-radius: 8rpx;
  841. background-color: rgba(82,161,255,1);
  842. box-shadow: 0px 10px 20px 0px rgba(51,145,236,0.3);
  843. display: flex;
  844. flex-direction: column;
  845. width: 144rpx;
  846. justify-content: center;
  847. align-items: center;
  848. }
  849. .word12 {
  850. width: 128rpx;
  851. height: 32rpx;
  852. display: block;
  853. overflow-wrap: break-word;
  854. color: rgba(255,255,255,1);
  855. font-size: 32rpx;
  856. font-family: PingFangSC-Medium;
  857. white-space: nowrap;
  858. line-height: 32rpx;
  859. text-align: center;
  860. }
  861. .outer-9 {
  862. width: 716rpx;
  863. height: 236rpx;
  864. flex-wrap: wrap;
  865. display: flex;
  866. flex-direction: row;
  867. margin: 16rpx 0 0 16rpx;
  868. }
  869. .word13 {
  870. width: 64rpx;
  871. height: 32rpx;
  872. display: block;
  873. overflow-wrap: break-word;
  874. color: rgba(255,255,255,1);
  875. font-size: 32rpx;
  876. font-family: PingFangSC-Medium;
  877. white-space: nowrap;
  878. line-height: 32rpx;
  879. text-align: center;
  880. }
  881. .group4 {
  882. height: 88rpx;
  883. border-radius: 8rpx;
  884. background-color: rgba(82,161,255,1);
  885. box-shadow: 0px 10px 20px 0px rgba(51,145,236,0.3);
  886. display: flex;
  887. flex-direction: column;
  888. width: 144rpx;
  889. justify-content: center;
  890. align-items: center;
  891. }
  892. .group5 {
  893. width: 56rpx;
  894. height: 32rpx;
  895. background: url(https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/icon_jiantou_white%402x.png?sign=4ad8b07fe082b4a4c58f0ffe06dbf727&t=1645095599) -1rpx -28rpx no-repeat;
  896. background-size: 64rpx 52rpx;
  897. display: flex;
  898. flex-direction: column;
  899. }
  900. .outer6 {
  901. z-index: 95;
  902. height: 608rpx;
  903. border-radius: NaNrpx;
  904. background-color: rgba(255,255,255,1);
  905. display: flex;
  906. flex-direction: column;
  907. padding-top: 26rpx;
  908. width: 750rpx;
  909. position: absolute;
  910. left: 0rpx;
  911. top: 726rpx;
  912. }
  913. .wrap1 {
  914. width: 750rpx;
  915. height: 552rpx;
  916. display: flex;
  917. flex-direction: column;
  918. }
  919. .outer7 {
  920. width: 690rpx;
  921. height: 58rpx;
  922. margin-left: 30rpx;
  923. flex-direction: row;
  924. display: flex;
  925. justify-content: space-between;
  926. }
  927. .info8 {
  928. width: 133rpx;
  929. height: 30rpx;
  930. display: block;
  931. overflow-wrap: break-word;
  932. color: rgba(51,51,51,1);
  933. font-size: 30rpx;
  934. font-family: PingFangSC-Medium;
  935. white-space: nowrap;
  936. line-height: 30rpx;
  937. text-align: left;
  938. margin-top: 14rpx;
  939. }
  940. .mod11 {
  941. width: 152rpx;
  942. height: 58rpx;
  943. border-radius: 29rpx;
  944. border: 1px solid rgba(82,161,255,1);
  945. display: flex;
  946. flex-direction: column;
  947. }
  948. .bd6-0 {
  949. height: 112rpx;
  950. border-radius: 8rpx;
  951. background-color: rgba(248,248,248,1);
  952. display: flex;
  953. flex-direction: column;
  954. width: 348rpx;
  955. justify-content: center;
  956. align-items: center;
  957. margin: 0 20rpx 8rpx 0;
  958. }
  959. .layer9-0 {
  960. width: 252rpx;
  961. height: 72rpx;
  962. display: flex;
  963. flex-direction: column;
  964. justify-content: space-between;
  965. }
  966. .word9-0 {
  967. width: 266rpx;
  968. height: 28rpx;
  969. display: block;
  970. overflow-wrap: break-word;
  971. color: rgba(51,51,51,1);
  972. font-size: 28rpx;
  973. font-family: PingFangSC-Regular;
  974. white-space: nowrap;
  975. line-height: 28rpx;
  976. text-align: left;
  977. }
  978. .word10-0 {
  979. width: 96rpx;
  980. height: 24rpx;
  981. display: block;
  982. overflow-wrap: break-word;
  983. color: rgba(153,153,153,1);
  984. font-size: 24rpx;
  985. font-family: PingFangSC-Regular;
  986. white-space: nowrap;
  987. line-height: 24rpx;
  988. text-align: left;
  989. margin: 20rpx 0 0 102rpx;
  990. }
  991. .bd6-1 {
  992. height: 112rpx;
  993. border-radius: 8rpx;
  994. background-color: rgba(248,248,248,1);
  995. display: flex;
  996. flex-direction: column;
  997. width: 348rpx;
  998. justify-content: center;
  999. align-items: center;
  1000. margin: 0 20rpx 8rpx 0;
  1001. margin-right: 0rpx;
  1002. }
  1003. .layer9-1 {
  1004. width: 252rpx;
  1005. height: 72rpx;
  1006. display: flex;
  1007. flex-direction: column;
  1008. justify-content: space-between;
  1009. }
  1010. .word9-1 {
  1011. width: 266rpx;
  1012. height: 28rpx;
  1013. display: block;
  1014. overflow-wrap: break-word;
  1015. color: rgba(51,51,51,1);
  1016. font-size: 28rpx;
  1017. font-family: PingFangSC-Regular;
  1018. white-space: nowrap;
  1019. line-height: 28rpx;
  1020. text-align: left;
  1021. }
  1022. .word10-1 {
  1023. width: 96rpx;
  1024. height: 24rpx;
  1025. display: block;
  1026. overflow-wrap: break-word;
  1027. color: rgba(153,153,153,1);
  1028. font-size: 24rpx;
  1029. font-family: PingFangSC-Regular;
  1030. white-space: nowrap;
  1031. line-height: 24rpx;
  1032. text-align: left;
  1033. margin: 20rpx 0 0 102rpx;
  1034. }
  1035. .bd6-2 {
  1036. height: 112rpx;
  1037. border-radius: 8rpx;
  1038. background-color: rgba(248,248,248,1);
  1039. display: flex;
  1040. flex-direction: column;
  1041. width: 348rpx;
  1042. justify-content: center;
  1043. align-items: center;
  1044. margin: 0 20rpx 8rpx 0;
  1045. margin-bottom: 0rpx;
  1046. }
  1047. .layer9-2 {
  1048. width: 252rpx;
  1049. height: 72rpx;
  1050. display: flex;
  1051. flex-direction: column;
  1052. justify-content: space-between;
  1053. }
  1054. .word9-2 {
  1055. width: 266rpx;
  1056. height: 28rpx;
  1057. display: block;
  1058. overflow-wrap: break-word;
  1059. color: rgba(51,51,51,1);
  1060. font-size: 28rpx;
  1061. font-family: PingFangSC-Regular;
  1062. white-space: nowrap;
  1063. line-height: 28rpx;
  1064. text-align: left;
  1065. }
  1066. .word10-2 {
  1067. width: 96rpx;
  1068. height: 24rpx;
  1069. display: block;
  1070. overflow-wrap: break-word;
  1071. color: rgba(153,153,153,1);
  1072. font-size: 24rpx;
  1073. font-family: PingFangSC-Regular;
  1074. white-space: nowrap;
  1075. line-height: 24rpx;
  1076. text-align: left;
  1077. margin: 20rpx 0 0 102rpx;
  1078. }
  1079. .bd6-3 {
  1080. height: 112rpx;
  1081. border-radius: 8rpx;
  1082. background-color: rgba(248,248,248,1);
  1083. display: flex;
  1084. flex-direction: column;
  1085. width: 348rpx;
  1086. justify-content: center;
  1087. align-items: center;
  1088. margin: 0 20rpx 8rpx 0;
  1089. margin-right: 0rpx;
  1090. margin-bottom: 0rpx;
  1091. }
  1092. .layer9-3 {
  1093. width: 252rpx;
  1094. height: 72rpx;
  1095. display: flex;
  1096. flex-direction: column;
  1097. justify-content: space-between;
  1098. }
  1099. .word9-3 {
  1100. width: 266rpx;
  1101. height: 28rpx;
  1102. display: block;
  1103. overflow-wrap: break-word;
  1104. color: rgba(51,51,51,1);
  1105. font-size: 28rpx;
  1106. font-family: PingFangSC-Regular;
  1107. white-space: nowrap;
  1108. line-height: 28rpx;
  1109. text-align: left;
  1110. }
  1111. .word10-3 {
  1112. width: 96rpx;
  1113. height: 24rpx;
  1114. display: block;
  1115. overflow-wrap: break-word;
  1116. color: rgba(153,153,153,1);
  1117. font-size: 24rpx;
  1118. font-family: PingFangSC-Regular;
  1119. white-space: nowrap;
  1120. line-height: 24rpx;
  1121. text-align: left;
  1122. margin: 20rpx 0 0 102rpx;
  1123. }
  1124. .outer10 {
  1125. width: 690rpx;
  1126. height: 31rpx;
  1127. flex-direction: row;
  1128. display: flex;
  1129. margin: 33rpx 0 0 30rpx;
  1130. }
  1131. .info9 {
  1132. width: 400rpx;
  1133. height: 26rpx;
  1134. display: block;
  1135. overflow-wrap: break-word;
  1136. color: rgba(51,51,51,1);
  1137. font-size: 26rpx;
  1138. font-family: PingFangSC-Regular;
  1139. white-space: nowrap;
  1140. line-height: 26rpx;
  1141. text-align: left;
  1142. margin-top: 2rpx;
  1143. }
  1144. .section3 {
  1145. height: 31rpx;
  1146. background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5a3d90bd436c32c37686a738faa6678e155c31d354a61989010918d980ca98f6) -21rpx -30rpx no-repeat;
  1147. background-size: 72rpx 70rpx;
  1148. margin-left: 197rpx;
  1149. display: flex;
  1150. flex-direction: column;
  1151. width: 31rpx;
  1152. padding: 15rpx 0 0 6rpx;
  1153. }
  1154. .box3 {
  1155. width: 12rpx;
  1156. height: 9rpx;
  1157. background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng93fa9dda6d4208f51a4c2b980af5fdfb40fb41fe258d3b9a01dd928d95dd4c4d) -18rpx -29rpx no-repeat;
  1158. background-size: 47rpx 47rpx;
  1159. display: flex;
  1160. flex-direction: column;
  1161. }
  1162. .info10 {
  1163. width: 52rpx;
  1164. height: 26rpx;
  1165. display: block;
  1166. overflow-wrap: break-word;
  1167. color: rgba(51,51,51,1);
  1168. font-size: 26rpx;
  1169. font-family: PingFangSC-Regular;
  1170. white-space: nowrap;
  1171. line-height: 26rpx;
  1172. text-align: left;
  1173. margin: 2rpx 0 0 10rpx;
  1174. }
  1175. .outer11 {
  1176. width: 750rpx;
  1177. height: 1rpx;
  1178. background-color: rgba(237,237,237,1);
  1179. margin-top: 32rpx;
  1180. display: flex;
  1181. flex-direction: column;
  1182. }
  1183. .outer12 {
  1184. width: 690rpx;
  1185. height: 88rpx;
  1186. flex-direction: row;
  1187. display: flex;
  1188. justify-content: space-between;
  1189. margin: 30rpx 0 0 30rpx;
  1190. }
  1191. .group3 {
  1192. height: 88rpx;
  1193. border-radius: 8rpx;
  1194. background-color: rgba(82,161,255,1);
  1195. box-shadow: 0px 10px 20px 0px rgba(51,145,236,0.3);
  1196. display: flex;
  1197. flex-direction: column;
  1198. width: 516rpx;
  1199. justify-content: center;
  1200. align-items: center;
  1201. }
  1202. .txt6 {
  1203. width: 128rpx;
  1204. height: 32rpx;
  1205. display: block;
  1206. overflow-wrap: break-word;
  1207. color: rgba(255,255,255,1);
  1208. font-size: 32rpx;
  1209. font-family: PingFangSC-Medium;
  1210. white-space: nowrap;
  1211. line-height: 32rpx;
  1212. text-align: center;
  1213. }
  1214. .txt7 {
  1215. z-index: 127;
  1216. position: absolute;
  1217. left: 592rpx;
  1218. top: 42rpx;
  1219. width: 104rpx;
  1220. height: 26rpx;
  1221. display: block;
  1222. overflow-wrap: break-word;
  1223. color: rgba(82,161,255,1);
  1224. font-size: 26rpx;
  1225. font-family: PingFangSC-Regular;
  1226. white-space: nowrap;
  1227. line-height: 26rpx;
  1228. text-align: left;
  1229. }
  1230. /*开门*/
  1231. .layer12 {
  1232. z-index: 96;
  1233. height: 1334rpx;
  1234. background-color: rgba(0,0,0,0.4);
  1235. display: flex;
  1236. flex-direction: column;
  1237. padding-top: 510rpx;
  1238. width: 750rpx;
  1239. position: absolute;
  1240. left: 0rpx;
  1241. top: 0rpx;
  1242. }
  1243. .outer5 {
  1244. z-index: 97;
  1245. height: 706rpx;
  1246. border-radius: NaNrpx;
  1247. background-color: rgba(255,255,255,1);
  1248. display: flex;
  1249. flex-direction: column;
  1250. width: 750rpx;
  1251. position: relative;
  1252. justify-content: center;
  1253. }
  1254. .mod6 {
  1255. width: 750rpx;
  1256. height: 626rpx;
  1257. display: flex;
  1258. flex-direction: column;
  1259. }
  1260. .section10 {
  1261. width: 690rpx;
  1262. height: 30rpx;
  1263. margin-left: 30rpx;
  1264. flex-direction: row;
  1265. display: flex;
  1266. }
  1267. .layer13 {
  1268. width: 8rpx;
  1269. height: 26rpx;
  1270. background-color: rgba(82,161,255,1);
  1271. margin-top: 2rpx;
  1272. display: flex;
  1273. flex-direction: column;
  1274. }
  1275. .word17 {
  1276. width: 150rpx;
  1277. height: 30rpx;
  1278. display: block;
  1279. overflow-wrap: break-word;
  1280. color: rgba(51,51,51,1);
  1281. font-size: 30rpx;
  1282. font-family: PingFangSC-Medium;
  1283. white-space: nowrap;
  1284. line-height: 30rpx;
  1285. text-align: left;
  1286. margin-left: 10rpx;
  1287. }
  1288. .txt14 {
  1289. width: 73rpx;
  1290. height: 30rpx;
  1291. display: block;
  1292. overflow-wrap: break-word;
  1293. color: rgba(51,51,51,1);
  1294. font-size: 30rpx;
  1295. font-family: PingFangSC-Medium;
  1296. white-space: nowrap;
  1297. line-height: 30rpx;
  1298. text-align: left;
  1299. margin-left: 449rpx;
  1300. }
  1301. .section11 {
  1302. width: 750rpx;
  1303. height: 1rpx;
  1304. background-color: rgba(237,237,237,1);
  1305. margin-top: 40rpx;
  1306. display: flex;
  1307. flex-direction: column;
  1308. }
  1309. .section12 {
  1310. z-index: 111;
  1311. height: 80rpx;
  1312. border-radius: 8rpx;
  1313. background-color: rgba(246,246,246,1);
  1314. display: flex;
  1315. flex-direction: column;
  1316. width: 690rpx;
  1317. position: relative;
  1318. justify-content: center;
  1319. align-items: center;
  1320. margin: 30rpx 0 0rpx 30rpx;
  1321. }
  1322. .section13 {
  1323. width: 630rpx;
  1324. height: 36rpx;
  1325. flex-direction: row;
  1326. display: flex;
  1327. justify-content: space-between;
  1328. }
  1329. .txt15 {
  1330. width: 308rpx;
  1331. height: 28rpx;
  1332. display: block;
  1333. overflow-wrap: break-word;
  1334. color: rgba(153,153,153,1);
  1335. font-size: 28rpx;
  1336. font-family: PingFangSC-Regular;
  1337. white-space: nowrap;
  1338. line-height: 28rpx;
  1339. text-align: left;
  1340. margin-top: 4rpx;
  1341. }
  1342. .section14 {
  1343. width: 36rpx;
  1344. height: 36rpx;
  1345. background-color: rgba(0,0,0,0);
  1346. display: flex;
  1347. flex-direction: column;
  1348. }
  1349. .section15 {
  1350. z-index: 114;
  1351. height: 36rpx;
  1352. background: url(https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/saomiao%E5%A4%87%E4%BB%BD%208%402x.png?sign=b820eee3bece6661cdec7be7112b4856&t=1645101544) 0rpx 0rpx no-repeat;
  1353. background-size: 36rpx 36rpx;
  1354. display: flex;
  1355. flex-direction: column;
  1356. padding-left: 6rpx;
  1357. width: 36rpx;
  1358. position: absolute;
  1359. left: 625rpx;
  1360. top: 23rpx;
  1361. justify-content: center;
  1362. }
  1363. .section16 {
  1364. width: 23rpx;
  1365. height: 4rpx;
  1366. border-radius: NaNrpx;
  1367. background-color: rgba(82,161,255,1);
  1368. display: flex;
  1369. flex-direction: column;
  1370. }
  1371. .section17 {
  1372. width: 532rpx;
  1373. height: 68rpx;
  1374. flex-direction: row;
  1375. display: flex;
  1376. justify-content: space-between;
  1377. margin: 20rpx auto;
  1378. }
  1379. .group1 {
  1380. height: 68rpx;
  1381. border-radius: 4rpx;
  1382. border: 1px solid rgba(204,204,204,1);
  1383. display: flex;
  1384. flex-direction: column;
  1385. width: 216rpx;
  1386. justify-content: center;
  1387. align-items: center;
  1388. }
  1389. .txt16 {
  1390. width: 56rpx;
  1391. height: 28rpx;
  1392. display: block;
  1393. overflow-wrap: break-word;
  1394. color: rgba(51,51,51,1);
  1395. font-size: 28rpx;
  1396. font-family: PingFangSC-Regular;
  1397. white-space: nowrap;
  1398. line-height: 28rpx;
  1399. text-align: left;
  1400. }
  1401. .group2 {
  1402. height: 68rpx;
  1403. border-radius: 4rpx;
  1404. background-color: rgba(82,161,255,1);
  1405. display: flex;
  1406. flex-direction: column;
  1407. width: 216rpx;
  1408. justify-content: center;
  1409. align-items: center;
  1410. }
  1411. .info12 {
  1412. width: 56rpx;
  1413. height: 28rpx;
  1414. display: block;
  1415. overflow-wrap: break-word;
  1416. color: rgba(255,255,255,1);
  1417. font-size: 28rpx;
  1418. font-family: PingFangSC-Regular;
  1419. white-space: nowrap;
  1420. line-height: 28rpx;
  1421. text-align: left;
  1422. }
  1423. .section18 {
  1424. width: 750rpx;
  1425. height: 20rpx;
  1426. background-color: rgba(246,246,246,1);
  1427. margin-top: 40rpx;
  1428. display: flex;
  1429. flex-direction: column;
  1430. }
  1431. .section19 {
  1432. width: 198rpx;
  1433. height: 30rpx;
  1434. flex-direction: row;
  1435. display: flex;
  1436. justify-content: space-between;
  1437. margin: 40rpx 0 0 30rpx;
  1438. }
  1439. .outer16 {
  1440. width: 8rpx;
  1441. height: 26rpx;
  1442. background-color: rgba(82,161,255,1);
  1443. margin-top: 2rpx;
  1444. display: flex;
  1445. flex-direction: column;
  1446. }
  1447. .txt17 {
  1448. width: 180rpx;
  1449. height: 30rpx;
  1450. display: block;
  1451. overflow-wrap: break-word;
  1452. color: rgba(51,51,51,1);
  1453. font-size: 30rpx;
  1454. font-family: PingFangSC-Medium;
  1455. white-space: nowrap;
  1456. line-height: 30rpx;
  1457. text-align: left;
  1458. }
  1459. .section20 {
  1460. width: 750rpx;
  1461. height: 1rpx;
  1462. background-color: rgba(237,237,237,1);
  1463. margin-top: 40rpx;
  1464. display: flex;
  1465. flex-direction: column;
  1466. }
  1467. .section21 {
  1468. width: 334rpx;
  1469. height: 58rpx;
  1470. flex-direction: row;
  1471. display: flex;
  1472. justify-content: space-between;
  1473. margin: 40rpx 0 0 30rpx;
  1474. }
  1475. .outer17 {
  1476. width: 152rpx;
  1477. height: 58rpx;
  1478. border-radius: 29rpx;
  1479. border: 1px solid rgba(82,161,255,1);
  1480. display: flex;
  1481. flex-direction: column;
  1482. }
  1483. .outer18 {
  1484. width: 152rpx;
  1485. height: 58rpx;
  1486. border-radius: 29rpx;
  1487. border: 1px solid rgba(82,161,255,1);
  1488. display: flex;
  1489. flex-direction: column;
  1490. }
  1491. .txt18 {
  1492. z-index: 99;
  1493. position: absolute;
  1494. left: 54rpx;
  1495. top: 624rpx;
  1496. width: 104rpx;
  1497. height: 26rpx;
  1498. display: block;
  1499. overflow-wrap: break-word;
  1500. color: rgba(82,161,255,1);
  1501. font-size: 26rpx;
  1502. font-family: PingFangSC-Regular;
  1503. white-space: nowrap;
  1504. line-height: 26rpx;
  1505. text-align: center;
  1506. }
  1507. .word18 {
  1508. z-index: 102;
  1509. position: absolute;
  1510. left: 236rpx;
  1511. top: 624rpx;
  1512. width: 104rpx;
  1513. height: 26rpx;
  1514. display: block;
  1515. overflow-wrap: break-word;
  1516. color: rgba(82,161,255,1);
  1517. font-size: 26rpx;
  1518. font-family: PingFangSC-Regular;
  1519. white-space: nowrap;
  1520. line-height: 26rpx;
  1521. text-align: center;
  1522. }
  1523. .txt19 {
  1524. width: 517rpx;
  1525. display: block;
  1526. overflow-wrap: break-word;
  1527. color: rgba(255,115,0,1);
  1528. font-size: 24rpx;
  1529. font-family: PingFangSC-Regular;
  1530. white-space: nowrap;
  1531. line-height: 24rpx;
  1532. text-align: left;
  1533. margin: 20rpx auto;
  1534. }