index.wxss 23 KB

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