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.

1209 lines
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: 34rpx;
  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: 24rpx;
  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: 30rpx;
  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: 22rpx;
  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: .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{ border: none; }
  447. .goback{
  448. position: fixed;
  449. /* right: 50rpx; */
  450. left: 22rpx;
  451. bottom: 22rpx;
  452. width:132rpx!important;
  453. height:96rpx;
  454. z-index: 100;
  455. background:rgba(255,255,255,1);
  456. line-height: 95rpx;
  457. border:1rpx solid rgba(227,227,227,1);
  458. border-radius:32rpx;
  459. }
  460. .goback image {
  461. position: absolute;
  462. width:52rpx;
  463. height: 50rpx;
  464. left: 0;
  465. right: 0;
  466. top: 0;
  467. bottom:0;
  468. margin:10rpx auto;
  469. }
  470. .btnTxt{
  471. width: 50rpx;
  472. height: 30rpx;
  473. line-height: 50rpx;
  474. color: #FD782D;
  475. font-size: 20rpx;
  476. position: absolute;
  477. right:42rpx ;
  478. bottom: 15rpx;
  479. }
  480. .coupons {
  481. width: 100%;
  482. position: relative;
  483. /* height: 100%; */
  484. }
  485. .coupons-body {
  486. flex: 1;
  487. }
  488. .banner {
  489. position: relative;
  490. width: 750rpx;
  491. overflow: hidden;
  492. box-shadow:0px 14px 26px 0px rgba(199,203,211,1);
  493. }
  494. .banner image {
  495. width: 750rpx;
  496. border-radius: 16rpx;
  497. }
  498. .box{
  499. width: 100%;
  500. }
  501. .act {
  502. position: relative;
  503. background: #fff;
  504. border-radius: 12rpx;
  505. width:94%;
  506. padding-bottom: 20rpx;
  507. padding:0 3%;
  508. }
  509. .act text {
  510. display: block;
  511. }
  512. .txt001 {
  513. display: block;
  514. font-size: 32rpx;
  515. color: #3C3C3C;
  516. letter-spacing: 0;
  517. text-align: left;
  518. line-height: 48rpx;
  519. padding-top: 3.2%;
  520. font-weight: bold;
  521. margin-bottom: 20rpx;
  522. }
  523. .content{
  524. font-size: 24rpx;
  525. color: #A6A6A6;
  526. margin-top: 40rpx;
  527. }
  528. .num{
  529. line-height: 50rpx;
  530. }
  531. .member{
  532. font-size: 24rpx;
  533. color: #A6A6A6;
  534. padding-left: 2%;
  535. float: left;
  536. }
  537. .integral{
  538. display: block;
  539. font-size: 24rpx;
  540. color: #A6A6A6;
  541. float: left;
  542. margin-left: 20rpx;
  543. }
  544. .integral text{
  545. float: left;
  546. }
  547. .integralNum{
  548. color: #FD782D;
  549. margin: 0 5rpx 0 10rpx ;
  550. }
  551. .txt002 {
  552. font-size: 24rpx;
  553. color: #999;
  554. letter-spacing: 0;
  555. text-align: left;
  556. line-height: 33rpx;
  557. }
  558. .proct {
  559. position: relative;
  560. margin-top: 20rpx;
  561. }
  562. .proct text:nth-of-type(1) {
  563. display: block;
  564. font-size: 28rpx;
  565. color: #FD782D;
  566. letter-spacing: 0;
  567. line-height: 32rpx;
  568. margin-bottom: 20rpx;
  569. }
  570. .proct text:nth-of-type(2) {
  571. display: block;
  572. word-wrap:break-word;
  573. font-size: 26rpx;
  574. color: #6f6f6f;
  575. letter-spacing: 0;
  576. margin: 0 auto;
  577. }
  578. .banner text {
  579. position: absolute;
  580. right: 0;
  581. top: 0;
  582. bottom: 0;
  583. margin: auto;
  584. width: 122rpx;
  585. height: 48rpx;
  586. line-height: 48rpx;
  587. opacity: 0.8;
  588. background: #000;
  589. font-size: 24rpx;
  590. color: #fff;
  591. letter-spacing: 0;
  592. text-indent: 0.5em;
  593. border-top-left-radius: 50rpx;
  594. border-bottom-left-radius: 50rpx;
  595. }
  596. .coupons_info {
  597. width: 92%;
  598. height: 120rpx;
  599. display: flex;
  600. justify-content: space-between;
  601. padding: 0 4% 4%;
  602. background: #fff;
  603. }
  604. .coupons_info view {
  605. display: flex;
  606. flex-direction: column;
  607. }
  608. .coupons_info view:nth-child(1) text {
  609. font-size: 30rpx;
  610. line-height: 32rpx;
  611. margin-top: 10%;
  612. }
  613. .coupons_info view:nth-child(1) text:nth-child(1) text {
  614. color: #ff3434;
  615. font-size: 24rpx;
  616. border: 1px solid #ff3434;
  617. border-radius: 6rpx;
  618. margin-left: 2%;
  619. padding: 0 5rpx;
  620. }
  621. .coupons_info view:nth-child(1) text:nth-child(2),
  622. .coupons_info view:nth-child(1) text:nth-child(3) {
  623. color: #b8b8b8;
  624. font-size: 24rpx;
  625. margin-top: 4%;
  626. }
  627. .coupons_info view:nth-child(1) text:nth-child(2) text,
  628. .coupons_info view:nth-child(1) text:nth-child(3) text {
  629. color: #ff3434;
  630. font-size: 24rpx;
  631. }
  632. .coupons_info view:nth-child(2) text:nth-child(1) {
  633. font-size: 36rpx;
  634. color: #ff3434;
  635. margin-top: 40rpx;
  636. font-weight: bold;
  637. }
  638. .coupons_info view:nth-child(2) text:nth-child(2) {
  639. font-size: 24rpx;
  640. color: #b4b4b4;
  641. text-decoration: line-through;
  642. padding-left: 10rpx;
  643. padding-top: 4rpx;
  644. }
  645. navigator {
  646. display: block;
  647. margin-bottom: 24rpx;
  648. width: 344rpx;
  649. }
  650. .navigator-hover{
  651. opacity: 1!important;
  652. background: #fff!important;
  653. border-radius:16rpx;
  654. }
  655. .active{
  656. opacity: .6;
  657. }
  658. navigator:nth-of-type(2n) {
  659. float: right;
  660. }
  661. navigator:nth-of-type(2n+1) {
  662. float: left;
  663. }
  664. .contain {
  665. padding: 24rpx 25rpx 0;
  666. }
  667. .posi {
  668. width: 92%;
  669. display: flex;
  670. flex-direction: column;
  671. padding: 0 4%;
  672. background: #fff;
  673. margin-top: 2%;
  674. }
  675. .posi>view:nth-child(2) {
  676. width: 100%;
  677. height: 87rpx;
  678. display: flex;
  679. justify-content: space-between;
  680. border-top: 1px solid #f6f6f6;
  681. line-height: 87rpx;
  682. }
  683. .content{
  684. padding: 0 40rpx 160rpx;
  685. }
  686. .posi>view:nth-child(2) text:nth-child(1) {
  687. font-size: 30rpx;
  688. color: #a9a9a9;
  689. }
  690. .posi>view:nth-child(2) text:nth-child(2) {
  691. font-size: 30rpx;
  692. color: #a9a9a9;
  693. }
  694. .posi_logo {
  695. width: 100%;
  696. height: 156rpx;
  697. display: flex;
  698. margin-top: 30rpx;
  699. }
  700. .posi_logo view:nth-child(1) {
  701. width: 126rpx;
  702. height: 126rpx;
  703. border-radius: 50%;
  704. overflow: hidden;
  705. flex: 2;
  706. }
  707. .posi_logo view:nth-child(1) image {
  708. width: 100%;
  709. height: 100%;
  710. }
  711. .posi_logo view:nth-child(2) {
  712. display: flex;
  713. flex-direction: column;
  714. flex: 8;
  715. padding-top: 20rpx;
  716. padding-left: 30rpx;
  717. }
  718. .posi_logo view:nth-child(2) text:nth-child(1) {
  719. font-size: 30rpx;
  720. }
  721. .posi_logo view:nth-child(2) text:nth-child(2) {
  722. font-size: 24rpx;
  723. color: #b8b8b8;
  724. padding-top: 10rpx;
  725. }
  726. .notes view:nth-child(1) {
  727. width: 92%;
  728. height: 87rpx;
  729. padding: 0 4%;
  730. line-height: 87rpx;
  731. background: #fff;
  732. /* border-top: 1rpx solid #f5f5f5; */
  733. }
  734. .notes view:nth-child(1) text {
  735. font-size: 30rpx;
  736. font-weight: bold;
  737. }
  738. .notes view:nth-child(2) {
  739. width: 92%;
  740. height: auto;
  741. padding: 0 4% 4%;
  742. background: #fff;
  743. /* border-bottom: 1rpx solid #f5f5f5; */
  744. display: flex;
  745. flex-direction: column;
  746. }
  747. .notes view:nth-child(2)>text {
  748. font-size: 28rpx;
  749. color: #a9a9a9;
  750. line-height: 45rpx;
  751. }
  752. .spot {
  753. width: 12rpx;
  754. height: 12rpx;
  755. display: inline-block;
  756. background: #a9a9a9;
  757. margin-right: 16rpx;
  758. position: relative;
  759. bottom: 4rpx;
  760. border-radius: 50%;
  761. }
  762. .buy-view {
  763. background: #fff;
  764. position: fixed;
  765. padding-top: 10rpx;
  766. height: 98rpx;
  767. bottom: 0rpx;
  768. left: 0;
  769. right: 0;
  770. }
  771. .buy {
  772. display: block;
  773. background: #ff4949;
  774. border-radius: 30rpx;
  775. height: 48rpx;
  776. width: 112rpx;
  777. margin: 0 auto;
  778. color: #fff;
  779. font-size: 26rpx;
  780. line-height: 48rpx;
  781. text-align: center;
  782. }
  783. .coupons1-btn-gm {
  784. background: #00c0ff !important;
  785. border-radius: 10rpx !important;
  786. margin: 0 !important;
  787. padding: 0 !important;
  788. font-family: PingFangSC-Semibold;
  789. font-size: 28rpx;
  790. color: #fff !important;
  791. letter-spacing: 0;
  792. height: 50rpx !important;
  793. width: 138rpx !important;
  794. line-height: 50rpx !important;
  795. }
  796. .coupons1 {
  797. position: relative;
  798. background: #fff;
  799. border-radius: 16rpx;
  800. padding-bottom: 21rpx;
  801. overflow: hidden;
  802. height: 486rpx;
  803. }
  804. .coupons1-img {
  805. width: 344rpx;
  806. height: 258rpx;
  807. overflow: hidden;
  808. }
  809. .coupons1-img image {
  810. display: block;
  811. width: 100%;
  812. height: 100%;
  813. }
  814. .coupons1-info {
  815. padding-left: 20rpx;
  816. }
  817. .coupons1-info-name {
  818. font-size: 28rpx;
  819. color: #000;
  820. letter-spacing: 0;
  821. }
  822. .i {
  823. font-size: 20rpx;
  824. font-style: normal;
  825. }
  826. .coupons1-info-price-p {
  827. display: inline-block;
  828. font-size: 36rpx;
  829. color: #f96563;
  830. line-height: 50rpx;
  831. margin-top: 21rpx;
  832. }
  833. .tit {
  834. font-size: 30rpx;
  835. color: #000;
  836. letter-spacing: 0;
  837. line-height: 42rpx;
  838. width: 270rpx;
  839. height: 42rpx;
  840. overflow: hidden;
  841. white-space: nowrap;
  842. text-overflow: ellipsis;
  843. padding-top: 16rpx;
  844. }
  845. .coupons1-info-price-o {
  846. display: block;
  847. text-align: center;
  848. font-size: 26rpx;
  849. color: #b4b4b4;
  850. letter-spacing: 0.96rpx;
  851. text-decoration: line-through;
  852. line-height: 24rpx;
  853. }
  854. .coupons1-info-distance {
  855. font-size: 22rpx;
  856. color: #c0c0c0;
  857. letter-spacing: 0;
  858. padding-bottom: 10rpx;
  859. line-height: 30rpx;
  860. }
  861. .coupons1-info-address {
  862. font-size: 22rpx;
  863. color: #585858;
  864. letter-spacing: 0;
  865. line-height: 30rpx;
  866. }
  867. .coupons1-btn {
  868. position: absolute;
  869. width: 120rpx;
  870. bottom: 25rpx;
  871. right: 13rpx;
  872. }
  873. .coupons1-btn-gm {
  874. background: #00c0ff !important;
  875. border-radius: 10rpx !important;
  876. margin: 0 !important;
  877. padding: 0 !important;
  878. font-family: PingFangSC-Semibold;
  879. font-size: 28rpx;
  880. color: #fff !important;
  881. letter-spacing: 0;
  882. height: 50rpx !important;
  883. width: 138rpx !important;
  884. line-height: 50rpx !important;
  885. }
  886. .subtitle {
  887. font-size: 24rpx;
  888. font-weight: 100;
  889. text-align: left;
  890. overflow: hidden;
  891. white-space: nowrap;
  892. text-overflow: ellipsis;
  893. width: 300rpx;
  894. color: #999;
  895. letter-spacing: 0;
  896. height: 30rpx;
  897. }
  898. .coupons1-info-manjian {
  899. color: #fa7c7a;
  900. font-size: 20rpx;
  901. line-height: 34rpx;
  902. display: inline-block;
  903. }
  904. .jian {
  905. width: 44rpx;
  906. position: absolute;
  907. bottom: 1.7%;
  908. right: 3.5%;
  909. }
  910. /**上拉加载更多**/
  911. .userinfo {
  912. display: flex;
  913. flex-direction: column;
  914. align-items: center;
  915. }
  916. .userinfo-avatar {
  917. width: 128rpx;
  918. height: 128rpx;
  919. margin: 20rpx;
  920. border-radius: 50%;
  921. }
  922. .userinfo-nickname {
  923. color: #aaa;
  924. }
  925. .sy {
  926. display: block;
  927. text-align: center;
  928. width: 120rpx !important;
  929. margin-top: 6rpx;
  930. }
  931. .usermotto {
  932. margin-top: 200px;
  933. }
  934. /**/
  935. scroll-view {
  936. width: 100%;
  937. }
  938. .item {
  939. width: 90%;
  940. height: 300rpx;
  941. margin: 20rpx auto;
  942. background: brown;
  943. overflow: hidden;
  944. }
  945. .item .img {
  946. width: 430rpx;
  947. margin-right: 20rpx;
  948. float: left;
  949. }
  950. .title {
  951. font-size: 30rpx;
  952. display: block;
  953. margin: 30rpx auto;
  954. }
  955. .description {
  956. font-size: 26rpx;
  957. line-height: 15rpx;
  958. }
  959. .signUp{
  960. position: fixed;
  961. bottom: 22rpx;
  962. left: 110rpx;
  963. margin: auto;
  964. width:556rpx;
  965. height: 92rpx;
  966. line-height: 92rpx;
  967. border-radius: 32rpx;
  968. background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
  969. color: #FFF;
  970. font-size: 30rpx;
  971. text-align: center;
  972. border:1rpx solid rgba(227,227,227,1);
  973. }
  974. .signUpHr{
  975. position: fixed;
  976. bottom: 22rpx;
  977. left: 100rpx;
  978. margin: auto;
  979. width:556rpx;
  980. height: 92rpx;
  981. line-height: 92rpx;
  982. border-radius: 32rpx;
  983. background: #CECECE;
  984. color: #FFF;
  985. font-size: 30rpx;
  986. text-align: center;
  987. border:1rpx solid rgba(227,227,227,1);
  988. }
  989. .opacity{
  990. opacity: .8;
  991. }
  992. .time{
  993. font-size: 24rpx;
  994. line-height: 50rpx;
  995. color: #A6A6A6;
  996. padding-left: 2%;
  997. }
  998. .ques{
  999. display: block;
  1000. text-align: center;
  1001. }
  1002. .questionTitle{
  1003. width: 180rpx;
  1004. font-size: 40rpx;
  1005. border-top:6rpx solid orange;
  1006. margin: 20rpx auto 0;
  1007. }
  1008. .detail{
  1009. font-size: 26rpx;
  1010. line-height: 40rpx;
  1011. margin-bottom: 20rpx;
  1012. color: #666;
  1013. }
  1014. .fenxiang{
  1015. position: absolute;
  1016. top: 3.2%;
  1017. right: 27rpx;
  1018. display: flex;
  1019. flex-direction: column;
  1020. }
  1021. .fenxiang image {
  1022. width:48rpx;
  1023. height: 48rpx;
  1024. margin: 0 auto;
  1025. }
  1026. .gift{
  1027. color: #3C3C3C;
  1028. font-size: 20rpx;
  1029. margin: 0 auto;
  1030. }
  1031. .modal {
  1032. width: 100%;
  1033. height: 100%;
  1034. position: fixed;
  1035. top: 0;
  1036. left: 0;
  1037. background: rgba(0, 0, 0, 0.5);
  1038. overflow: hidden;
  1039. z-index: 10000;
  1040. color: #fff;
  1041. }
  1042. .modal-content {
  1043. width: 540rpx;
  1044. height: 233rpx;
  1045. line-height: 60rpx;
  1046. overflow: hidden;
  1047. position: fixed;
  1048. top: 50%;
  1049. left: 0;
  1050. z-index: 11;
  1051. background: #f9f9f9;
  1052. margin: -130rpx 105rpx;
  1053. border-radius: 36rpx;
  1054. display: flex;
  1055. }
  1056. .modal-content view {
  1057. display: inline-block;
  1058. flex: 1;
  1059. text-align: center;
  1060. }
  1061. .modal-content view>text {
  1062. color: #000;
  1063. display: block;
  1064. font-size: 30rpx;
  1065. }
  1066. .modal-content view>image {
  1067. margin-top: 40rpx;
  1068. width: 90rpx;
  1069. height: 90rpx;
  1070. }