C端小程序
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

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