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

1031 行
16 KiB

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