cell.wxss 21 KB

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