C端小程序
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

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