C端小程序
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

1021 行
16 KiB

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