.cat-box{position:relative;padding:150px 0 30px;background:url(/_next/static/media/shop-banner-bg.03508a91.jpg) no-repeat 50%;background-size:cover;background-attachment:fixed}.cat-box ul{display:flex;justify-content:center}.cat-box ul li{width:25%}.cat-box ul li:hover .child{max-height:100px;line-height:68px}.cat-box ul li>a{padding:8px 30px 4px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center}.cat-box ul li>a .icon{width:35px;margin-right:10px}.cat-box ul li>a:last-child:after{display:none}.cat-box ul li>a:hover .icon{animation:shake .5s ease}.cat-box ul li:hover>a p{color:#d0121b}.cat-box ul li:not(:last-child)>a:after{content:"";width:1px;height:100%;position:absolute;right:0;top:0;z-index:1;background-color:#ccc}.cat-box p{font-size:18px;line-height:30px;color:#222;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;max-width:calc(100% - 60px);transition:color .5s ease}.cat-box .child{position:absolute;left:0;top:100%;width:100%;z-index:10;height:auto;background:#e8e8e8;overflow:hidden;transition:all .5s;text-align:center;max-height:0}.cat-box .child a{font-size:16px;color:#555;display:inline-block;line-height:68px;margin:0 18px;position:relative;transition:all .5s}.cat-box .child a.on,.cat-box .child a:hover{color:#d0121b}.cat-box .child a.on:after,.cat-box .child a:hover:after{transform:scale(1)}.cat-box .child a:after{content:"";width:100%;height:2px;background-color:#d0121b;position:absolute;left:0;bottom:0;z-index:10;transform:scale(0);transition:transform .3s ease}@media (max-width:767px){.cat-box{padding:135px 0 15px}.cat-box ul li{flex-grow:1}.cat-box ul li>a{padding:5px 0}.cat-box ul li>a .icon{width:20px;margin-right:5px}.cat-box ul li>a p{font-size:10px;line-height:14px;text-align:left}.cat-box ul li:hover .child{max-height:500px;line-height:20px}.cat-box .child a{margin:5px 10px;line-height:20px}}.progress-circle{--progress:20;position:absolute;left:0;top:0;z-index:10;stroke-width:2px;stroke:transparent;fill:none;stroke-dashoffset:calc(125.6px * (1 - var(--progress)));stroke-dasharray:125.6;transform:rotate(-90deg)}.swiper-pagination-bullet-active .progress-circle{stroke:#fff}.product-slider .swiper-slide .content{animation:contentSlideIn 1s ease-out}.product-slider .swiper-slide.swiper-slide-active .content{animation:contentSlideOut 1s ease-out}.product-slider .swiper-slide .image{animation:imageSlideIn 1s ease-out}.product-slider .swiper-slide.swiper-slide-active .image{animation:imageSlideOut 1s ease-out}@keyframes contentSlideOut{0%{transform:translateX(-150px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes contentSlideIn{0%{transform:translateX(0);opacity:1}to{transform:translateX(-150px);opacity:0}}@keyframes imageSlideOut{0%{transform:translateX(150px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes imageSlideIn{0%{transform:translateX(0);opacity:1}to{transform:translateX(150px);opacity:0}}