index.wxss 25 KB

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