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.

989 line
15 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. margin-right: 15rpx;
  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: 76rpx;
  347. height: 76rpx;
  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. .restNum {
  361. font-size: 24rpx;
  362. color: #999;
  363. letter-spacing: 1.16rpx;
  364. text-align: right;
  365. }
  366. .time {
  367. font-size: 24rpx;
  368. color: #333;
  369. letter-spacing: 0;
  370. line-height: 33rpx;
  371. display: inline-block;
  372. }
  373. .txt01 {
  374. font-size: 24rpx;
  375. color: #919191;
  376. letter-spacing: 0;
  377. }
  378. .times {
  379. display: inline-block;
  380. color: #ff4949;
  381. font-weight: bold;
  382. font-size: 26rpx;
  383. text-align: center;
  384. }
  385. .times text {
  386. display: inline-block;
  387. margin: 6rpx;
  388. width: 46rpx;
  389. height: 56rpx;
  390. text-align: center;
  391. font-size: 28rpx;
  392. line-height: 60rpx;
  393. border-radius: 12rpx;
  394. color: #fff;
  395. font-weight: bold;
  396. background: #ff4949;
  397. }
  398. .fenxiang {
  399. position:absolute;
  400. right:28rpx;
  401. top:-27rpx;
  402. width:108rpx;
  403. z-index:10;
  404. }
  405. .fenxiang image {
  406. width:48rpx;
  407. height: 48rpx;
  408. position: absolute;
  409. right: 16rpx;
  410. top: 0;
  411. z-index: 10;
  412. }
  413. .gift{
  414. color: #3C3C3C;
  415. font-size: 20rpx;
  416. position: absolute;
  417. top: 50rpx;
  418. right: 0;
  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. }