@keyframes zoominout{0%{transform:scale(1.1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.promotion-container{margin:1rem auto}.promotion-filter{position:relative}.promotion-filter .filter-label{margin-left:1rem}.promotion-filter .button-filter{position:relative;display:inline-block;width:65px;height:40px;line-height:38px;border-radius:10px;font-size:20px;text-align:center;margin:0 5px .5rem 0}.promotion-filter .is-active .button-filter i.fa-filter::before{content:""}.promotion-filter .has-filter .button-filter::after{content:'';position:absolute;top:-5px;right:-5px;display:inline-block;width:12px;height:12px;border-radius:50%;background:red}.promotion-filter .accordion-content{border:none;background:rgba(255,255,255,.2);color:inherit;border-radius:10px!important}.promotion-filter .filter-name{position:relative;overflow:hidden;max-width:320px;border-radius:15px}@media screen and (max-width:50em){.promotion-filter .filter-name{min-width:100%}}.promotion-filter .filter-name input{padding-left:.8rem;padding-right:30px}.promotion-filter .filter-name input+i{position:absolute;top:0;right:48px;padding:.4rem 0;font-size:1.2rem;line-height:1.2rem;color:#ff2a00;cursor:pointer}.promotion-filter .filter-name button{border:none;width:40px;transition:width .2s}.promotion-filter .filter-name.is-focus{margin-left:1rem;width:100%}.promotion-filter .filter-name.is-focus button{width:40px}.promotion-filter .filter-name:not(.has-value) input+i{display:none}.promotion-filter-loading{display:none;position:absolute;top:0;left:0;height:100%;width:100%;z-index:1}.promotion-filter.is-loading .promotion-filter-loading{display:block}.promotion-body>div>label>span.js-data-promotionGroup{font-size:1.5em}#filter-category{background-color:#252628;padding-top:.8rem;padding-bottom:.8rem;border-bottom:1px solid #542db5;margin-bottom:1rem}#filter-category .swiper-slide{cursor:pointer;display:inline-block;width:auto;padding:5px 15px;margin:0 .5rem;transition:background .2s;position:relative;color:#fff}#filter-category .swiper-slide:after{position:absolute;bottom:0;left:0;right:0;margin:auto;width:0%;content:'.';color:transparent;background:#ff8000;height:1px;transition:all .5s}#filter-category .swiper-slide:hover{color:#ff8000}#filter-category .swiper-slide:hover:after{width:100%}#filter-category .swiper-slide.is-active{color:#ff8000;font-weight:bold;border-bottom:2px solid #ff8000}#filter-category .swiper-slide img{display:block;max-width:100px;margin:auto;height:50px;filter:brightness(0) invert(1)}#filter-category .swiper-slide i{display:block;margin:10px;color:#fff}#filter-category .swiper-slide span{margin:0 15px}@media screen and (max-width:39.9375em){#filter-category #filter-category-swiper{margin:0}}.promotion-category-container{background-color:#252628;padding-top:.8rem;padding-bottom:.8rem;border-bottom:1px solid #542db5;margin-bottom:1rem}.promotion-category-container .promotion-category{display:inline-block}.promotion-category-container .promotion-category.is-active{filter:sepia(100%) brightness(81%) saturate(1000%);-webkit-filter:sepia(100%) brightness(81%) saturate(1000%);-moz-filter:sepia(100%) brightness(81%) saturate(1000%)}.promotion-category-container .promotion-category img{cursor:pointer;max-height:75px}html[data-whatintent="touch"] #filter-category .swiper-slide:hover{color:#fff}html[data-whatintent="touch"] #filter-category .swiper-slide:hover:after{width:0%}html[data-whatintent="touch"] #filter-category .swiper-slide.is-active{color:#ff8000;font-weight:bold;border-bottom:2px solid #ff8000}