C端小程序
Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

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