C端小程序
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

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