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.

1000 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. 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 {
  575. position: fixed;
  576. top: 0px;
  577. bottom: 0px;
  578. left: 0px;
  579. right: 0px;
  580. background: rgba(0, 0, 0, 0.8);
  581. overflow: hidden;
  582. z-index: 10;
  583. }
  584. .b1 .con {
  585. position: absolute;
  586. top: 35rpx;
  587. right: 0;
  588. bottom: 0;
  589. left: 0;
  590. margin: auto;
  591. width: 587rpx;
  592. }
  593. .b1 .con .image {
  594. display: block;
  595. width: 100%;
  596. }
  597. .b1 .img {
  598. margin-top: -50rpx;
  599. }
  600. .b1 .question {
  601. display: block;
  602. width: 587rpx;
  603. background: #fff;
  604. border-bottom-left-radius: 22rpx;
  605. border-bottom-right-radius: 22rpx;
  606. overflow: hidden;
  607. }
  608. .b1 .ques {
  609. display: block;
  610. width: 511rpx;
  611. margin: 0 auto;
  612. height: 95rpx;
  613. line-height: 95rpx;
  614. font-size: 30rpx;
  615. color: #333;
  616. border-bottom: 1rpx solid #eee;
  617. }
  618. .b1 .titles {
  619. width: 511rpx;
  620. display: block;
  621. text-align: center;
  622. height: 50rpx;
  623. margin: 0 auto;
  624. padding-top: 10rpx;
  625. padding-bottom: 20rpx;
  626. font-size: 32rpx;
  627. font-weight: bold;
  628. line-height: 41rpx;
  629. border-bottom: 1rpx solid #eee;
  630. }
  631. .b1 .quessss >view:last-child {
  632. border-bottom: 0;
  633. }
  634. .b1 .wmclose {
  635. position: relative;
  636. z-index: 10000;
  637. display: block;
  638. width: 70rpx;
  639. }
  640. .b1 .ques_gou {
  641. position: absolute;
  642. width: 20rpx;
  643. top: 160rpx;
  644. left: 23rpx;
  645. }
  646. .b1 .btnss {
  647. color: #f8755b;
  648. font-weight: bold;
  649. font-size: 30rpx !important;
  650. text-align: center !important;
  651. }
  652. .b1 .radios {
  653. display: block;
  654. font-size: 28rpx;
  655. height: 95rpx;
  656. line-height: 95rpx;
  657. color: #333;
  658. text-indent: 0.5em;
  659. }
  660. .b1 .elecard {
  661. display: inline-block;
  662. margin-left: 6rpx;
  663. color: #af6e34;
  664. border: 1px solid #af6e34;
  665. border-radius: 8rpx;
  666. font-style: normal;
  667. font-size: 30rpx;
  668. line-height: 40rpx;
  669. padding: 0 6rpx;
  670. }
  671. .b1 .applyshop {
  672. font-size: 30rpx;
  673. height: 70rpx;
  674. line-height: 70rpx;
  675. color: #333;
  676. text-indent: 1em;
  677. }
  678. .b1 .btns {
  679. /* padding: 0 33rpx; */
  680. position: fixed;
  681. left: 0;
  682. right: 0;
  683. bottom: 0;
  684. padding-bottom: 37rpx;
  685. padding-top: 37rpx;
  686. z-index: 100;
  687. background: #fff;
  688. }
  689. .b1 .btns .fr,.btns .fl {
  690. width: 277rpx;
  691. height: 95rpx;
  692. border-radius: 48rpx;
  693. text-align: center;
  694. }
  695. .b1 .btns .fl {
  696. margin-left: 20rpx;
  697. color: #fff;
  698. background: rgba(255, 169, 2, 1);
  699. box-shadow: 0px 8px 8px 1px rgba(255, 169, 2, 0.32);
  700. }
  701. .b1 .btns .fl text {
  702. display: block;
  703. font-size: 30rpx;
  704. line-height: 34rpx;
  705. }
  706. .b1 .btns .fl text:nth-of-type(1) {
  707. margin-top: 12rpx;
  708. }
  709. .b1 .btns .fr {
  710. font-size: 30rpx;
  711. color: #fff;
  712. margin-right: 20rpx;
  713. line-height: 95rpx;
  714. background: rgba(236, 59, 45, 1);
  715. box-shadow: 0px 8px 8px 1px rgba(246, 93, 51, 0.32);
  716. }
  717. .b1 .support-tansfer {
  718. width: 60%;
  719. border-radius: 50rpx;
  720. margin-top: 30rpx;
  721. background: #02c0ff !important;
  722. }
  723. .b1 .shaddow {
  724. z-index: 100;
  725. position: fixed;
  726. width: 100%;
  727. height: 100%;
  728. top: 0px;
  729. background: rgba(0, 0, 0, 0.8);
  730. overflow: hidden;
  731. }
  732. .b1 .alert-box {
  733. position: fixed;
  734. top: 200rpx;
  735. left: 10%;
  736. width: 80%;
  737. height: auto;
  738. padding-bottom: 20rpx;
  739. background: #fff;
  740. z-index: 200;
  741. border-radius: 20rpx;
  742. }
  743. .b1 .user-img {
  744. position: absolute;
  745. top: -50rpx;
  746. left: 250rpx;
  747. /* margin-left: -50rpx; */
  748. width: 100rpx;
  749. height: 100rpx;
  750. z-index: 300;
  751. border-radius: 50rpx;
  752. background: #fff;
  753. overflow: hidden;
  754. }
  755. .b1 .user-img image {
  756. width: 100rpx;
  757. height: 100rpx;
  758. }
  759. .b1 .close {
  760. position: absolute;
  761. z-index: 300;
  762. right: 0;
  763. top: 0;
  764. width: 100rpx;
  765. height: 100rpx;
  766. overflow: hidden;
  767. }
  768. .b1 .close image {
  769. display: block;
  770. width: 26rpx;
  771. height: 26rpx;
  772. margin: 20rpx 0 0 52rpx;
  773. }
  774. .b1 .a-title {
  775. text-align: center;
  776. margin-top: 76rpx;
  777. font-size: 36rpx;
  778. font-family: PingFang-SC-Medium;
  779. font-weight: 500;
  780. color: rgba(51, 51, 51, 1);
  781. line-height: 44rpx;
  782. }
  783. .b1 .a-img {
  784. position: relative;
  785. width: 80%;
  786. border-radius: 20rpx;
  787. height: 294rpx;
  788. overflow: hidden;
  789. text-align: center;
  790. margin: 30rpx auto 0;
  791. }
  792. .b1 .a-received {
  793. position: absolute;
  794. width: 100%;
  795. height: 294rpx;
  796. top: 0;
  797. left: 0;
  798. text-align: center;
  799. line-height: 294rpx;
  800. z-index: 320;
  801. background: rgba(255, 255, 255, 1);
  802. border: 0px solid rgba(151, 57, 117, 1);
  803. opacity: 0.91;
  804. font-size: 36rpx;
  805. color: rgba(255, 51, 50, 1);
  806. font-family: PingFang-SC-Medium;
  807. }
  808. .b1 .a-img image {
  809. width: 100%;
  810. height: 100%;
  811. }
  812. .b1 .bottom {
  813. text-align: center;
  814. height: 70rpx;
  815. line-height: 70rpx;
  816. color: #999;
  817. font-size: 32rpx;
  818. }
  819. .b1 .presslimit {
  820. color: red;
  821. font-size: 26rpx;
  822. letter-spacing: 1.16rpx;
  823. overflow: hidden;
  824. white-space: nowrap;
  825. text-overflow: ellipsis;
  826. }
  827. .b1 checkbox-group, radio-group {
  828. height: 400rpx;
  829. overflow-y: scroll;
  830. }
  831. .b1 .detailImg {
  832. width: 92%;
  833. margin: 10rpx auto 0;
  834. }
  835. .b1 .detailImg image {
  836. display: block;
  837. width: 100%;
  838. margin-bottom: 20rpx;
  839. }
  840. .b1 .content {
  841. margin: 0;
  842. padding: 0;
  843. width: 100%;
  844. height: 100%;
  845. background: #f3f3f3;
  846. position: relative;
  847. }
  848. .b1 .poster{
  849. width: 100%;
  850. height: 100%;
  851. padding: 20rpx;
  852. position: absolute;
  853. top: 0;
  854. left: 0;
  855. }
  856. .b1 .bottomsave {
  857. width: 100%;
  858. height: 140rpx;
  859. line-height: 140rpx;
  860. margin: auto 0;
  861. bottom:0;
  862. left: 0;
  863. right: 0;
  864. border-top: 1px solid #ccc;
  865. box-shadow: 0 0rpx 150rpx #ccc;
  866. background: #fff;
  867. }
  868. .b1 .saveposter {
  869. color: #fff;
  870. width: 380rpx;
  871. height: 80rpx;
  872. border-radius: 50rpx;
  873. background: #f08f04;
  874. margin-top: 30rpx;
  875. font-size: 32rpx;
  876. }
  877. .b1 .modal {
  878. width: 100%;
  879. height: 100%;
  880. position: fixed;
  881. top: 0;
  882. left: 0;
  883. background: rgba(0, 0, 0, 0.5);
  884. overflow: hidden;
  885. z-index: 10000;
  886. color: #fff;
  887. }
  888. .b1 .modal-content {
  889. width: 540rpx;
  890. height: 233rpx;
  891. line-height: 60rpx;
  892. overflow: hidden;
  893. position: fixed;
  894. top: 50%;
  895. left: 0;
  896. z-index: 11;
  897. background: #f9f9f9;
  898. margin: -130rpx 105rpx;
  899. border-radius: 36rpx;
  900. display: flex;
  901. }
  902. .b1 .modal-content view {
  903. display: inline-block;
  904. flex: 1;
  905. text-align: center;
  906. }
  907. .b1 .modal-content view>text {
  908. color: #000;
  909. display: block;
  910. font-size: 30rpx;
  911. }
  912. .b1 .modal-content view>image {
  913. margin-top: 40rpx;
  914. width: 90rpx;
  915. height: 90rpx;
  916. }
  917. .b1 .wx-swiper-dots{
  918. margin-bottom: 30rpx;
  919. }
  920. .quan{
  921. float: left;
  922. margin:28rpx 15rpx 0 0;
  923. width: 12rpx;
  924. height: 12rpx;
  925. background: #E1E1E1;
  926. border-radius: 50%;
  927. }