.promotion-home{padding:10px 4px;position:relative;overflow:hidden;border-radius:12px;background:var(--Red-Light-200,rgba(199,58,58,.14))}.promotion-home .bg-sale-top{position:absolute;top:0;left:0;z-index:0}@media only screen and (max-width:550px){.promotion-home .bg-sale-top{left:-30px}}.promotion-home .bg-sale-bottom{position:absolute;bottom:0;right:0;z-index:0;max-height:700px;height:100%;object-fit:cover}.promotion-home .flash-sale{display:flex;gap:16px;color:#fff;font-weight:800;font-size:18px;z-index:1;position:relative;padding:12px 0 12px 20px}.promotion-home .flash-sale .timer{display:flex;gap:12px;align-items:center}.promotion-home .flash-sale .timer .time{font-weight:800;background-color:#fff;padding:1px 4px;border-radius:5px;color:#dc303a}.promotion-home .see-all .position-relative{display:flex;align-items:center;justify-content:center;gap:5px;color:#fff;cursor:pointer;padding:6px}.promotion-home .see-all .position-relative>i{font-size:8px}.promotion-home .header-promotion{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;border-radius:15px 15px 0 0;background:linear-gradient(90deg,rgba(131,187,62,.837) 5%,rgb(131,187,62) 30%,rgb(131,187,62) 70%,rgba(131,187,62,.837) 95%);background-size:400% 400%;animation:BackgroundGradient 4s ease infinite}.promotion-home .header-promotion .header-left,.promotion-home .header-promotion .header-left .timer{display:flex;align-items:center;gap:10px;font-weight:600;color:#fff}.promotion-home .header-promotion .header-left .timer{border-radius:8px;padding:8px;font-size:18px}.promotion-home .header-promotion .header-left>i{color:orange;font-size:30px}.promotion-home .header-promotion .header-left>span{font-size:30px;font-weight:600}.promotion-home .header-promotion .header-left.green{color:#f94c17}.promotion-home .header-promotion .header-left.red{background-color:#a10a0a;color:#fff}.promotion-home .promotion-body{background-color:#fff;position:relative;padding:6px;border-radius:8px}.promotion-type{width:100%;display:flex;align-items:center;gap:20px;justify-content:flex-start;padding:8px;border-bottom:1px solid #e0e0e0}.promotion-type .promotion-list{display:flex;gap:8px;font-weight:600;width:100%;white-space:nowrap}.promotion-type .promotion-list .promotion-item{font-size:14px;cursor:pointer;color:#000;padding:6px;display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid #bdbdbd;border-radius:6px}.promotion-type .promotion-list .promotion-item .timer{background-color:#fff;color:#000;border-radius:4px;padding:0 4px}.promotion-type .promotion-list .promotion-item.active{color:#fff;background-color:red;font-weight:600}.view-all-promotion{display:flex;align-items:center;gap:4px;color:#fff;cursor:pointer;background-color:rgba(0,0,0,0);border:none}.view-all-promotion>i{font-size:12px}@keyframes BackgroundGradient{0%{background-position:0 100%}50%{background-position:100% 50%}to{background-position:0 50%}}.pulse{animation:zoomPulse .5s ease-in-out infinite}@keyframes zoomPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media screen and (max-width:500px){.promotion-home{padding:6px 2px}.promotion-home .header-promotion .view-all-promotion>span{font-size:12px;font-weight:600}.promotion-home .header-promotion .view-all-promotion.green{color:#f94c17}.promotion-home .header-promotion .view-all-promotion.red{background-color:#a10a0a;color:#fff}.promotion-home .promotion-body{padding-bottom:8px}.promotion-home .promotion-body.green{color:#000}.promotion-home .promotion-body.red{background-color:rgba(161,10,10,.0666666667)}.promotion-home .flash-sale{padding:8px;font-size:16px}.promotion-home .flash-sale>div>img{width:15px;height:25px}.promotion-home .flash-sale .timer .time{padding:0 3px;font-size:15px}.promotion-type{width:100%;display:flex;align-items:center;gap:20px;justify-content:space-between;padding:8px;border-bottom:1px solid #e0e0e0}.promotion-type .promotion-list{display:flex;gap:8px;font-weight:600;width:100%;white-space:nowrap;overflow:auto}.promotion-type .promotion-list .promotion-item{font-size:14px;cursor:pointer;color:#000;padding:6px;display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid #bdbdbd;border-radius:6px}.promotion-type .promotion-list .promotion-item .timer{background-color:#fff;color:#000;border-radius:4px;padding:0 4px}.promotion-type .promotion-list .promotion-item.active{color:#fff;background-color:red;font-weight:600}.view-all-promotion{display:flex;align-items:center;gap:4px;color:#fff;cursor:pointer;background-color:rgba(0,0,0,0);border:none}.view-all-promotion>i{font-size:12px}.hidden-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes BackgroundGradient{0%{background-position:0 100%}50%{background-position:100% 50%}to{background-position:0 50%}}.pulse{animation:zoomPulse .5s ease-in-out infinite}@keyframes zoomPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.promotion-home-list{padding:4px!important}.promotion-home{border-radius:8px}.promotion-home .header-promotion{padding:6px;border-radius:7px 7px 0 0;font-size:14px}.promotion-home .header-promotion .view-all-promotion>span>span{display:none}.promotion-home .promotion-body{padding:0}}@media(max-width:375px){.promotion-home .see-all .position-relative>p{display:none}.promotion-home .see-all .position-relative>i{font-size:12px}}