C端小程序
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

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