index.less 33 KB

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