猎豆优选官网

flash_time.css 2.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. .container {
  2. width: 1100px;
  3. margin: auto;
  4. }
  5. .flash_sale .title {
  6. background: linear-gradient(90deg, #CC1C0E, #FF5A5A);
  7. }
  8. .flash_sale .flash_time {
  9. height: 66px;
  10. background: #FFFFFF;
  11. padding-bottom: 14px;
  12. }
  13. .flash_sale .flash_time ul {
  14. background: #FFA099;
  15. height: 100%;
  16. }
  17. .flash_sale .flash_time ul li {
  18. position: relative;
  19. width: 97px;
  20. height: 100%;
  21. color: #FFFFFF;
  22. text-align: center;
  23. display: inline-block;
  24. margin: 0 12px;
  25. }
  26. .flash_sale .flash_time ul li div {
  27. font-size: 20px;
  28. line-height: 28px;
  29. padding-top: 8px;
  30. padding-bottom: 4px;
  31. }
  32. .flash_sale .flash_time ul li span {
  33. font-size: 14px;
  34. line-height: 20px;
  35. }
  36. .flash_sale .flash_time ul .flash_time_active {
  37. background: #CC1C0E;
  38. }
  39. .flash_sale .flash_time ul .flash_time_active:after {
  40. content: '';
  41. position: absolute;
  42. display: inline-block;
  43. width: 80px;
  44. height: 2px;
  45. background: #CC1C0E;
  46. bottom: -16px;
  47. left: 8px;
  48. }
  49. .activity_title {
  50. height: 80px;
  51. background: #FFFFFF;
  52. margin-top: 8px;
  53. }
  54. .activity_title .activity_title_left {
  55. padding-top: 26px;
  56. padding-left: 20px;
  57. float: left;
  58. }
  59. .activity_title .activity_title_left i {
  60. display: inline-block;
  61. width: 30px;
  62. height: 30px;
  63. margin-right: 7px;
  64. vertical-align: middle;
  65. background: url(https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/lieodu_gw/xianshiqianggou.png) no-repeat;
  66. background-size: 100%;
  67. }
  68. .activity_title .activity_title_left span {
  69. display: inline-block;
  70. -webkit-background-clip: text;
  71. -webkit-text-fill-color: transparent;
  72. font-size: 24px;
  73. line-height: 33px;
  74. vertical-align: middle;
  75. }
  76. .activity_title .activity_title_right {
  77. font-size: 14px;
  78. line-height: 20px;
  79. color: #666666;
  80. float: right;
  81. margin-top: 49px;
  82. margin-right: 30px;
  83. margin-bottom: 11px;
  84. }
  85. .loading {
  86. width: 260px;
  87. height: 50px;
  88. background-color: #fff;
  89. font-size: 15px;
  90. color: #333;
  91. text-align: center;
  92. line-height: 50px;
  93. cursor: pointer;
  94. margin: 40px auto 0;
  95. border-radius: 2px;
  96. box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  97. }
  98. /*# sourceMappingURL=flash_time.css.map */