C端小程序
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

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