list.wxss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. .fixed-top {
  2. position: fixed;
  3. top: 0;
  4. left: 0;
  5. right: 0;
  6. z-index: 100;
  7. }
  8. .scroll-wrapper {
  9. white-space: nowrap;
  10. -webkit-overflow-scrolling: touch;
  11. height: 114rpx;
  12. box-sizing: border-box;
  13. background: linear-gradient(90deg, #ea404b 0%, #ed745d 100%);
  14. }
  15. ::-webkit-scrollbar {
  16. width: 0;
  17. height: 0;
  18. color: transparent;
  19. }
  20. .navigate-item {
  21. display: inline-block;
  22. text-align: center;
  23. height: 99rpx;
  24. width: 20%;
  25. color: #fff;
  26. margin-top: 15rpx;
  27. }
  28. .names {
  29. font-size: 28rpx;
  30. }
  31. .desc {
  32. font-size: 22rpx;
  33. }
  34. .navigate-item.active .names {
  35. color: #fff;
  36. font-weight: bold;
  37. font-size: 34rpx;
  38. }
  39. .navigate-item.active .desc {
  40. color: #ea474e;
  41. padding: 2rpx 10rpx;
  42. background-color: #fff;
  43. border-radius: 20rpx;
  44. }
  45. .counttime {
  46. height: 60rpx;
  47. background: #f0f4f7;
  48. padding: 0 20rpx;
  49. font-size: 24rpx;
  50. }
  51. .count-down {
  52. height: 68rpx;
  53. line-height: 68rpx;
  54. color: #444;
  55. font-size: 26rpx;
  56. display: flex;
  57. align-items: center;
  58. flex: 1;
  59. }
  60. .count-down .item-time {
  61. width: 34rpx;
  62. height: 32rpx;
  63. line-height: 32rpx;
  64. color: #fff;
  65. text-align: center;
  66. background: #444;
  67. border-radius: 4rpx;
  68. padding: 0 2rpx;
  69. }
  70. .count-down-left-text {
  71. font-size: 24rpx;
  72. margin-right: 10rpx;
  73. }
  74. .list {
  75. padding-top: 174rpx;
  76. }
  77. .list-item {
  78. border-bottom: .1rpx solid #f2f5f8;
  79. }