C端小程序
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

passCar.wxss 13 KiB

před 5 roky
před 5 roky
před 2 roky
před 2 roky
před 5 roky
před 5 roky
před 5 roky
před 5 roky
před 5 roky
před 5 roky
před 5 roky
před 2 roky
před 5 roky
před 2 roky
před 5 roky
před 5 roky
před 1 rokem
před 5 roky
před 2 roky
před 5 roky
před 5 roky
před 5 roky
před 5 roky
před 2 roky
před 5 roky
před 5 roky
před 5 roky
před 5 roky
před 5 roky
před 2 roky
před 5 roky
před 2 roky
před 5 roky
před 1 rokem
před 5 roky
před 5 roky
před 1 rokem
před 5 roky
před 1 rokem
před 5 roky
před 1 rokem
před 5 roky
před 1 rokem
před 5 roky
před 1 rokem
před 5 roky
před 1 rokem
před 5 roky
před 5 roky
před 5 roky
před 5 roky
před 2 roky
před 5 roky
před 5 roky
před 5 roky
před 5 roky
před 5 roky
před 5 roky
před 5 roky
před 5 roky
před 5 roky
před 5 roky
před 5 roky
před 2 roky
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905
  1. @import "../app.wxss";
  2. page {
  3. background-color: #fff;
  4. }
  5. .container {
  6. padding-bottom: 60rpx;
  7. }
  8. .cs {
  9. height: 30rpx;
  10. background-color: aqua
  11. }
  12. .con text {
  13. display: block;
  14. text-align: center;
  15. font-size: 30rpx;
  16. }
  17. .header {
  18. width: 690rpx;
  19. height: 80rpx;
  20. font-size: 32rpx;
  21. margin: 0 auto;
  22. border-radius: 16rpx;
  23. line-height: 80rpx;
  24. letter-spacing: 3rpx;
  25. }
  26. .header image {
  27. width: 60rpx;
  28. vertical-align: middle;
  29. margin-top: -5rpx;
  30. margin-right: 6rpx;
  31. }
  32. .top {
  33. border-bottom: 2rpx solid #f8f8f8;
  34. }
  35. .headBox {
  36. width: 690rpx;
  37. margin: 30rpx auto 0;
  38. box-sizing: border-box;
  39. display: flex;
  40. background-color: white;
  41. }
  42. .headBox image {
  43. width: 150rpx;
  44. height: 150rpx;
  45. margin: 10rpx 30rpx 0 0;
  46. border-radius: 16rpx;
  47. }
  48. .titleName {
  49. width: 100%;
  50. line-height: 35rpx;
  51. height: 35rpx;
  52. color: #666;
  53. font-size: 32rpx;
  54. word-break: break-all;
  55. text-align: justify;
  56. font-weight: bold;
  57. }
  58. ::-webkit-scrollbar {
  59. width: 0;
  60. height: 0;
  61. color: transparent;
  62. }
  63. .carLocation,
  64. .locationNumber {
  65. display: inline-block;
  66. height: 40rpx;
  67. color: #999;
  68. font-size: 24rpx;
  69. line-height: 30rpx;
  70. }
  71. .carLocation {
  72. width: 206rpx;
  73. font-size: 28rpx;
  74. }
  75. .price {
  76. width: 690rpx;
  77. font-size: 28rpx;
  78. color: #999;
  79. margin: 10rpx auto 0;
  80. }
  81. .time {
  82. color: #999 !important;
  83. }
  84. .price .fl {
  85. width: 15%;
  86. color: #333;
  87. }
  88. .price .fr {
  89. width: 85%;
  90. color: #999;
  91. line-height: 40rpx;
  92. font-size: 26rpx;
  93. }
  94. .titleName .fr {
  95. color: #999;
  96. font-size: 27rpx;
  97. }
  98. .borderBox {
  99. width: 750rpx;
  100. margin-top: 30rpx;
  101. }
  102. .borderUp {
  103. width: 680rpx;
  104. margin: 0 auto;
  105. font-size: 36rpx;
  106. border: 2rpx dashed #209cff;
  107. border-radius: 16rpx;
  108. padding-bottom: 40rpx;
  109. height: 202rpx;
  110. margin-top: 47rpx;
  111. }
  112. .addicense_active {
  113. width: 690rpx;
  114. /* box-shadow: 0 4rpx 20rpx 0 rgba(153, 153, 153, 0.35); */
  115. border-radius: 12rpx;
  116. /* background: #02c0ff; */
  117. /* padding-bottom: 40rpx; */
  118. }
  119. .myCar {
  120. display: block;
  121. text-align: center;
  122. font-size: 34rpx;
  123. color: #02c0ff;
  124. letter-spacing: 0;
  125. }
  126. .carNumber {
  127. display: block;
  128. height: 50rpx;
  129. line-height: 50rpx;
  130. text-align: center;
  131. font-size: 26rpx;
  132. color: #999;
  133. letter-spacing: 0;
  134. margin-top: 10rpx;
  135. }
  136. .addBox {
  137. width: 750rpx;
  138. position: relative;
  139. background-color: white;
  140. }
  141. .add {
  142. position: absolute;
  143. left: 50%;
  144. top: 50%;
  145. transform: translate(-50%, -50%);
  146. font-size: 34rpx;
  147. color: #666;
  148. border: 2px dashed #eee;
  149. padding: 30rpx 50rpx;
  150. border-radius: 16rpx;
  151. }
  152. .add text {
  153. font-size: 40rpx;
  154. }
  155. .bottonBox {
  156. width: 750rpx;
  157. margin-top: 34rpx;
  158. margin-bottom: 80rpx;
  159. border-top: 16rpx #f8f8f8 solid;
  160. }
  161. .bottonBox view:nth-of-type(1) image {
  162. height: 45rpx;
  163. }
  164. .textStyle {
  165. background-color: white;
  166. height: 88rpx;
  167. line-height: 88rpx;
  168. padding-left: 82rpx;
  169. border-bottom: 1px #f8f8f8 solid;
  170. position: relative;
  171. font-size: 30rpx;
  172. color: #333;
  173. letter-spacing: 1.16rpx;
  174. }
  175. .textStyle image {
  176. width: 40rpx;
  177. height: 40rpx;
  178. top: 24rpx;
  179. left: 27rpx;
  180. position: absolute;
  181. }
  182. .swiper {
  183. position: relative;
  184. margin: 0 auto;
  185. height: 262rpx;
  186. }
  187. .swiper-item {
  188. width: 365rpx;
  189. font-size: 75rpx;
  190. font-weight: 400;
  191. text-align: center;
  192. color: rgba(255, 255, 255, 1);
  193. }
  194. .swiper-item .clearfix1 {
  195. background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%);
  196. border-radius: 12rpx;
  197. padding: 6rpx;
  198. }
  199. .tche {
  200. width: 685rpx;
  201. height: 88rpx;
  202. line-height: 88rpx;
  203. margin: 0 auto;
  204. background: #00c0ff;
  205. border-radius: 60rpx;
  206. position: relative;
  207. margin-top: 30rpx;
  208. }
  209. .txt01 {
  210. width: 667rpx;
  211. height: 180rpx;
  212. line-height: 180rpx;
  213. float: left;
  214. background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%);
  215. border-radius: 12rpx;
  216. border: 3px solid #fff;
  217. text-align: center;
  218. font-size: 60rpx;
  219. }
  220. .passNumberBox {
  221. width: 690rpx;
  222. margin: 32rpx auto 0;
  223. position: relative;
  224. background-color: white;
  225. }
  226. .numberBox {
  227. width: 100%;
  228. }
  229. .passNumber {
  230. width: 400rpx;
  231. height: 100rpx;
  232. font-size: 32rpx;
  233. font-weight: 600;
  234. line-height: 100rpx;
  235. left: 55rpx;
  236. position: absolute;
  237. }
  238. .nopay {
  239. height: 80rpx;
  240. line-height: 80rpx;
  241. font-weight: 400;
  242. }
  243. .number {
  244. font-size: 48rpx;
  245. color: #1f2d3d;
  246. letter-spacing: 0;
  247. line-height: 52rpx;
  248. font-weight: 400;
  249. }
  250. .manage_plate {
  251. width: 65%;
  252. border-radius: 80rpx;
  253. margin: 40rpx auto 0;
  254. background: #02c0ff;
  255. color: #fff;
  256. text-align: center;
  257. font-size: 30rpx;
  258. }
  259. .button_active {
  260. opacity: 0.6;
  261. }
  262. .btn001 {
  263. height: 88rpx;
  264. line-height: 88rpx;
  265. margin: 0 auto;
  266. font-size: 30rpx;
  267. font-weight: 400;
  268. color: #fff;
  269. background: none;
  270. }
  271. .parkPrice {
  272. font-size: 30rpx;
  273. font-weight: 500;
  274. }
  275. .deleteButton {
  276. font-size: 28rpx;
  277. line-height: 50rpx;
  278. height: 50rpx;
  279. top: 50%;
  280. right: 30rpx;
  281. position: absolute;
  282. transform: translate(0, -50%);
  283. color: white;
  284. background-color: #00c0ff !important;
  285. }
  286. .deleteButton button {
  287. background-color: #00c0ff !important;
  288. }
  289. .detail {
  290. width: 32rpx;
  291. height: 32rpx;
  292. right: 34rpx;
  293. top: 32rpx;
  294. position: absolute;
  295. }
  296. .detail image {
  297. width: 44rpx;
  298. height: 44rpx;
  299. position: absolute;
  300. left: 0;
  301. top: 0;
  302. }
  303. .voucher {
  304. width: 90%;
  305. padding: 0 5%;
  306. background-color: #fff;
  307. /* background-color: #cbcbcb; */
  308. height: 80rpx;
  309. position: relative;
  310. margin: 0 0 12rpx 0;
  311. border-bottom: 2rpx #fff solid;
  312. display: flex;
  313. justify-content: space-between;;
  314. }
  315. .textV1,
  316. .textV2 {
  317. height: 58rpx;
  318. width: 100rpx;
  319. padding-top: 26rpx;
  320. text-align: center;
  321. line-height: 80rxp;
  322. font-size: 24rpx;
  323. color: #333;
  324. }
  325. .textV2 {
  326. margin-top: 0rpx;
  327. padding: 0;
  328. /* background-color: rgb(0, 192, 255); */
  329. border-radius: 10rpx;
  330. width: 300rpx;
  331. height: 80rpx;
  332. line-height: 80rpx;
  333. font-size: 20rpx;
  334. border: 4rpx #fff solid;
  335. margin-bottom: 20rpx;
  336. }
  337. .textV3 {
  338. width: 225rpx;
  339. }
  340. .choice {
  341. width: 80rpx;
  342. height: 80rpx;
  343. position: relative;
  344. }
  345. .choice image {
  346. position: absolute;
  347. left: 50%;
  348. top: 50%;
  349. transform: translate(-50%, -50%);
  350. width: 30rpx;
  351. height: 30rpx;
  352. }
  353. .buy-view {
  354. background: #fff;
  355. position: relative;
  356. height: 88rpx;
  357. margin-top: 30rpx;
  358. display: flex;
  359. justify-content: center;
  360. align-items: center;
  361. }
  362. .buy {
  363. background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%);
  364. height: 88rpx;
  365. width: 73%;
  366. margin: 0 auto;
  367. color: #fff;
  368. font-size: 36rpx;
  369. line-height: 88rpx;
  370. border-radius: 60rpx;
  371. position: absolute;
  372. z-index: 100;
  373. text-align: center;
  374. bottom: -676rpx;
  375. left: 100rpx;
  376. }
  377. .buyBox {
  378. height: 88rpx;
  379. line-height: 88rpx;
  380. width: 98%;
  381. position: absolute;
  382. left: 0;
  383. right: 0;
  384. bottom: 0;
  385. top: 0;
  386. z-index: 100000000;
  387. border-radius: 60rpx;
  388. }
  389. .active {
  390. opacity: 0.6;
  391. }
  392. .borderBox {
  393. width: 750rpx;
  394. }
  395. .carmanage {
  396. position: relative;
  397. width: 690rpx;
  398. margin: 15rpx auto 0;
  399. height: 60rpx;
  400. line-height: 60rpx;
  401. /* border-bottom: 1rpx solid #eee; */
  402. }
  403. .carmanage .fr {
  404. font-size: 28rpx;
  405. color: #888;
  406. letter-spacing: 1.16rpx;
  407. text-align: right;
  408. }
  409. .fl {
  410. float: left;
  411. }
  412. .fr {
  413. float: right;
  414. }
  415. .carmanage .fl {
  416. width: 400rpx;
  417. }
  418. .carmanage .fr image {
  419. position: absolute;
  420. top: 0;
  421. right: 0;
  422. bottom: 0;
  423. margin: auto;
  424. width: 44rpx;
  425. height: 44rpx;
  426. }
  427. .carmanage image {
  428. width: 40rpx;
  429. vertical-align: middle;
  430. }
  431. .mycar {
  432. display: inline-block;
  433. font-size: 33rpx;
  434. color: #666;
  435. line-height: 35rpx;
  436. letter-spacing: 1.16rpx;
  437. }
  438. .num {
  439. display: inline-block;
  440. font-size: 26rpx;
  441. color: #999;
  442. letter-spacing: 0;
  443. margin-left: 20rpx;
  444. }
  445. .orderBox {
  446. padding: 0 45rpx;
  447. position: relative;
  448. }
  449. .priceBox {
  450. display: inline-block;
  451. width: 355rpx;
  452. }
  453. .priceBox text {
  454. color: #333;
  455. font-size: 28rpx;
  456. display: block;
  457. text-align: left;
  458. }
  459. .payBox {
  460. width: 250rpxpx;
  461. }
  462. .payBox button {
  463. width: 230rpx;
  464. border: 0;
  465. font-size: 32rpx;
  466. margin-top: 13rpx;
  467. margin-right: 20rpx;
  468. background-color: lightgreen;
  469. color: white;
  470. }
  471. input {
  472. outline: none;
  473. border: none;
  474. list-style: none;
  475. }
  476. button::after {
  477. border: none;
  478. }
  479. .right {
  480. display: inline-block;
  481. width: 328rpx;
  482. }
  483. .textRight {
  484. margin-left: 0;
  485. margin-right: 25rpx;
  486. text-align: left;
  487. font-size: 30rpx !important;
  488. color: #333 !important;
  489. }
  490. .myCars image {
  491. width: 44rpx;
  492. height: 44rpx;
  493. vertical-align: middle;
  494. margin-right: 14rpx;
  495. }
  496. .myCars {
  497. font-size: 34rpx;
  498. color: #02c0ff;
  499. letter-spacing: 0;
  500. text-align: center;
  501. padding-top: 58rpx;
  502. }
  503. .dots {
  504. position: absolute;
  505. left: 0;
  506. right: 0;
  507. bottom: 19rpx;
  508. display: flex;
  509. justify-content: center;
  510. height: 19rpx;
  511. background: #fff;
  512. }
  513. .dots .dot {
  514. margin: 0 8rpx;
  515. width: 32rpx;
  516. height: 14rpx;
  517. background: #ccc;
  518. border-radius: 8rpx;
  519. transition: all 0.6s;
  520. }
  521. .dots .dot.active {
  522. width: 49rpx;
  523. height: 4rpx;
  524. background: rgba(86, 189, 248, 1);
  525. border-radius: 6rpx;
  526. }
  527. .coupon {
  528. display: flex;
  529. align-items: center;
  530. font-size: 30rpx;
  531. font-weight: 600;
  532. color: #29a8ff;
  533. }
  534. .orderBox .fl {
  535. line-height: 70rpx;
  536. font-size: 28rpx;
  537. color: #333;
  538. }
  539. .orderBox .fr {
  540. line-height: 70rpx;
  541. font-size: 28rpx;
  542. color: #fd832d;
  543. }
  544. .jians {
  545. font-size: 35rpx;
  546. display: inline-block;
  547. width: 68rpx;
  548. height: 68rpx;
  549. text-align: center;
  550. background: #ff4949;
  551. line-height: 68rpx;
  552. color: #fff;
  553. border-radius: 6rpx;
  554. margin-right: 15rpx;
  555. }
  556. .jiant {
  557. position: relative;
  558. bottom: 4rpx;
  559. display: inline-block;
  560. width: 35rpx;
  561. height: 35rpx;
  562. vertical-align: middle;
  563. }
  564. .img {
  565. display: block;
  566. width: 211rpx;
  567. margin: 168rpx auto 40rpx;
  568. }
  569. .txt1 {
  570. font-size: 22rpx;
  571. color: #a6a6a6;
  572. letter-spacing: 0;
  573. }
  574. .txt2 {
  575. display: block;
  576. font-size: 28rpx;
  577. color: #999;
  578. letter-spacing: 0;
  579. text-align: center;
  580. line-height: 40rpx;
  581. margin-top: 10rpx;
  582. }
  583. .gray-bg {
  584. position: fixed;
  585. left: 0;
  586. top: 0;
  587. width: 100%;
  588. height: 100%;
  589. z-index: 1000;
  590. background: rgba(0, 0, 0, 0.2);
  591. }
  592. .ticket-modal {
  593. position: fixed;
  594. left: 50%;
  595. top: 50%;
  596. width: 80%;
  597. height: 880rpx;
  598. z-index: 10000;
  599. transform: translate(-50%, -50%);
  600. background: #fff;
  601. }
  602. .nocoupon image {
  603. width: 300rpx;
  604. display: block;
  605. margin: 3% auto 0;
  606. }
  607. .txt001 {
  608. display: block;
  609. line-height: 48rpx;
  610. font-size: 34rpx;
  611. color: #333;
  612. letter-spacing: 0;
  613. text-align: center;
  614. }
  615. .txt002 {
  616. display: block;
  617. margin-top: 1%;
  618. font-size: 28rpx;
  619. color: #999;
  620. letter-spacing: 0;
  621. line-height: 40rpx;
  622. text-align: center;
  623. }
  624. .nocoupon button {
  625. background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%);
  626. color: #fff;
  627. font-size: 30rpx;
  628. width: 74%;
  629. border-radius: 60rpx;
  630. height: 78rpx;
  631. line-height: 78rpx;
  632. margin-top: 100rpx;
  633. }
  634. .loading {
  635. text-align: center;
  636. height: 80rpx;
  637. line-height: 80rpx;
  638. font-size: 26rpx;
  639. color: #999;
  640. }
  641. .loading image {
  642. width: 60rpx;
  643. height: 60rpx;
  644. vertical-align: middle;
  645. margin-right: 10rpx;
  646. }
  647. .section {
  648. position: relative;
  649. width: 90%;
  650. margin-left: 5%;
  651. }
  652. .mms {
  653. width: 100%;
  654. height: 180rpx !important;
  655. background: #fff;
  656. /* padding: 30rpx 0 0; */
  657. margin: 0 auto 40rpx;
  658. /* border-radius: 16rpx; */
  659. /* border-top: 8rpx solid #02b7ff; */
  660. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10);
  661. }
  662. .detail_msg {
  663. display: flex;
  664. padding-top: 16rpx;
  665. padding-bottom: 16rpx;
  666. background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%);
  667. }
  668. .logo {
  669. width: 60rpx;
  670. height: 60rpx;
  671. /* border: 1px solid #f8f8f8; */
  672. border-radius: 50rpx;
  673. display: block;
  674. margin: 15rpx 20rpx 0 20rpx;
  675. }
  676. .logo image {
  677. width: 60rpx;
  678. height: 60rpx;
  679. border-radius: 50%;
  680. }
  681. .info view:nth-child(1) {
  682. display: flex;
  683. justify-content: space-between;
  684. padding: 0 4%;
  685. margin-top: 15rpx;
  686. }
  687. .info {
  688. width: 100%;
  689. border-left: 1rpx #fff dashed;
  690. }
  691. .info view:nth-child(1) text {
  692. font-size: 32rpx;
  693. line-height: 32rpx;
  694. height: 32rpx;
  695. color: #fff;
  696. letter-spacing: 0;
  697. width: 400rpx;
  698. display: inline-block;
  699. white-space: nowrap;
  700. text-overflow: ellipsis;
  701. overflow: hidden;
  702. }
  703. .info view:nth-child(2) {
  704. padding-left: 4%;
  705. font-size: 22rpx;
  706. color: #fff;
  707. letter-spacing: 0;
  708. margin-top: 6rpx;
  709. display: inline-block;
  710. white-space: nowrap;
  711. text-overflow: ellipsis;
  712. overflow: hidden;
  713. width: 400rpx;
  714. }
  715. .info view:nth-child(3) {
  716. margin-left: 20rpx;
  717. }
  718. .active {
  719. color: #fff;
  720. opacity: 0.6;
  721. /* background: #02c0ff; */
  722. }
  723. .expiretime {
  724. display: block;
  725. width: 100%;
  726. text-align: left;
  727. text-indent: 1em;
  728. height: 50rpx;
  729. line-height: 50rpx;
  730. font-size: 22rpx;
  731. color: #a6a6a6;
  732. letter-spacing: 0;
  733. }
  734. .ticket-title-tip {
  735. position: relative;
  736. width: 100%;
  737. height: 76rpx;
  738. line-height: 76rpx;
  739. text-align: center;
  740. color: #353535;
  741. font-size: 34rpx;
  742. }
  743. .close-icon {
  744. position: absolute;
  745. right: 10rpx;
  746. transform: translateY(16rpx);
  747. }
  748. .btns {
  749. position: absolute;
  750. right: 120rpx;
  751. top: 50rpx;
  752. height: 48rpx;
  753. line-height: 48rpx;
  754. text-align: right;
  755. color: #fff;
  756. font-size: 40rpx;
  757. }
  758. .yuan {
  759. color: #fff;
  760. font-size: 26rpx;
  761. }
  762. .gou {
  763. position: absolute;
  764. top: 45rpx;
  765. right: 30rpx;
  766. width: 60rpx;
  767. }
  768. .swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal {
  769. margin-bottom: 2rpx;
  770. }
  771. .swiper-box .wx-swiper-dot {
  772. width: 40rpx;
  773. display: inline-flex;
  774. height: 6rpx;
  775. margin-left: 10rpx;
  776. border-radius: 6rpx;
  777. justify-content: space-between;
  778. }
  779. .swiper-box .wx-swiper-dot::before {
  780. content: '';
  781. flex-grow: 1;
  782. background: #ccc8c8;
  783. }
  784. .swiper-box .wx-swiper-dot-active::before {
  785. background: #f6792b;
  786. }