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

1244 行
19 KiB

  1. @import "../../app.wxss";
  2. @import "../../wxParse/wxParse.wxss";
  3. page {
  4. background: #f4f5f9;
  5. }
  6. .coupons {
  7. width: 100%;
  8. position: relative;
  9. }
  10. .coupons-body {
  11. flex: 1;
  12. }
  13. .apply {
  14. position: fixed;
  15. bottom: 152rpx;
  16. left: 100rpx;
  17. margin: auto;
  18. width: 556rpx;
  19. font-size: 30rpx;
  20. text-align: center;
  21. background-color: #f6f6f6;
  22. color: #888;
  23. }
  24. .banner {
  25. position: relative;
  26. width: 750rpx;
  27. /* height: 280rpx; */
  28. overflow: hidden;
  29. }
  30. .banner image {
  31. width: 750rpx;
  32. }
  33. .txt001 {
  34. display: block;
  35. font-size: 36rpx !important;
  36. color: #363636;
  37. letter-spacing: 0;
  38. text-align: left;
  39. line-height: 48rpx;
  40. padding-top: 3.2%;
  41. }
  42. .txt002 {
  43. font-size: 30rpx !important;
  44. color: #999;
  45. letter-spacing: 0;
  46. text-align: left;
  47. line-height: 33rpx;
  48. }
  49. .proct {
  50. position: relative;
  51. margin-top: 20rpx;
  52. }
  53. .proct text:nth-of-type(1) {
  54. display: block;
  55. font-size: 32rpx !important;
  56. color: #ff4949;
  57. letter-spacing: 0;
  58. line-height: 32rpx;
  59. margin-bottom: 20rpx;
  60. }
  61. .proct text:nth-of-type(2) {
  62. display: block;
  63. font-size: 30rpx;
  64. color: #6f6f6f;
  65. letter-spacing: 0;
  66. margin: 0 auto;
  67. }
  68. .banner text {
  69. position: absolute;
  70. right: 0;
  71. top: 0;
  72. bottom: 0;
  73. margin: auto;
  74. width: 122rpx;
  75. height: 48rpx;
  76. line-height: 48rpx;
  77. opacity: 0.8;
  78. background: #000;
  79. font-size: 24rpx;
  80. color: #fff;
  81. letter-spacing: 0;
  82. text-indent: 0.5em;
  83. border-top-left-radius: 50rpx;
  84. border-bottom-left-radius: 50rpx;
  85. }
  86. .coupons_info {
  87. width: 92%;
  88. height: 120rpx;
  89. display: flex;
  90. justify-content: space-between;
  91. padding: 0 4% 4%;
  92. background: #fff;
  93. }
  94. .coupons_info view {
  95. display: flex;
  96. flex-direction: column;
  97. }
  98. .coupons_info view:nth-child(1) text {
  99. font-size: 30rpx;
  100. line-height: 32rpx;
  101. margin-top: 10%;
  102. }
  103. .coupons_info view:nth-child(1) text:nth-child(1) text {
  104. color: #ff3434;
  105. font-size: 24rpx;
  106. border: 1px solid #ff3434;
  107. border-radius: 6rpx;
  108. margin-left: 2%;
  109. padding: 0 5rpx;
  110. }
  111. .coupons_info view:nth-child(1) text:nth-child(2),
  112. .coupons_info view:nth-child(1) text:nth-child(3) {
  113. color: #b8b8b8;
  114. font-size: 24rpx;
  115. margin-top: 4%;
  116. }
  117. .coupons_info view:nth-child(1) text:nth-child(2) text,
  118. .coupons_info view:nth-child(1) text:nth-child(3) text {
  119. color: #ff3434;
  120. font-size: 24rpx;
  121. }
  122. .coupons_info view:nth-child(2) text:nth-child(1) {
  123. font-size: 36rpx;
  124. color: #ff3434;
  125. margin-top: 40rpx;
  126. font-weight: bold;
  127. }
  128. .coupons_info view:nth-child(2) text:nth-child(2) {
  129. font-size: 24rpx;
  130. color: #b4b4b4;
  131. text-decoration: line-through;
  132. padding-left: 10rpx;
  133. padding-top: 4rpx;
  134. }
  135. navigator {
  136. display: block;
  137. margin-bottom: 24rpx;
  138. width: 344rpx;
  139. }
  140. .navigator-hover {
  141. opacity: 1 !important;
  142. background: #fff !important;
  143. border-radius: 16rpx;
  144. }
  145. .active {
  146. opacity: 0.6;
  147. }
  148. navigator:nth-of-type(2n) {
  149. float: right;
  150. }
  151. navigator:nth-of-type(2n+1) {
  152. float: left;
  153. }
  154. .contain {
  155. padding: 24rpx 25rpx 0;
  156. }
  157. .posi {
  158. width: 92%;
  159. display: flex;
  160. flex-direction: column;
  161. padding: 0 4%;
  162. background: #fff;
  163. margin-top: 2%;
  164. }
  165. .posi>view:nth-child(2) {
  166. width: 100%;
  167. height: 87rpx;
  168. display: flex;
  169. justify-content: space-between;
  170. border-top: 1px solid #f6f6f6;
  171. line-height: 87rpx;
  172. }
  173. .posi>view:nth-child(2) text:nth-child(1) {
  174. font-size: 30rpx;
  175. color: #a9a9a9;
  176. }
  177. .posi>view:nth-child(2) text:nth-child(2) {
  178. font-size: 30rpx;
  179. color: #a9a9a9;
  180. }
  181. .posi_logo {
  182. width: 100%;
  183. height: 156rpx;
  184. display: flex;
  185. margin-top: 30rpx;
  186. }
  187. .posi_logo view:nth-child(1) {
  188. width: 126rpx;
  189. height: 126rpx;
  190. border-radius: 50%;
  191. overflow: hidden;
  192. flex: 2;
  193. }
  194. .posi_logo view:nth-child(1) image {
  195. width: 100%;
  196. height: 100%;
  197. }
  198. .posi_logo view:nth-child(2) {
  199. display: flex;
  200. flex-direction: column;
  201. flex: 8;
  202. padding-top: 20rpx;
  203. padding-left: 30rpx;
  204. }
  205. .posi_logo view:nth-child(2) text:nth-child(1) {
  206. font-size: 30rpx;
  207. }
  208. .posi_logo view:nth-child(2) text:nth-child(2) {
  209. font-size: 24rpx;
  210. color: #b8b8b8;
  211. padding-top: 10rpx;
  212. }
  213. .notes view:nth-child(1) {
  214. width: 92%;
  215. height: 87rpx;
  216. padding: 0 4%;
  217. line-height: 87rpx;
  218. background: #fff;
  219. /* border-top: 1rpx solid #f5f5f5; */
  220. }
  221. .notes view:nth-child(1) text {
  222. font-size: 30rpx;
  223. font-weight: bold;
  224. }
  225. .notes view:nth-child(2) {
  226. width: 92%;
  227. height: auto;
  228. padding: 0 4% 4%;
  229. background: #fff;
  230. /* border-bottom: 1rpx solid #f5f5f5; */
  231. display: flex;
  232. flex-direction: column;
  233. }
  234. .notes view:nth-child(2)>text {
  235. font-size: 28rpx;
  236. color: #a9a9a9;
  237. line-height: 45rpx;
  238. }
  239. .spot {
  240. width: 12rpx;
  241. height: 12rpx;
  242. display: inline-block;
  243. background: #a9a9a9;
  244. margin-right: 16rpx;
  245. position: relative;
  246. bottom: 4rpx;
  247. border-radius: 50%;
  248. }
  249. .buy-view {
  250. background: #fff;
  251. position: fixed;
  252. padding-top: 10rpx;
  253. height: 98rpx;
  254. bottom: 0rpx;
  255. left: 0;
  256. right: 0;
  257. }
  258. .buy {
  259. display: block;
  260. background: #ff4949;
  261. border-radius: 30rpx;
  262. height: 48rpx;
  263. width: 112rpx;
  264. margin: 0 auto;
  265. color: #fff;
  266. font-size: 26rpx;
  267. line-height: 48rpx;
  268. text-align: center;
  269. }
  270. .coupons1-btn-gm {
  271. background: #00c0ff !important;
  272. border-radius: 10rpx !important;
  273. margin: 0 !important;
  274. padding: 0 !important;
  275. font-family: PingFangSC-Semibold;
  276. font-size: 28rpx;
  277. color: #fff !important;
  278. letter-spacing: 0;
  279. height: 50rpx !important;
  280. width: 138rpx !important;
  281. line-height: 50rpx !important;
  282. }
  283. .coupons1 {
  284. position: relative;
  285. background: #fff;
  286. border-radius: 16rpx;
  287. padding-bottom: 21rpx;
  288. overflow: hidden;
  289. height: 486rpx;
  290. }
  291. .coupons1-img {
  292. width: 344rpx;
  293. height: 258rpx;
  294. overflow: hidden;
  295. }
  296. .coupons1-img image {
  297. display: block;
  298. width: 100%;
  299. height: 100%;
  300. }
  301. .coupons1-info {
  302. padding-left: 20rpx;
  303. }
  304. .coupons1-info-name {
  305. font-size: 28rpx;
  306. color: #000;
  307. letter-spacing: 0;
  308. }
  309. .i {
  310. font-size: 20rpx;
  311. font-style: normal;
  312. }
  313. .coupons1-info-price-p {
  314. display: inline-block;
  315. font-size: 36rpx;
  316. color: #f96563;
  317. line-height: 50rpx;
  318. margin-top: 21rpx;
  319. }
  320. .tit {
  321. font-size: 30rpx;
  322. color: #000;
  323. letter-spacing: 0;
  324. line-height: 42rpx;
  325. width: 270rpx;
  326. height: 42rpx;
  327. overflow: hidden;
  328. white-space: nowrap;
  329. text-overflow: ellipsis;
  330. padding-top: 16rpx;
  331. }
  332. .coupons1-info-price-o {
  333. display: block;
  334. text-align: center;
  335. font-size: 26rpx;
  336. color: #b4b4b4;
  337. letter-spacing: 0.96rpx;
  338. text-decoration: line-through;
  339. line-height: 24rpx;
  340. }
  341. .coupons1-info-distance {
  342. font-size: 22rpx;
  343. color: #c0c0c0;
  344. letter-spacing: 0;
  345. padding-bottom: 10rpx;
  346. line-height: 30rpx;
  347. }
  348. .coupons1-info-address {
  349. font-size: 22rpx;
  350. color: #585858;
  351. letter-spacing: 0;
  352. line-height: 30rpx;
  353. }
  354. .coupons1-btn {
  355. position: absolute;
  356. width: 120rpx;
  357. bottom: 25rpx;
  358. right: 13rpx;
  359. }
  360. .coupons1-btn-gm {
  361. background: #00c0ff !important;
  362. border-radius: 10rpx !important;
  363. margin: 0 !important;
  364. padding: 0 !important;
  365. font-family: PingFangSC-Semibold;
  366. font-size: 28rpx;
  367. color: #fff !important;
  368. letter-spacing: 0;
  369. height: 50rpx !important;
  370. width: 138rpx !important;
  371. line-height: 50rpx !important;
  372. }
  373. .subtitle {
  374. font-size: 24rpx;
  375. font-weight: 100;
  376. text-align: left;
  377. overflow: hidden;
  378. white-space: nowrap;
  379. text-overflow: ellipsis;
  380. width: 300rpx;
  381. color: #999;
  382. letter-spacing: 0;
  383. height: 30rpx;
  384. }
  385. .coupons1-info-manjian {
  386. color: #fa7c7a;
  387. font-size: 20rpx;
  388. line-height: 34rpx;
  389. display: inline-block;
  390. }
  391. .jian {
  392. width: 44rpx;
  393. position: absolute;
  394. bottom: 1.7%;
  395. right: 3.5%;
  396. }
  397. /**上拉加载更多**/
  398. .userinfo {
  399. display: flex;
  400. flex-direction: column;
  401. align-items: center;
  402. }
  403. .userinfo-avatar {
  404. width: 128rpx;
  405. height: 128rpx;
  406. margin: 20rpx;
  407. border-radius: 50%;
  408. }
  409. .userinfo-nickname {
  410. color: #aaa;
  411. }
  412. .sy {
  413. display: block;
  414. text-align: center;
  415. width: 120rpx !important;
  416. margin-top: 6rpx;
  417. }
  418. .usermotto {
  419. margin-top: 200px;
  420. }
  421. /**/
  422. scroll-view {
  423. width: 100%;
  424. }
  425. .item {
  426. width: 90%;
  427. height: 300rpx;
  428. margin: 20rpx auto;
  429. background: brown;
  430. overflow: hidden;
  431. }
  432. .item .img {
  433. width: 430rpx;
  434. margin-right: 20rpx;
  435. float: left;
  436. }
  437. .title {
  438. font-size: 30rpx;
  439. display: block;
  440. margin: 30rpx auto;
  441. }
  442. .description {
  443. font-size: 26rpx;
  444. line-height: 15rpx;
  445. }
  446. button::after {
  447. border: none;
  448. }
  449. .goback {
  450. position: fixed;
  451. /* right: 50rpx; */
  452. left: 22rpx;
  453. bottom: 22rpx;
  454. width: 132rpx !important;
  455. height: 96rpx;
  456. z-index: 100;
  457. background: rgba(255, 255, 255, 1);
  458. line-height: 95rpx;
  459. border: 1rpx solid rgba(227, 227, 227, 1);
  460. border-radius: 32rpx;
  461. }
  462. .goback image {
  463. position: absolute;
  464. width: 52rpx;
  465. height: 50rpx;
  466. left: 0;
  467. right: 0;
  468. top: 0;
  469. bottom: 0;
  470. margin: 10rpx auto;
  471. }
  472. .btnTxt {
  473. width: 50rpx;
  474. height: 30rpx;
  475. line-height: 50rpx;
  476. color: #fd782d;
  477. font-size: 20rpx;
  478. position: absolute;
  479. right: 42rpx;
  480. bottom: 15rpx;
  481. }
  482. .coupons {
  483. width: 100%;
  484. position: relative;
  485. /* height: 100%; */
  486. }
  487. .coupons-body {
  488. flex: 1;
  489. }
  490. .banner {
  491. position: relative;
  492. width: 750rpx;
  493. overflow: hidden;
  494. box-shadow: 0px 14px 26px 0px rgba(199, 203, 211, 1);
  495. }
  496. .banner image {
  497. width: 750rpx;
  498. border-radius: 16rpx;
  499. }
  500. .box {
  501. width: 100%;
  502. }
  503. .act {
  504. position: relative;
  505. background: #fff;
  506. border-radius: 12rpx;
  507. width: 94%;
  508. padding-bottom: 20rpx;
  509. padding: 0 3%;
  510. }
  511. .act text {
  512. display: block;
  513. }
  514. .txt001 {
  515. display: block;
  516. font-size: 32rpx;
  517. color: #3c3c3c;
  518. letter-spacing: 0;
  519. text-align: left;
  520. line-height: 48rpx;
  521. padding-top: 3.2%;
  522. font-weight: bold;
  523. margin-bottom: 20rpx;
  524. }
  525. .content {
  526. font-size: 30rpx;
  527. color: #a6a6a6;
  528. margin-top: 40rpx;
  529. }
  530. .num {
  531. line-height: 50rpx;
  532. }
  533. .member {
  534. font-size: 30rpx;
  535. color: #a6a6a6;
  536. padding-left: 2%;
  537. float: left;
  538. }
  539. .integral {
  540. display: block;
  541. font-size: 24rpx;
  542. color: #a6a6a6;
  543. float: left;
  544. margin-left: 20rpx;
  545. }
  546. .integral text {
  547. float: left;
  548. }
  549. .integralNum {
  550. color: #fd782d;
  551. margin: 0 5rpx 0 10rpx;
  552. }
  553. .txt002 {
  554. font-size: 24rpx;
  555. color: #999;
  556. letter-spacing: 0;
  557. text-align: left;
  558. line-height: 33rpx;
  559. }
  560. .proct {
  561. position: relative;
  562. margin-top: 20rpx;
  563. }
  564. .proct text:nth-of-type(1) {
  565. display: block;
  566. font-size: 30rpx;
  567. color: #fd782d;
  568. letter-spacing: 0;
  569. line-height: 32rpx;
  570. margin-bottom: 20rpx;
  571. }
  572. .proct text:nth-of-type(2) {
  573. display: block;
  574. word-wrap: break-word;
  575. font-size: 26rpx;
  576. color: #6f6f6f;
  577. letter-spacing: 0;
  578. margin: 0 auto;
  579. }
  580. .banner text {
  581. position: absolute;
  582. right: 0;
  583. top: 0;
  584. bottom: 0;
  585. margin: auto;
  586. width: 122rpx;
  587. height: 48rpx;
  588. line-height: 48rpx;
  589. opacity: 0.8;
  590. background: #000;
  591. font-size: 24rpx;
  592. color: #fff;
  593. letter-spacing: 0;
  594. text-indent: 0.5em;
  595. border-top-left-radius: 50rpx;
  596. border-bottom-left-radius: 50rpx;
  597. }
  598. .coupons_info {
  599. width: 92%;
  600. height: 120rpx;
  601. display: flex;
  602. justify-content: space-between;
  603. padding: 0 4% 4%;
  604. background: #fff;
  605. }
  606. .coupons_info view {
  607. display: flex;
  608. flex-direction: column;
  609. }
  610. .coupons_info view:nth-child(1) text {
  611. font-size: 30rpx;
  612. line-height: 32rpx;
  613. margin-top: 10%;
  614. }
  615. .coupons_info view:nth-child(1) text:nth-child(1) text {
  616. color: #ff3434;
  617. font-size: 24rpx;
  618. border: 1px solid #ff3434;
  619. border-radius: 6rpx;
  620. margin-left: 2%;
  621. padding: 0 5rpx;
  622. }
  623. .coupons_info view:nth-child(1) text:nth-child(2),
  624. .coupons_info view:nth-child(1) text:nth-child(3) {
  625. color: #b8b8b8;
  626. font-size: 24rpx;
  627. margin-top: 4%;
  628. }
  629. .coupons_info view:nth-child(1) text:nth-child(2) text,
  630. .coupons_info view:nth-child(1) text:nth-child(3) text {
  631. color: #ff3434;
  632. font-size: 24rpx;
  633. }
  634. .coupons_info view:nth-child(2) text:nth-child(1) {
  635. font-size: 36rpx;
  636. color: #ff3434;
  637. margin-top: 40rpx;
  638. font-weight: bold;
  639. }
  640. .coupons_info view:nth-child(2) text:nth-child(2) {
  641. font-size: 24rpx;
  642. color: #b4b4b4;
  643. text-decoration: line-through;
  644. padding-left: 10rpx;
  645. padding-top: 4rpx;
  646. }
  647. navigator {
  648. display: block;
  649. margin-bottom: 24rpx;
  650. width: 344rpx;
  651. }
  652. .navigator-hover {
  653. opacity: 1 !important;
  654. background: #fff !important;
  655. border-radius: 16rpx;
  656. }
  657. .active {
  658. opacity: 0.6;
  659. }
  660. navigator:nth-of-type(2n) {
  661. float: right;
  662. }
  663. navigator:nth-of-type(2n+1) {
  664. float: left;
  665. }
  666. .contain {
  667. padding: 24rpx 25rpx 0;
  668. }
  669. .posi {
  670. width: 92%;
  671. display: flex;
  672. flex-direction: column;
  673. padding: 0 4%;
  674. background: #fff;
  675. margin-top: 2%;
  676. }
  677. .posi>view:nth-child(2) {
  678. width: 100%;
  679. height: 87rpx;
  680. display: flex;
  681. justify-content: space-between;
  682. border-top: 1px solid #f6f6f6;
  683. line-height: 87rpx;
  684. }
  685. .content {
  686. padding: 0 40rpx 160rpx;
  687. }
  688. .posi>view:nth-child(2) text:nth-child(1) {
  689. font-size: 30rpx;
  690. color: #a9a9a9;
  691. }
  692. .posi>view:nth-child(2) text:nth-child(2) {
  693. font-size: 30rpx;
  694. color: #a9a9a9;
  695. }
  696. .posi_logo {
  697. width: 100%;
  698. height: 156rpx;
  699. display: flex;
  700. margin-top: 30rpx;
  701. }
  702. .posi_logo view:nth-child(1) {
  703. width: 126rpx;
  704. height: 126rpx;
  705. border-radius: 50%;
  706. overflow: hidden;
  707. flex: 2;
  708. }
  709. .posi_logo view:nth-child(1) image {
  710. width: 100%;
  711. height: 100%;
  712. }
  713. .posi_logo view:nth-child(2) {
  714. display: flex;
  715. flex-direction: column;
  716. flex: 8;
  717. padding-top: 20rpx;
  718. padding-left: 30rpx;
  719. }
  720. .posi_logo view:nth-child(2) text:nth-child(1) {
  721. font-size: 30rpx;
  722. }
  723. .posi_logo view:nth-child(2) text:nth-child(2) {
  724. font-size: 24rpx;
  725. color: #b8b8b8;
  726. padding-top: 10rpx;
  727. }
  728. .notes view:nth-child(1) {
  729. width: 92%;
  730. height: 87rpx;
  731. padding: 0 4%;
  732. line-height: 87rpx;
  733. background: #fff;
  734. /* border-top: 1rpx solid #f5f5f5; */
  735. }
  736. .notes view:nth-child(1) text {
  737. font-size: 30rpx;
  738. font-weight: bold;
  739. }
  740. .notes view:nth-child(2) {
  741. width: 92%;
  742. height: auto;
  743. padding: 0 4% 4%;
  744. background: #fff;
  745. /* border-bottom: 1rpx solid #f5f5f5; */
  746. display: flex;
  747. flex-direction: column;
  748. }
  749. .notes view:nth-child(2)>text {
  750. font-size: 28rpx;
  751. color: #a9a9a9;
  752. line-height: 45rpx;
  753. }
  754. .spot {
  755. width: 12rpx;
  756. height: 12rpx;
  757. display: inline-block;
  758. background: #a9a9a9;
  759. margin-right: 16rpx;
  760. position: relative;
  761. bottom: 4rpx;
  762. border-radius: 50%;
  763. }
  764. .buy-view {
  765. background: #fff;
  766. position: fixed;
  767. padding-top: 10rpx;
  768. height: 98rpx;
  769. bottom: 0rpx;
  770. left: 0;
  771. right: 0;
  772. }
  773. .buy {
  774. display: block;
  775. background: #ff4949;
  776. border-radius: 30rpx;
  777. height: 48rpx;
  778. width: 112rpx;
  779. margin: 0 auto;
  780. color: #fff;
  781. font-size: 26rpx;
  782. line-height: 48rpx;
  783. text-align: center;
  784. }
  785. .coupons1-btn-gm {
  786. background: #00c0ff !important;
  787. border-radius: 10rpx !important;
  788. margin: 0 !important;
  789. padding: 0 !important;
  790. font-family: PingFangSC-Semibold;
  791. font-size: 28rpx;
  792. color: #fff !important;
  793. letter-spacing: 0;
  794. height: 50rpx !important;
  795. width: 138rpx !important;
  796. line-height: 50rpx !important;
  797. }
  798. .coupons1 {
  799. position: relative;
  800. background: #fff;
  801. border-radius: 16rpx;
  802. padding-bottom: 21rpx;
  803. overflow: hidden;
  804. height: 486rpx;
  805. }
  806. .coupons1-img {
  807. width: 344rpx;
  808. height: 258rpx;
  809. overflow: hidden;
  810. }
  811. .coupons1-img image {
  812. display: block;
  813. width: 100%;
  814. height: 100%;
  815. }
  816. .coupons1-info {
  817. padding-left: 20rpx;
  818. }
  819. .coupons1-info-name {
  820. font-size: 28rpx;
  821. color: #000;
  822. letter-spacing: 0;
  823. }
  824. .i {
  825. font-size: 20rpx;
  826. font-style: normal;
  827. }
  828. .coupons1-info-price-p {
  829. display: inline-block;
  830. font-size: 36rpx;
  831. color: #f96563;
  832. line-height: 50rpx;
  833. margin-top: 21rpx;
  834. }
  835. .tit {
  836. font-size: 30rpx;
  837. color: #000;
  838. letter-spacing: 0;
  839. line-height: 42rpx;
  840. width: 270rpx;
  841. height: 42rpx;
  842. overflow: hidden;
  843. white-space: nowrap;
  844. text-overflow: ellipsis;
  845. padding-top: 16rpx;
  846. }
  847. .coupons1-info-price-o {
  848. display: block;
  849. text-align: center;
  850. font-size: 26rpx;
  851. color: #b4b4b4;
  852. letter-spacing: 0.96rpx;
  853. text-decoration: line-through;
  854. line-height: 24rpx;
  855. }
  856. .coupons1-info-distance {
  857. font-size: 22rpx;
  858. color: #c0c0c0;
  859. letter-spacing: 0;
  860. padding-bottom: 10rpx;
  861. line-height: 30rpx;
  862. }
  863. .coupons1-info-address {
  864. font-size: 22rpx;
  865. color: #585858;
  866. letter-spacing: 0;
  867. line-height: 30rpx;
  868. }
  869. .coupons1-btn {
  870. position: absolute;
  871. width: 120rpx;
  872. bottom: 25rpx;
  873. right: 13rpx;
  874. }
  875. .coupons1-btn-gm {
  876. background: #00c0ff !important;
  877. border-radius: 10rpx !important;
  878. margin: 0 !important;
  879. padding: 0 !important;
  880. font-family: PingFangSC-Semibold;
  881. font-size: 28rpx;
  882. color: #fff !important;
  883. letter-spacing: 0;
  884. height: 50rpx !important;
  885. width: 138rpx !important;
  886. line-height: 50rpx !important;
  887. }
  888. .subtitle {
  889. font-size: 24rpx;
  890. font-weight: 100;
  891. text-align: left;
  892. overflow: hidden;
  893. white-space: nowrap;
  894. text-overflow: ellipsis;
  895. width: 300rpx;
  896. color: #999;
  897. letter-spacing: 0;
  898. height: 30rpx;
  899. }
  900. .coupons1-info-manjian {
  901. color: #fa7c7a;
  902. font-size: 20rpx;
  903. line-height: 34rpx;
  904. display: inline-block;
  905. }
  906. .jian {
  907. width: 44rpx;
  908. position: absolute;
  909. bottom: 1.7%;
  910. right: 3.5%;
  911. }
  912. /**上拉加载更多**/
  913. .userinfo {
  914. display: flex;
  915. flex-direction: column;
  916. align-items: center;
  917. }
  918. .userinfo-avatar {
  919. width: 128rpx;
  920. height: 128rpx;
  921. margin: 20rpx;
  922. border-radius: 50%;
  923. }
  924. .userinfo-nickname {
  925. color: #aaa;
  926. }
  927. .sy {
  928. display: block;
  929. text-align: center;
  930. width: 120rpx !important;
  931. margin-top: 6rpx;
  932. }
  933. .usermotto {
  934. margin-top: 200px;
  935. }
  936. /**/
  937. scroll-view {
  938. width: 100%;
  939. }
  940. .item {
  941. width: 90%;
  942. height: 300rpx;
  943. margin: 20rpx auto;
  944. background: brown;
  945. overflow: hidden;
  946. }
  947. .item .img {
  948. width: 430rpx;
  949. margin-right: 20rpx;
  950. float: left;
  951. }
  952. .title {
  953. font-size: 30rpx;
  954. display: block;
  955. margin: 30rpx auto;
  956. }
  957. .description {
  958. font-size: 26rpx;
  959. line-height: 15rpx;
  960. }
  961. .signUp {
  962. position: fixed;
  963. bottom: 22rpx;
  964. left: 110rpx;
  965. margin: auto;
  966. width: 556rpx;
  967. height: 92rpx;
  968. line-height: 92rpx;
  969. border-radius: 32rpx;
  970. background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%);
  971. color: #fff;
  972. font-size: 30rpx;
  973. text-align: center;
  974. border: 1rpx solid rgba(227, 227, 227, 1);
  975. }
  976. .signUpHr {
  977. position: fixed;
  978. bottom: 22rpx;
  979. left: 100rpx;
  980. margin: auto;
  981. width: 556rpx;
  982. height: 92rpx;
  983. line-height: 92rpx;
  984. border-radius: 32rpx;
  985. background: #cecece;
  986. color: #fff;
  987. font-size: 30rpx;
  988. text-align: center;
  989. border: 1rpx solid rgba(227, 227, 227, 1);
  990. }
  991. .opacity {
  992. opacity: 0.8;
  993. }
  994. .time {
  995. font-size: 30rpx;
  996. line-height: 50rpx;
  997. color: #a6a6a6;
  998. padding-left: 2%;
  999. }
  1000. .ques {
  1001. display: block;
  1002. text-align: center;
  1003. }
  1004. .questionTitle {
  1005. width: 180rpx;
  1006. font-size: 40rpx;
  1007. border-top: 6rpx solid orange;
  1008. margin: 20rpx auto 0;
  1009. }
  1010. .detail {
  1011. font-size: 30rpx !important;
  1012. line-height: 40rpx;
  1013. margin-bottom: 20rpx;
  1014. color: #666;
  1015. }
  1016. .fenxiang {
  1017. position: absolute;
  1018. top: 3.2%;
  1019. right: 27rpx;
  1020. display: flex;
  1021. flex-direction: column;
  1022. }
  1023. .fenxiang image {
  1024. width: 48rpx;
  1025. height: 48rpx;
  1026. margin: 0 auto;
  1027. }
  1028. .gift {
  1029. color: #3c3c3c;
  1030. font-size: 20rpx;
  1031. margin: 0 auto;
  1032. }
  1033. .modal {
  1034. width: 100%;
  1035. height: 100%;
  1036. position: fixed;
  1037. top: 0;
  1038. left: 0;
  1039. background: rgba(0, 0, 0, 0.5);
  1040. overflow: hidden;
  1041. z-index: 10000;
  1042. color: #fff;
  1043. }
  1044. .modal-content {
  1045. width: 540rpx;
  1046. height: 233rpx;
  1047. line-height: 60rpx;
  1048. overflow: hidden;
  1049. position: fixed;
  1050. top: 50%;
  1051. left: 0;
  1052. z-index: 11;
  1053. background: #f9f9f9;
  1054. margin: -130rpx 105rpx;
  1055. border-radius: 36rpx;
  1056. display: flex;
  1057. }
  1058. .modal-content view {
  1059. display: inline-block;
  1060. flex: 1;
  1061. text-align: center;
  1062. }
  1063. .modal-content view>text {
  1064. color: #000;
  1065. display: block;
  1066. font-size: 30rpx;
  1067. }
  1068. .modal-content view>image {
  1069. margin-top: 40rpx;
  1070. width: 90rpx;
  1071. height: 90rpx;
  1072. }