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

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