index.wxss 25 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318
  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: 129rpx;
  769. width: 750rpx;
  770. }
  771. .bd1 {
  772. width: 750rpx;
  773. /* height: 304rpx; */
  774. display: flex;
  775. flex-direction: column;
  776. }
  777. .wrap10 {
  778. width: 690rpx;
  779. height: 30rpx;
  780. margin-left: 30rpx;
  781. flex-direction: row;
  782. display: flex;
  783. justify-content: space-between;
  784. }
  785. .word6 {
  786. width: 319rpx;
  787. height: 30rpx;
  788. display: block;
  789. overflow-wrap: break-word;
  790. color: rgba(51,51,51,1);
  791. font-size: 30rpx;
  792. font-family: PingFangSC-Regular;
  793. white-space: nowrap;
  794. line-height: 30rpx;
  795. text-align: left;
  796. }
  797. .mod3 {
  798. width: 50rpx;
  799. height: 50rpx;
  800. background: url(https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/ic_xiajiantou%402x.png?sign=a9480eb1654afc81b755e285bc89c97c&t=1645151800) 100% no-repeat;
  801. display: flex;
  802. flex-direction: column;
  803. background-size: 50rpx;
  804. }
  805. .wrap11 {
  806. width: 750rpx;
  807. height: 1rpx;
  808. background-color: rgba(237,237,237,1);
  809. margin-top: 40rpx;
  810. display: flex;
  811. flex-direction: column;
  812. }
  813. .wrap12 {
  814. width: 690rpx;
  815. height: 68rpx;
  816. flex-direction: row;
  817. display: flex;
  818. margin: 32rpx 0 0 30rpx;
  819. }
  820. .group7 {
  821. width: 196rpx;
  822. height: 68rpx;
  823. display: flex;
  824. flex-direction: column;
  825. justify-content: space-between;
  826. }
  827. .info3 {
  828. width: 196rpx;
  829. height: 28rpx;
  830. display: block;
  831. overflow-wrap: break-word;
  832. color: rgba(51,51,51,1);
  833. font-size: 28rpx;
  834. font-family: PingFangSC-Regular;
  835. white-space: nowrap;
  836. line-height: 28rpx;
  837. text-align: left;
  838. }
  839. .info4 {
  840. width: 165rpx;
  841. height: 24rpx;
  842. display: block;
  843. overflow-wrap: break-word;
  844. color: rgba(51,51,51,1);
  845. font-size: 24rpx;
  846. font-family: PingFangSC-Regular;
  847. white-space: nowrap;
  848. line-height: 24rpx;
  849. text-align: left;
  850. margin-top: 16rpx;
  851. }
  852. .group8 {
  853. width: 48rpx;
  854. height: 68rpx;
  855. margin-left: 278rpx;
  856. display: flex;
  857. flex-direction: column;
  858. justify-content: space-between;
  859. }
  860. .word7 {
  861. width: 48rpx;
  862. height: 24rpx;
  863. display: block;
  864. overflow-wrap: break-word;
  865. color: rgba(51,51,51,1);
  866. font-size: 24rpx;
  867. font-family: PingFangSC-Regular;
  868. white-space: nowrap;
  869. line-height: 24rpx;
  870. text-align: left;
  871. }
  872. .word8 {
  873. width: 34rpx;
  874. height: 28rpx;
  875. display: block;
  876. overflow-wrap: break-word;
  877. color: rgba(51,51,51,1);
  878. font-size: 28rpx;
  879. font-family: PingFangSC-Regular;
  880. white-space: nowrap;
  881. line-height: 28rpx;
  882. text-align: left;
  883. margin: 16rpx 0 0 7rpx;
  884. }
  885. .group9 {
  886. width: 48rpx;
  887. height: 68rpx;
  888. margin-left: 48rpx;
  889. display: flex;
  890. flex-direction: column;
  891. justify-content: space-between;
  892. }
  893. .word9 {
  894. width: 48rpx;
  895. height: 24rpx;
  896. display: block;
  897. overflow-wrap: break-word;
  898. color: rgba(51,51,51,1);
  899. font-size: 24rpx;
  900. font-family: PingFangSC-Regular;
  901. white-space: nowrap;
  902. line-height: 24rpx;
  903. text-align: left;
  904. }
  905. .word10 {
  906. width: 34rpx;
  907. height: 28rpx;
  908. display: block;
  909. overflow-wrap: break-word;
  910. color: rgba(51,51,51,1);
  911. font-size: 28rpx;
  912. font-family: PingFangSC-Regular;
  913. white-space: nowrap;
  914. line-height: 28rpx;
  915. text-align: left;
  916. margin: 16rpx 0 0 7rpx;
  917. }
  918. .icon5 {
  919. width: 40rpx;
  920. height: 40rpx;
  921. margin: 14rpx 0 0 32rpx;
  922. }
  923. .wrap13 {
  924. width: 750rpx;
  925. height: 1rpx;
  926. background-color: rgba(237,237,237,1);
  927. margin-top: 32rpx;
  928. display: flex;
  929. flex-direction: column;
  930. }
  931. .wrap14 {
  932. width: 690rpx;
  933. height: 68rpx;
  934. flex-direction: row;
  935. display: flex;
  936. margin: 32rpx 0 0 30rpx;
  937. }
  938. .section1 {
  939. width: 280rpx;
  940. height: 68rpx;
  941. display: flex;
  942. flex-direction: column;
  943. justify-content: space-between;
  944. }
  945. .info5 {
  946. width: 280rpx;
  947. height: 28rpx;
  948. display: block;
  949. overflow-wrap: break-word;
  950. color: rgba(51,51,51,1);
  951. font-size: 28rpx;
  952. font-family: PingFangSC-Regular;
  953. white-space: nowrap;
  954. line-height: 28rpx;
  955. text-align: left;
  956. }
  957. .word11 {
  958. width: 174rpx;
  959. height: 24rpx;
  960. display: block;
  961. overflow-wrap: break-word;
  962. color: rgba(51,51,51,1);
  963. font-size: 24rpx;
  964. font-family: PingFangSC-Regular;
  965. white-space: nowrap;
  966. line-height: 24rpx;
  967. text-align: left;
  968. margin-top: 16rpx;
  969. }
  970. .section2 {
  971. width: 48rpx;
  972. height: 68rpx;
  973. margin-left: 194rpx;
  974. display: flex;
  975. flex-direction: column;
  976. justify-content: space-between;
  977. }
  978. .word12 {
  979. width: 48rpx;
  980. height: 24rpx;
  981. display: block;
  982. overflow-wrap: break-word;
  983. color: rgba(51,51,51,1);
  984. font-size: 24rpx;
  985. font-family: PingFangSC-Regular;
  986. white-space: nowrap;
  987. line-height: 24rpx;
  988. text-align: left;
  989. }
  990. .word13 {
  991. width: 34rpx;
  992. height: 28rpx;
  993. display: block;
  994. overflow-wrap: break-word;
  995. color: rgba(51,51,51,1);
  996. font-size: 28rpx;
  997. font-family: PingFangSC-Regular;
  998. white-space: nowrap;
  999. line-height: 28rpx;
  1000. text-align: left;
  1001. margin: 16rpx 0 0 7rpx;
  1002. }
  1003. .section3 {
  1004. width: 48rpx;
  1005. height: 68rpx;
  1006. margin-left: 48rpx;
  1007. display: flex;
  1008. flex-direction: column;
  1009. justify-content: space-between;
  1010. }
  1011. .word14 {
  1012. width: 48rpx;
  1013. height: 24rpx;
  1014. display: block;
  1015. overflow-wrap: break-word;
  1016. color: rgba(51,51,51,1);
  1017. font-size: 24rpx;
  1018. font-family: PingFangSC-Regular;
  1019. white-space: nowrap;
  1020. line-height: 24rpx;
  1021. text-align: left;
  1022. }
  1023. .txt3 {
  1024. width: 34rpx;
  1025. height: 28rpx;
  1026. display: block;
  1027. overflow-wrap: break-word;
  1028. color: rgba(51,51,51,1);
  1029. font-size: 28rpx;
  1030. font-family: PingFangSC-Regular;
  1031. white-space: nowrap;
  1032. line-height: 28rpx;
  1033. text-align: left;
  1034. margin: 16rpx 0 0 7rpx;
  1035. }
  1036. .label4 {
  1037. width: 40rpx;
  1038. height: 40rpx;
  1039. margin: 14rpx 0 0 32rpx;
  1040. }
  1041. /*选中弹出*/
  1042. .alert6 {
  1043. z-index: 73;
  1044. height: 469rpx;
  1045. border-radius: 24px 24px 0px 0px;
  1046. background-color: rgba(255,255,255,1);
  1047. box-shadow: 0px -10px 20px 0px rgba(0,0,0,0.06);
  1048. display: flex;
  1049. flex-direction: column;
  1050. padding-top: 40rpx;
  1051. width: 750rpx;
  1052. margin-top: 47rpx;
  1053. }
  1054. .alert2 {
  1055. width: 750rpx;
  1056. height: 348rpx;
  1057. display: flex;
  1058. flex-direction: column;
  1059. }
  1060. .alert3 {
  1061. width: 690rpx;
  1062. height: 30rpx;
  1063. margin-left: 30rpx;
  1064. flex-direction: row;
  1065. display: flex;
  1066. justify-content: space-between;
  1067. }
  1068. .alert7 {
  1069. width: 360rpx;
  1070. height: 30rpx;
  1071. display: block;
  1072. overflow-wrap: break-word;
  1073. color: rgba(51,51,51,1);
  1074. font-size: 30rpx;
  1075. font-family: PingFangSC-Regular;
  1076. white-space: nowrap;
  1077. /* line-height: 30rpx; */
  1078. text-align: left;
  1079. }
  1080. .alert14 {
  1081. width: 750rpx;
  1082. height: 1rpx;
  1083. background-color: rgba(237,237,237,1);
  1084. margin-top: 40rpx;
  1085. display: flex;
  1086. flex-direction: column;
  1087. }
  1088. .alert8 {
  1089. width: 255rpx;
  1090. height: 24rpx;
  1091. display: block;
  1092. overflow-wrap: break-word;
  1093. color: rgba(153,153,153,1);
  1094. font-size: 24rpx;
  1095. font-family: PingFangSC-Regular;
  1096. white-space: nowrap;
  1097. line-height: 24rpx;
  1098. text-align: left;
  1099. margin: 40rpx 0 0 248rpx;
  1100. }
  1101. .alert9 {
  1102. width: 690rpx;
  1103. height: 148rpx;
  1104. flex-direction: row;
  1105. display: flex;
  1106. justify-content: space-between;
  1107. margin: 65rpx 0 0 30rpx;
  1108. }
  1109. .section22-0 {
  1110. height: 148rpx;
  1111. border-radius: 8rpx;
  1112. border: 1px solid rgba(228,228,228,1);
  1113. background-color: rgba(255,255,255,1);
  1114. margin-right: 30rpx;
  1115. display: flex;
  1116. flex-direction: column;
  1117. padding-top: 35rpx;
  1118. width: 150rpx;
  1119. align-items: center;
  1120. }
  1121. .groupalert1-0 {
  1122. z-index: auto;
  1123. position: relative;
  1124. width: 48rpx;
  1125. height: 72rpx;
  1126. display: flex;
  1127. flex-direction: column;
  1128. }
  1129. .section23-0 {
  1130. z-index: 80;
  1131. position: absolute;
  1132. left: 10rpx;
  1133. top: 0rpx;
  1134. width: 28rpx;
  1135. height: 28rpx;
  1136. display: flex;
  1137. flex-direction: column;
  1138. }
  1139. .txt40-0 {
  1140. z-index: 81;
  1141. position: static;
  1142. left: 81rpx;
  1143. top: 1222rpx;
  1144. width: 73rpx;
  1145. height: 24rpx;
  1146. display: block;
  1147. overflow-wrap: break-word;
  1148. color: rgba(51,51,51,1);
  1149. font-size: 24rpx;
  1150. font-family: PingFangSC-Regular;
  1151. white-space: nowrap;
  1152. line-height: 24rpx;
  1153. text-align: left;
  1154. margin-top: 48rpx;
  1155. }
  1156. .section22-1 {
  1157. height: 148rpx;
  1158. border-radius: 8rpx;
  1159. border: 1px solid rgba(228,228,228,1);
  1160. background-color: rgba(255,255,255,1);
  1161. margin-right: 30rpx;
  1162. display: flex;
  1163. flex-direction: column;
  1164. padding-top: 35rpx;
  1165. width: 150rpx;
  1166. align-items: center;
  1167. }
  1168. .groupalert1-1 {
  1169. z-index: auto;
  1170. position: relative;
  1171. width: 48rpx;
  1172. height: 72rpx;
  1173. display: flex;
  1174. flex-direction: column;
  1175. }
  1176. .info30-1 {
  1177. z-index: 84;
  1178. position: absolute;
  1179. left: 0rpx;
  1180. top: 4rpx;
  1181. width: 48rpx;
  1182. height: 24rpx;
  1183. display: block;
  1184. overflow-wrap: break-word;
  1185. color: rgba(51,51,51,1);
  1186. font-size: 24rpx;
  1187. font-family: PingFangSC-Regular;
  1188. white-space: nowrap;
  1189. line-height: 24rpx;
  1190. text-align: center;
  1191. }
  1192. .txt40-1 {
  1193. z-index: 81;
  1194. position: static;
  1195. left: 81rpx;
  1196. top: 1222rpx;
  1197. width: 73rpx;
  1198. height: 24rpx;
  1199. display: block;
  1200. overflow-wrap: break-word;
  1201. color: rgba(51,51,51,1);
  1202. font-size: 24rpx;
  1203. font-family: PingFangSC-Regular;
  1204. white-space: nowrap;
  1205. line-height: 24rpx;
  1206. text-align: left;
  1207. margin-top: 48rpx;
  1208. }
  1209. .section22-2 {
  1210. height: 148rpx;
  1211. border-radius: 8rpx;
  1212. border: 1px solid rgba(228,228,228,1);
  1213. background-color: rgba(255,255,255,1);
  1214. margin-right: 30rpx;
  1215. display: flex;
  1216. flex-direction: column;
  1217. padding-top: 35rpx;
  1218. width: 150rpx;
  1219. align-items: center;
  1220. }
  1221. .groupalert1-2 {
  1222. z-index: auto;
  1223. position: relative;
  1224. width: 48rpx;
  1225. height: 72rpx;
  1226. display: flex;
  1227. flex-direction: column;
  1228. }
  1229. .info30-2 {
  1230. z-index: 84;
  1231. position: absolute;
  1232. left: 0rpx;
  1233. top: 4rpx;
  1234. width: 48rpx;
  1235. height: 24rpx;
  1236. display: block;
  1237. overflow-wrap: break-word;
  1238. color: rgba(51,51,51,1);
  1239. font-size: 24rpx;
  1240. font-family: PingFangSC-Regular;
  1241. white-space: nowrap;
  1242. line-height: 24rpx;
  1243. text-align: center;
  1244. }
  1245. .txt40-2 {
  1246. z-index: 81;
  1247. position: static;
  1248. left: 81rpx;
  1249. top: 1222rpx;
  1250. width: 73rpx;
  1251. height: 24rpx;
  1252. display: block;
  1253. overflow-wrap: break-word;
  1254. color: rgba(51,51,51,1);
  1255. font-size: 24rpx;
  1256. font-family: PingFangSC-Regular;
  1257. white-space: nowrap;
  1258. line-height: 24rpx;
  1259. text-align: left;
  1260. margin-top: 48rpx;
  1261. }
  1262. .section22-3 {
  1263. height: 148rpx;
  1264. border-radius: 8rpx;
  1265. border: 1px solid rgba(228,228,228,1);
  1266. background-color: rgba(255,255,255,1);
  1267. margin-right: 30rpx;
  1268. display: flex;
  1269. flex-direction: column;
  1270. padding-top: 35rpx;
  1271. width: 150rpx;
  1272. align-items: center;
  1273. }
  1274. .groupalert1-3 {
  1275. z-index: auto;
  1276. position: relative;
  1277. width: 48rpx;
  1278. height: 72rpx;
  1279. display: flex;
  1280. flex-direction: column;
  1281. }
  1282. .info30-3 {
  1283. z-index: 84;
  1284. position: absolute;
  1285. left: 0rpx;
  1286. top: 4rpx;
  1287. width: 48rpx;
  1288. height: 24rpx;
  1289. display: block;
  1290. overflow-wrap: break-word;
  1291. color: rgba(51,51,51,1);
  1292. font-size: 24rpx;
  1293. font-family: PingFangSC-Regular;
  1294. white-space: nowrap;
  1295. line-height: 24rpx;
  1296. text-align: center;
  1297. }
  1298. .txt40-3 {
  1299. z-index: 81;
  1300. position: static;
  1301. left: 81rpx;
  1302. top: 1222rpx;
  1303. width: 73rpx;
  1304. height: 24rpx;
  1305. display: block;
  1306. overflow-wrap: break-word;
  1307. color: rgba(51,51,51,1);
  1308. font-size: 24rpx;
  1309. font-family: PingFangSC-Regular;
  1310. white-space: nowrap;
  1311. line-height: 24rpx;
  1312. text-align: left;
  1313. margin-top: 48rpx;
  1314. }