C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1007 lines
16 KiB

  1. /* pages/spellGroup/mySpellGroup/index.wxss */
  2. .top-img{
  3. width: 100%;
  4. height: 533rpx;
  5. z-index: 1;
  6. }
  7. .top-img image{
  8. width: 100%;
  9. height: 533rpx;
  10. }
  11. .goback {
  12. float:left;
  13. width:132rpx!important;
  14. height:96rpx;
  15. background:rgba(255,255,255,1);
  16. line-height:96rpx;
  17. border-radius:32rpx;
  18. margin-right:25rpx;
  19. }
  20. .timess{
  21. color: #af6e34;
  22. }
  23. .wx-swiper-dots{
  24. margin-bottom: 30rpx;
  25. }
  26. button::after{ border: none; }
  27. .goback image{
  28. position: absolute;
  29. width:52rpx;
  30. height: 50rpx;
  31. left: 0;
  32. right: 0;
  33. top: 0;
  34. bottom:0;
  35. margin:10rpx auto;
  36. }
  37. .content-box{
  38. box-sizing: content-box;
  39. height: auto;
  40. overflow: hidden;
  41. }
  42. .content{
  43. position: relative;
  44. width: 100%;
  45. height: auto;
  46. background: #F4F5F9;
  47. overflow: hidden;
  48. padding-bottom: 130rpx;
  49. }
  50. .text{
  51. position: relative;
  52. /* padding: 0 30rpx; */
  53. }
  54. .title{
  55. position: relative;
  56. background-color: #fff;
  57. z-index: 10;
  58. width: 750rpx;
  59. padding-top: 30rpx;
  60. padding-left: 30rpx;
  61. line-height: 50rpx;
  62. opacity: 1;
  63. font-size:32rpx;
  64. font-weight:bold;
  65. color:rgba(51,51,51,1);
  66. box-sizing: border-box;
  67. }
  68. .remark{
  69. background: #FFF;
  70. font-size:24rpx;
  71. font-family:PingFang-SC-Medium;
  72. font-weight:500;
  73. color:rgba(134,134,134,1);
  74. line-height: 48rpx;
  75. padding: 0 30rpx;
  76. }
  77. .des{
  78. width: 100%;
  79. height: auto;
  80. padding-top: 6rpx;
  81. background: #FFF;
  82. padding: 0 30rpx;
  83. color: #FD782D
  84. }
  85. .des-peoplenum{
  86. display: inline;
  87. font-size:24rpx;
  88. font-family:PingFang-SC-Medium;
  89. font-weight:500;
  90. line-height:44rpx;
  91. }
  92. .des-saleprice{
  93. display: inline;
  94. font-size:40rpx;
  95. font-family:PingFang-SC-Medium;
  96. font-weight:500;
  97. }
  98. .status{
  99. width: 100%;
  100. border-radius: 15rpx;
  101. background:rgba(255,235,229,1);
  102. margin: 30rpx 0;
  103. overflow: hidden;
  104. }
  105. .status01{
  106. float: left;
  107. width: 130rpx;
  108. height: 130rpx;
  109. }
  110. .status01 image{
  111. width: 90rpx;
  112. height: 90rpx;
  113. border-radius: 45rpx;
  114. margin: 20rpx 0 0 20rpx;
  115. }
  116. .status02{
  117. margin-top: 20rpx;
  118. float: left;
  119. width: 140rpx;
  120. font-size:28rpx;
  121. font-family:PingFang-SC-Medium;
  122. font-weight:500;
  123. color:rgba(51,51,51,1);
  124. }
  125. .r-p-num{
  126. display: inline;
  127. color: #FF3535;
  128. }
  129. .status03{
  130. width: 264rpx;
  131. float: left;
  132. padding-left: 10rpx;
  133. color: #F74812;
  134. box-sizing: border-box;
  135. }
  136. .hh,.mm,.ss{
  137. display: inline-block;
  138. font-size:26rpx;
  139. font-family:PingFang-SC-Medium;
  140. font-weight:500;
  141. color:rgba(255,255,255,1);
  142. height: 38rpx;
  143. width: 38rpx;
  144. background: #F74812;
  145. border-radius:10rpx;
  146. margin: 46rpx 0 0 0;
  147. text-align: center;
  148. line-height: 38rpx;
  149. }
  150. .day-box{
  151. width: 40rpx;
  152. text-align: center;
  153. }
  154. .mao{
  155. display: inline-block;
  156. width: 20rpx;
  157. text-align: center;
  158. }
  159. .status04{
  160. float: left;
  161. width: 146rpx;
  162. }
  163. .s-button{
  164. background:#ED3D2E;
  165. width: 120rpx;
  166. height: 48rpx;
  167. font-size:28rpx;
  168. font-family:PingFang-SC-Medium;
  169. font-weight:500;
  170. color:rgba(255,255,255,1);
  171. text-align: center;
  172. line-height: 48rpx;
  173. border-radius: 24rpx;
  174. margin: 40rpx auto 0;
  175. }
  176. .p-title{
  177. font-size:30rpx;
  178. color:rgba(51,51,51,1);
  179. margin: 10rpx 0 20rpx 0;
  180. }
  181. .p-list{
  182. font-size:24rpx;
  183. font-family:PingFang-SC-Medium;
  184. font-weight:500;
  185. color:rgba(51,51,51,1);
  186. line-height:50rpx;
  187. }
  188. .edit{
  189. position:fixed;
  190. bottom:0;
  191. left:0;
  192. right:0;
  193. padding:20rpx 22rpx;
  194. /* background:#fff; */
  195. }
  196. .edit-left{
  197. float: left;
  198. width: 268rpx;
  199. height: 96rpx;
  200. background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
  201. border-radius:32rpx;
  202. }
  203. .edit-right{
  204. float: right;
  205. width: 268rpx;
  206. height: 96rpx;
  207. line-height: 46rpx;
  208. background:linear-gradient(90deg,rgba(40,179,255,1) 0%,rgba(48,103,255,1) 100%);
  209. border-radius:32rpx;
  210. }
  211. .btnTxt{
  212. width: 50rpx;
  213. height: 30rpx;
  214. line-height: 50rpx;
  215. color: #FD782D;
  216. font-size: 20rpx;
  217. position: absolute;
  218. right:42rpx ;
  219. bottom: 15rpx;
  220. }
  221. .edit-left-top{
  222. height: 46rpx;
  223. text-align: center;
  224. line-height:65rpx;
  225. }
  226. .price{
  227. display: inline;
  228. font-size:32rpx;
  229. line-height: 32rpx;
  230. font-family:PingFang-SC-Medium;
  231. font-weight:500;
  232. color:rgba(254,254,254,1);
  233. }
  234. .price-unit{
  235. display: inline;
  236. font-size:27rpx;
  237. line-height: 27rpx;
  238. font-family:PingFang-SC-Medium;
  239. font-weight:500;
  240. color:rgba(254,254,254,1);
  241. }
  242. .edit-left-bottom{
  243. text-align: center;
  244. font-size:30rpx;
  245. line-height: 40rpx;
  246. font-family:PingFang-SC-Medium;
  247. font-weight:500;
  248. color:rgba(254,254,254,1);
  249. }
  250. .edit-right-top{
  251. line-height: 32rpx;
  252. text-align: center;
  253. margin-top: 13rpx;
  254. }
  255. .real-price{
  256. display: inline;
  257. font-size:32rpx;
  258. font-family:PingFang-SC-Medium;
  259. font-weight:500;
  260. color:rgba(254,254,254,1);
  261. }
  262. .real-price-unit{
  263. display: inline;
  264. font-size:27rpx;
  265. line-height: 27rpx;
  266. font-weight:500;
  267. color:rgba(254,254,254,1);
  268. }
  269. .edit-right-bottom{
  270. text-align: center;
  271. font-size:30rpx;
  272. line-height: 40rpx;
  273. font-weight:500;
  274. color:rgba(254,254,254,1);
  275. }
  276. .posi {
  277. position: relative;
  278. background: #FFF;
  279. margin-top: 18rpx;
  280. padding: 15rpx 30rpx
  281. }
  282. .applyshop{
  283. font-size:32rpx;
  284. color:rgba(51,51,51,1);
  285. margin: 10rpx 0 20rpx 0;
  286. }
  287. .posi>view:nth-child(2) {
  288. width: 100%;
  289. height: 87rpx;
  290. display: flex;
  291. justify-content: space-between;
  292. line-height: 87rpx;
  293. }
  294. .posi>view:nth-child(2) text:nth-child(1) {
  295. font-size: 30rpx;
  296. color: #a9a9a9;
  297. }
  298. .posi>view:nth-child(2) text:nth-child(2) {
  299. font-size: 30rpx;
  300. color: #a9a9a9;
  301. }
  302. .posi_logo {
  303. width: 100%;
  304. display: flex;
  305. padding: 20rpx 0;
  306. height: 100rpx;
  307. margin-bottom: 20rpx;
  308. }
  309. .posi_logo view:nth-child(1) {
  310. width: 100rpx;
  311. height: 100rpx;
  312. border-radius: 16rpx;
  313. }
  314. .posi_logo view:nth-child(1) image {
  315. display: block;
  316. width: 100rpx;
  317. height: 100rpx;
  318. border-radius: 16rpx;
  319. border: 1px solid #e5e5e5;
  320. }
  321. .posi_logo view:nth-child(2) {
  322. display: flex;
  323. flex-direction: column;
  324. flex: 8;
  325. padding-left: 30rpx;
  326. }
  327. .posi_logo view:nth-child(2) text:nth-child(1) {
  328. font-size: 32rpx;
  329. color: #333;
  330. letter-spacing: 0;
  331. }
  332. .posi_logo view:nth-child(2) text:nth-child(2) {
  333. font-size: 24rpx;
  334. color: #b8b8b8;
  335. padding-top: 3rpx;
  336. width: 450rpx;
  337. height: 36rpx;
  338. overflow: hidden;
  339. }
  340. .tel {
  341. right: 0;
  342. top: 0;
  343. bottom: 0;
  344. margin: auto;
  345. width: 76rpx;
  346. height: 76rpx;
  347. }
  348. .rest {
  349. font-size: 24rpx;
  350. color: #919191;
  351. letter-spacing: 0;
  352. height: 70rpx;
  353. line-height: 70rpx;
  354. /* border-bottom: 1px solid #eee; */
  355. border-bottom: 1px solid #f9f9f9;
  356. background: #FFF;
  357. padding: 0 30rpx;
  358. }
  359. .right-text{
  360. float: right;
  361. }
  362. .restNum {
  363. font-size: 24rpx;
  364. color: #999;
  365. letter-spacing: 1.16rpx;
  366. text-align: right;
  367. }
  368. .time {
  369. font-size: 24rpx;
  370. color: #333;
  371. letter-spacing: 0;
  372. line-height: 33rpx;
  373. display: inline-block;
  374. }
  375. .txt01 {
  376. font-size: 24rpx;
  377. color: #919191;
  378. letter-spacing: 0;
  379. }
  380. .times {
  381. display: inline-block;
  382. color: #ff4949;
  383. font-weight: bold;
  384. font-size: 26rpx;
  385. text-align: center;
  386. }
  387. .times text {
  388. display: inline-block;
  389. margin: 6rpx;
  390. width: 46rpx;
  391. height: 56rpx;
  392. text-align: center;
  393. font-size: 28rpx;
  394. line-height: 60rpx;
  395. border-radius: 12rpx;
  396. color: #fff;
  397. font-weight: bold;
  398. background: #ff4949;
  399. }
  400. .fenxiang {
  401. position:absolute;
  402. right:0;
  403. top:-55rpx;
  404. width:108rpx;
  405. z-index:10;
  406. display: flex;
  407. flex-direction: column;
  408. }
  409. .fenxiang image {
  410. width:48rpx;
  411. height: 48rpx;
  412. z-index: 10;
  413. margin: 0 auto;
  414. }
  415. .gift{
  416. color: #3C3C3C;
  417. font-size: 20rpx;
  418. margin: 0 auto;
  419. }
  420. .user-motto {
  421. width: 270rpx;
  422. border: 0;
  423. background: none;
  424. height: 260rpx;
  425. color: #fff;
  426. position: fixed;
  427. }
  428. .user-motto::after {
  429. border: none;
  430. }
  431. .notes view:nth-child(1) {
  432. height: 87rpx;
  433. line-height: 87rpx;
  434. border-top: 1px solid #f9f9f9;
  435. }
  436. .notes {
  437. margin-top: 18rpx;
  438. background: #FFF;
  439. width: calc(100vw-60rpx);
  440. padding: 0 30rpx;
  441. }
  442. .notes view:nth-child(1) text {
  443. color: #333;
  444. letter-spacing: 0;
  445. font-size: 30rpx;
  446. height: 70rpx;
  447. line-height: 70rpx;
  448. }
  449. .notes view:nth-child(2) {
  450. background: #fff;
  451. display: flex;
  452. flex-direction: column;
  453. }
  454. .notes view:nth-child(2)>text {
  455. font-size: 24rpx;
  456. color: #919191;
  457. letter-spacing: 0;
  458. line-height: 42rpx;
  459. }
  460. .banner {
  461. position: relative;
  462. width: 750rpx;
  463. height: 454rpx;
  464. }
  465. .banner swiper {
  466. width: 750rpx;
  467. height: 454rpx;
  468. }
  469. .banner image {
  470. width: 100%;
  471. height: 100%;
  472. }
  473. .dots {
  474. position: absolute;
  475. left: 0;
  476. right: 0;
  477. bottom: 50rpx;
  478. display: flex;
  479. justify-content: center;
  480. }
  481. .dot {
  482. margin: 0 8rpx;
  483. width: 14rpx;
  484. height: 14rpx;
  485. background: #fff;
  486. border-radius: 8rpx;
  487. transition: all 0.6s;
  488. }
  489. .dot.active {
  490. width: 24rpx;
  491. background: #f80;
  492. }
  493. .detailImg {
  494. width: calc(100vw-60rpx);
  495. background: #FFF;
  496. padding: 0 30rpx;
  497. }
  498. .detailImg image {
  499. display: block;
  500. width: 100%;
  501. margin-bottom: 20rpx;
  502. }
  503. .poster{
  504. width: 100%;
  505. height: 100%;
  506. padding: 20rpx;
  507. position: absolute;
  508. top: 0;
  509. left: 0;
  510. }
  511. .bottomsave {
  512. width: 100%;
  513. height: 140rpx;
  514. line-height: 140rpx;
  515. margin: auto 0;
  516. bottom:0;
  517. left: 0;
  518. right: 0;
  519. border-top: 1px solid #ccc;
  520. box-shadow: 0 0rpx 150rpx #ccc;
  521. background: #fff;
  522. }
  523. .saveposter {
  524. color: #fff;
  525. width: 380rpx;
  526. height: 80rpx;
  527. border-radius: 50rpx;
  528. background: #f08f04;
  529. margin-top: 30rpx;
  530. font-size: 32rpx;
  531. }
  532. .modal {
  533. width: 100%;
  534. height: 100%;
  535. position: fixed;
  536. top: 0;
  537. left: 0;
  538. background: rgba(0, 0, 0, 0.5);
  539. overflow: hidden;
  540. z-index: 10000;
  541. color: #fff;
  542. }
  543. .modal-content {
  544. width: 540rpx;
  545. height: 233rpx;
  546. line-height: 60rpx;
  547. overflow: hidden;
  548. position: fixed;
  549. top: 50%;
  550. left: 0;
  551. z-index: 11;
  552. background: #f9f9f9;
  553. margin: -130rpx 105rpx;
  554. border-radius: 36rpx;
  555. display: flex;
  556. }
  557. .modal-content view {
  558. display: inline-block;
  559. flex: 1;
  560. text-align: center;
  561. }
  562. .modal-content view>text {
  563. color: #000;
  564. display: block;
  565. font-size: 30rpx;
  566. height: 80rpx;
  567. line-height: 80rpx;
  568. }
  569. .modal-content view>image {
  570. margin-top: 30rpx;
  571. width: 90rpx;
  572. height: 90rpx;
  573. }
  574. .b1 .con {
  575. position: absolute;
  576. top: 35rpx;
  577. right: 0;
  578. bottom: 0;
  579. left: 0;
  580. margin: auto;
  581. width: 587rpx;
  582. }
  583. .b1 .con .image {
  584. display: block;
  585. width: 100%;
  586. }
  587. .b1 .img {
  588. margin-top: -50rpx;
  589. }
  590. .b1 .question {
  591. display: block;
  592. width: 587rpx;
  593. background: #fff;
  594. border-bottom-left-radius: 22rpx;
  595. border-bottom-right-radius: 22rpx;
  596. overflow: hidden;
  597. }
  598. .b1 .ques {
  599. display: block;
  600. width: 511rpx;
  601. margin: 0 auto;
  602. height: 95rpx;
  603. line-height: 95rpx;
  604. font-size: 30rpx;
  605. color: #333;
  606. border-bottom: 1rpx solid #eee;
  607. }
  608. .b1 .titles {
  609. width: 511rpx;
  610. display: block;
  611. text-align: center;
  612. height: 50rpx;
  613. margin: 0 auto;
  614. padding-top: 10rpx;
  615. padding-bottom: 20rpx;
  616. font-size: 32rpx;
  617. font-weight: bold;
  618. line-height: 41rpx;
  619. border-bottom: 1rpx solid #eee;
  620. }
  621. .b1 .quessss >view:last-child {
  622. border-bottom: 0;
  623. }
  624. .b1 .wmclose {
  625. position: relative;
  626. z-index: 10000;
  627. display: block;
  628. width: 70rpx;
  629. }
  630. .b1 .ques_gou {
  631. position: absolute;
  632. width: 20rpx;
  633. top: 160rpx;
  634. left: 23rpx;
  635. }
  636. .b1 .btnss {
  637. color: #f8755b;
  638. font-weight: bold;
  639. font-size: 30rpx !important;
  640. text-align: center !important;
  641. }
  642. .b1 .radios {
  643. display: block;
  644. font-size: 28rpx;
  645. height: 95rpx;
  646. line-height: 95rpx;
  647. color: #333;
  648. text-indent: 0.5em;
  649. }
  650. .b1 .elecard {
  651. display: inline-block;
  652. margin-left: 6rpx;
  653. color: #af6e34;
  654. border: 1px solid #af6e34;
  655. border-radius: 8rpx;
  656. font-style: normal;
  657. font-size: 30rpx;
  658. line-height: 40rpx;
  659. padding: 0 6rpx;
  660. }
  661. .b1 .applyshop {
  662. font-size: 30rpx;
  663. height: 70rpx;
  664. line-height: 70rpx;
  665. color: #333;
  666. text-indent: 1em;
  667. }
  668. .b1 .btns {
  669. /* padding: 0 33rpx; */
  670. position: fixed;
  671. left: 0;
  672. right: 0;
  673. bottom: 0;
  674. padding-bottom: 37rpx;
  675. padding-top: 37rpx;
  676. z-index: 100;
  677. background: #fff;
  678. }
  679. .b1 .btns .fr,.btns .fl {
  680. width: 277rpx;
  681. height: 95rpx;
  682. border-radius: 48rpx;
  683. text-align: center;
  684. }
  685. .b1 .btns .fl {
  686. margin-left: 20rpx;
  687. color: #fff;
  688. background: rgba(255, 169, 2, 1);
  689. box-shadow: 0px 8px 8px 1px rgba(255, 169, 2, 0.32);
  690. }
  691. .b1 .btns .fl text {
  692. display: block;
  693. font-size: 30rpx;
  694. line-height: 34rpx;
  695. }
  696. .b1 .btns .fl text:nth-of-type(1) {
  697. margin-top: 12rpx;
  698. }
  699. .b1 .btns .fr {
  700. font-size: 30rpx;
  701. color: #fff;
  702. margin-right: 20rpx;
  703. line-height: 95rpx;
  704. background: rgba(236, 59, 45, 1);
  705. box-shadow: 0px 8px 8px 1px rgba(246, 93, 51, 0.32);
  706. }
  707. .b1 .support-tansfer {
  708. width: 60%;
  709. border-radius: 50rpx;
  710. margin-top: 30rpx;
  711. background: #02c0ff !important;
  712. }
  713. .b1 .shaddow {
  714. z-index: 100;
  715. position: fixed;
  716. width: 100%;
  717. height: 100%;
  718. top: 0px;
  719. background: rgba(0, 0, 0, 0.8);
  720. overflow: hidden;
  721. }
  722. .b1 .alert-box {
  723. position: fixed;
  724. top: 200rpx;
  725. left: 10%;
  726. width: 80%;
  727. height: auto;
  728. padding-bottom: 20rpx;
  729. background: #fff;
  730. z-index: 200;
  731. border-radius: 20rpx;
  732. }
  733. .b1 .user-img {
  734. position: absolute;
  735. top: -50rpx;
  736. left: 250rpx;
  737. /* margin-left: -50rpx; */
  738. width: 100rpx;
  739. height: 100rpx;
  740. z-index: 300;
  741. border-radius: 50rpx;
  742. background: #fff;
  743. overflow: hidden;
  744. }
  745. .b1 .user-img image {
  746. width: 100rpx;
  747. height: 100rpx;
  748. }
  749. .b1 .close {
  750. position: absolute;
  751. z-index: 300;
  752. right: 0;
  753. top: 0;
  754. width: 100rpx;
  755. height: 100rpx;
  756. overflow: hidden;
  757. }
  758. .b1 .close image {
  759. display: block;
  760. width: 26rpx;
  761. height: 26rpx;
  762. margin: 20rpx 0 0 52rpx;
  763. }
  764. .b1 .a-title {
  765. text-align: center;
  766. margin-top: 76rpx;
  767. font-size: 36rpx;
  768. font-family: PingFang-SC-Medium;
  769. font-weight: 500;
  770. color: rgba(51, 51, 51, 1);
  771. line-height: 44rpx;
  772. }
  773. .b1 .a-img {
  774. position: relative;
  775. width: 80%;
  776. border-radius: 20rpx;
  777. height: 294rpx;
  778. overflow: hidden;
  779. text-align: center;
  780. margin: 30rpx auto 0;
  781. }
  782. .b1 .a-received {
  783. position: absolute;
  784. width: 100%;
  785. height: 294rpx;
  786. top: 0;
  787. left: 0;
  788. text-align: center;
  789. line-height: 294rpx;
  790. z-index: 320;
  791. background: rgba(255, 255, 255, 1);
  792. border: 0px solid rgba(151, 57, 117, 1);
  793. opacity: 0.91;
  794. font-size: 36rpx;
  795. color: rgba(255, 51, 50, 1);
  796. font-family: PingFang-SC-Medium;
  797. }
  798. .b1 .a-img image {
  799. width: 100%;
  800. height: 100%;
  801. }
  802. .b1 .bottom {
  803. text-align: center;
  804. height: 70rpx;
  805. line-height: 70rpx;
  806. color: #999;
  807. font-size: 32rpx;
  808. }
  809. .b1 .presslimit {
  810. color: red;
  811. font-size: 26rpx;
  812. letter-spacing: 1.16rpx;
  813. overflow: hidden;
  814. white-space: nowrap;
  815. text-overflow: ellipsis;
  816. }
  817. .b1 checkbox-group, radio-group {
  818. height: 400rpx;
  819. overflow-y: scroll;
  820. }
  821. .b1 .detailImg {
  822. width: 92%;
  823. margin: 10rpx auto 0;
  824. }
  825. .b1 .detailImg image {
  826. display: block;
  827. width: 100%;
  828. margin-bottom: 20rpx;
  829. }
  830. .b1 .content {
  831. margin: 0;
  832. padding: 0;
  833. width: 100%;
  834. height: 100%;
  835. background: #f3f3f3;
  836. position: relative;
  837. }
  838. .b1 .poster{
  839. width: 100%;
  840. height: 100%;
  841. padding: 20rpx;
  842. position: absolute;
  843. top: 0;
  844. left: 0;
  845. }
  846. .b1 .bottomsave {
  847. width: 100%;
  848. height: 140rpx;
  849. line-height: 140rpx;
  850. margin: auto 0;
  851. bottom:0;
  852. left: 0;
  853. right: 0;
  854. border-top: 1px solid #ccc;
  855. box-shadow: 0 0rpx 150rpx #ccc;
  856. background: #fff;
  857. }
  858. .b1 .saveposter {
  859. color: #fff;
  860. width: 380rpx;
  861. height: 80rpx;
  862. border-radius: 50rpx;
  863. background: #f08f04;
  864. margin-top: 30rpx;
  865. font-size: 32rpx;
  866. }
  867. .b1 .modal {
  868. width: 100%;
  869. height: 100%;
  870. position: fixed;
  871. top: 0;
  872. left: 0;
  873. background: rgba(0, 0, 0, 0.5);
  874. overflow: hidden;
  875. z-index: 10000;
  876. color: #fff;
  877. }
  878. .b1 .modal-content {
  879. width: 540rpx;
  880. height: 233rpx;
  881. line-height: 60rpx;
  882. overflow: hidden;
  883. position: fixed;
  884. top: 50%;
  885. left: 0;
  886. z-index: 11;
  887. background: #f9f9f9;
  888. margin: -130rpx 105rpx;
  889. border-radius: 36rpx;
  890. display: flex;
  891. }
  892. .b1 .modal-content view {
  893. display: inline-block;
  894. flex: 1;
  895. text-align: center;
  896. }
  897. .b1 .modal-content view>text {
  898. color: #000;
  899. display: block;
  900. font-size: 30rpx;
  901. }
  902. .b1 .modal-content view>image {
  903. margin-top: 40rpx;
  904. width: 90rpx;
  905. height: 90rpx;
  906. }
  907. .b1 .wx-swiper-dots{
  908. margin-bottom: 30rpx;
  909. }
  910. .quan{
  911. float: left;
  912. margin:28rpx 15rpx 0 0;
  913. width: 12rpx;
  914. height: 12rpx;
  915. background: #E1E1E1;
  916. border-radius: 50%;
  917. }
  918. .swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal{
  919. margin-bottom: 2rpx;
  920. }
  921. .swiper-box .wx-swiper-dot{
  922. width:40rpx;
  923. display: inline-flex;
  924. height: 6rpx;
  925. margin-left: 10rpx;
  926. border-radius:6rpx;
  927. justify-content:space-between;
  928. }
  929. .swiper-box .wx-swiper-dot::before{
  930. content: '';
  931. flex-grow: 1;
  932. background: #ccc8c8;
  933. }
  934. .swiper-box .wx-swiper-dot-active::before{
  935. background:#f6792b;
  936. }