coupon.scss 753 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. .coupon-page {
  2. background: #f5f5f5;
  3. min-height: 100vh;
  4. position: relative;
  5. .tab {
  6. width: 100%;
  7. height: 76rpx;
  8. background: #ffffff;
  9. letter-spacing: 3rpx;
  10. position: sticky;
  11. top: 0;
  12. z-index: 99;
  13. .curr,
  14. .his {
  15. width: 50%;
  16. text-align: center;
  17. font-size: 32rpx;
  18. font-weight: 500;
  19. color: #9496a5;
  20. text {
  21. box-sizing: border-box;
  22. display: inline-flex;
  23. align-items: center;
  24. justify-content: center;
  25. height: 76rpx;
  26. }
  27. }
  28. .cur {
  29. color: #08c2c3;
  30. text {
  31. padding-top: 8rpx;
  32. border-bottom: 8rpx solid #08c2c3;
  33. }
  34. }
  35. }
  36. .list {
  37. padding-top: 24rpx;
  38. position: relative;
  39. z-index: 0;
  40. }
  41. }