ul{padding:0}
.clear{clear:both}
.aln-c{text-align:center}
.intro{padding:6vw;font-size:17px;color:#d4282d;background:#f5f5f5;text-shadow:1px 1px 0 #fff}
.intro i{font-style:italic!important;font-size:120%}
.content{max-width:1440px;margin:0 auto}
.content ul{margin:0;padding:0}
.all{background:#f4f4f5}
.floor0_t span{letter-spacing:.25em;text-indent:.25em;color:#37538e;font-size:20px;font-weight:700;padding:5px 25px;margin:10px;display:inline-block}
ul li,.c_floor ul li{list-style:none!important}
.content li img,.floor_es img{display:block;padding:0!important;transition:all .2s}
.hero_l{position:relative}
.hero_l img.banner_desktop{display:none}
.hero_l img.banner_mobile{display:block}
#countdown{text-align:center;width:100%;padding:10px 10px 0;font-size:13px}
#countdown span{font-size:120%;padding:0 2px;vertical-align:middle}
#countdown .num{background-color:#B81E1E;background-image:linear-gradient(180deg,rgba(255,255,255,0) 50%,transparent 50%),linear-gradient(0deg,rgba(255,255,255,.2) 50%,transparent 50%);color:#fff;text-align:center;display:inline-block;border-radius:3px;padding:0 6px;margin:0 5px}
.floor{padding:0 0 30px;width:100%}
.floor.floor_gift .wrap{padding:2vw}
.floor.floor_gift .wrap li{background:#fff;margin:0 2vw}
.wrap{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;align-items:center;align-items:flex-start;justify-content:space-between;justify-content:center}
.wrap li{position:relative}
.wrap li .tag{font-size:12px;color:#333;position:absolute;bottom:-5px;left:0;right:0;border-bottom:1px solid #d20532}
.wrap li .tag b{background:#d20532;color:#fff;padding:0 4px;margin-right:4px;font-weight:400;display:inline-block}
.floor .wrap{padding:10px 0;max-width:1440px}
.floor li.promo-product{width:calc(50% - 20px);margin:5px;padding:0 10px 28px;border-radius:8px;transition:all .2s;display:flex;align-items:center;flex-direction:column;box-shadow:0 1px 2px rgb(0 0 0 / 10%);background-color:#fff}
.content-product-l .product-image-con{width:40%}
.content-product-l .product-txt-con{width:60%}
.product-a ul.color-con{display:block}
.products ul.color-con.color-n{display:none}
.product-txt-con{padding:10px 0 3px;text-align:center;width:100%}
.pricebox{color:#333}
.subs{color:#777;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}
.products .discount,.products .old-price span{display:none}
.discount span{font-size:24px;font-family:candara;line-height:1;display:inline-block;position:relative}
.discount .cf{font-size:12px;padding-right:2px;font-weight:400;font-family:auto;position:relative;top:-5px}
.floor li.promo-product h3{font-size:18px}
.app__product__title{text-transform:uppercase;margin-bottom:0;color:#333}
.price{color:#d4282d}
.floor li.promo-product h3.product_t{font-size:18px;color:#333}
.floor_es{width:100%;overflow:hidden;padding:3vw 8vw;font-style:italic}
.floor h2{font-size:18px;margin-top:20px}
a.btn-size-default{border:1px solid;display:inline-block;background:#f4f4f5;transition:all .2s;border-radius:20px;white-space:nowrap}
#floor1 a.btn-size-default{border-color:#37538e;color:#f4f4f5;background:#37538e}
#floor1 a.btn-size-default:hover{background:#fff;color:#37538e}
.content-product-l .product-txt-con{text-align:left}
.wrap li:hover .txt i{display:block}
.products h3.products-name{color:#212121;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}
.floor .discount{position:absolute;top:0;left:0;background:#d83d42;color:#fff5e9;width:66px;padding-top:12px;line-height:1}
.floor .discount:before,.floor .discount:after{display:block;content:"";width:0;height:0;position:absolute}
.floor .discount:after{border-width:16px 33px 0;border-style:solid;border-color:#d83d42 transparent transparent;left:0;bottom:-16px}
.products .old-price{margin-bottom:5px;display:inline-block;color:#555}
.products .old-price span{text-decoration:line-through}
.products .sale-price{font-size:20px}
.products .floor0 .sale-price{font-size:30px}
.sale-price b,.old-price b{font-weight:400;font-size:13px;margin-right:3px}
.content-product-l .promo-product{width:50%;position:relative;align-items:center;flex-direction:column}
.content-product-l h3.products-name{padding-bottom:10px}
.products .product-image-con{position:relative}
.products .product-image-con img{display:none;border-radius:8px;transition:all .2s;margin:0 auto}
.products .product-image-con img.active{display:inline}
.products ul.color-con{display:none;padding:0;margin-top:.5em;position:absolute;right:0;top:4px;width:40px;z-index:2}
.products ul.color-con li{display:inline-block;width:17px;height:17px;border-radius:50%;background-color:#000;border:1px solid #ccc;cursor:pointer;padding:0;margin-right:4px}
.products ul.color-con li.active{border:3px double #ccc}
.products .price-con{padding-top:10px}
.products .price-con div{display:none}
.products .price-con div.active{display:block}
.categoriesWrap li{list-style:none;text-align:center;padding:5px}
.categoriesWrap li > div{position:relative}
.categoriesWrap li a{font-size:1.1rem;background:#fff;display:block;padding:20px 0;color:#666;transition:.3s ease-in}
.categoriesWrap li a:hover{color:#000}
.top_thumb::before{right:0;top:0}
.top_thumb::after{left:0;bottom:0}
.top_thumb::after,.top_thumb::before{content:"";width:0;height:1px;position:absolute;transition:all .2s linear;background:#B81E1E}
.top_thumb:hover::after,.top_thumb:hover::before{transition-delay:0;width:100%}
.cat_effect::before{left:0;top:0}
.cat_effect::after{right:0;bottom:0}
.cat_effect::after,.cat_effect::before{content:"";width:1px;height:0;position:absolute;transition:all .2s linear;transition-delay:0;background:#B81E1E;transition-delay:0}
.top_thumb:hover .cat_effect::after,.top_thumb:hover .cat_effect::before{transition-delay:.2s;height:100%}
.categoriesWrap li .font_s{font-size:15px;color:#999}
.cat_effect:hover svg{fill:#B81E1E}
@media (max-width:760px) {
.floor .discount{transform:scale(0.8)}
}
@media screen and (min-width:821px) {
.content{margin:0 auto}
.product-txt-con{padding:15px 10px .2rem}
.floor li.promo-product{width:calc(25% - 20px);margin:10px}
.hero_l img.banner_desktop{display:block}
.hero_l img.banner_mobile{display:none}
#countdown{font-size:14px}
#countdown span{font-size:150%}
}
@media screen and (min-width:991px) {
.categoriesWrap{margin-bottom:20px}
.categoriesWrap li a{padding:30px 0 20px;margin:0;font-size:1.2rem}
}