.shop01-template-02{position:relative;display:block;overflow:hidden}.shop01-template-02::after{content:"";display:block;clear:both}.shop01-template-02>.bg{width:50%;display:block;height:100%;position:absolute;left:0;top:0;background-position:center;background-size:cover;background-repeat:no-repeat}.shop01-template-02 .shop01-template-02__swiper{width:100%;display:block;position:relative;overflow:visible}.shop01-template-02.show::after{height:100%;transition:all 1.2s ease}.shop01-template-02 .container{padding-right:0;padding-left:0;max-width:100%}.shop01-template-02 .swiper-slide.swiper-slide-active{opacity:1;visibility:visible}.shop01-template-02 .slide-img-box{position:relative;display:block;align-items:center;width:100%;padding-top:0}.shop01-template-02 .slide-img-box .imgs{position:relative;display:block;z-index:5;height:47vw;background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden;width:100%;left:0;top:0;transform:scale(1.1);transition:all .6s ease}.shop01-template-02 .swiper-slide-active .slide-img-box .imgs{transform:scale(1.01);transition:all 1s ease}.shop01-template-02 .slide-img-box .img{opacity:none}.shop01-template-02 .swiper-slide .slide-img-box .box{position:relative;display:block;width:100%}.shop01-template-02 .slide-img-box .main_txt{color:#fff;position:absolute;display:block;z-index:5;width:85%;max-width:1400px;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.shop01-template-02 .slide-img-box .main_txt .type{font-size:clamp(16px,2vw,36px);font-weight:normal;position:relative;padding-left:6px;margin-bottom:2vw;transform:translateY(50px);transition:all 1.2s ease;opacity:0;text-shadow:0 0 15px rgba(255,252,237,.5)}.shop01-template-02 .swiper-slide-active .slide-img-box .main_txt .type{opacity:1;transform:translateY(0)}.shop01-template-02 .slide-img-box .main_txt .title{font-size:clamp(18px,2.25vw,56px);line-height:1.3;margin-top:35px;position:relative;font-family:var(--font-family);color:rgba(0,0,0,0);text-shadow:0 0 10px rgba(255,247,220,.5);transform:translateY(50px);transition:all .6s ease .5s;opacity:0;font-weight:normal;text-align:left}.shop01-template-02 .swiper-slide-active .slide-img-box .main_txt .title{opacity:1;transform:translateY(0)}.shop01-template-02 .shop01-template-02__swiper-pagination{position:absolute;top:50%;right:5%;z-index:20;margin-left:0;font-size:15px;letter-spacing:2px;width:20px;left:auto;display:block;height:auto;bottom:auto;transform:translateY(-50%)}.shop01-template-02.show .shop01-template-02__swiper-pagination{transition:all .8s ease 1.5s;opacity:1;transform:translateY(0)}.shop01-template-02 .shop01-template-02__swiper-pagination .swiper-pagination-bullet{border:1px solid #fff;width:10px;height:10px;background-color:rgba(0,0,0,0);transition:all .3s ease;opacity:.6;margin:30px auto;position:relative;display:block}.shop01-template-02 .shop01-template-02__swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:red;border-color:red;opacity:1}.shop01-template-02 .scroll{position:absolute;z-index:10;color:#fff;height:120px;cursor:pointer;font-weight:bold;left:2vw;bottom:5vw;transform:translateY(0);transition:all 1s ease 1.5s}.shop01-template-02.show .scroll{opacity:1;transform:translateX(-50%) translateY(0)}.shop01-template-02 .scroll i{content:"";display:block;margin:0 auto 3px;width:1px;position:relative;top:55px;left:-2px;height:60px;background:#909090;-webkit-animation:draw 2s linear infinite;animation:draw 2s linear infinite}@-webkit-keyframes draw{0%,to{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scaleY(0);transform:scaleY(0)}49.9%{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}99.9%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes draw{0%,to{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scaleY(0);transform:scaleY(0)}49.9%{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}99.9%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(0);transform:scaleY(0)}}.shop01-template-02 .scroll .scroll-text{font-size:16px;color:red;font-family:var(--font-family-title);position:relative;transform:rotate(-90deg)}.shop01-template-02 .thumbs_box{width:85%;max-width:1400px;position:absolute;z-index:50;bottom:4vw;color:#fff;transform:translateX(-50%);left:50%}.shop01-template-02 .shop01-template-02-thumbs{width:1150px;margin-left:0;padding-bottom:0;transition:all .8s ease .8s;transform:translateY(50px);opacity:0}.shop01-template-02 .shop01-template-02-thumbs.show{transform:translateY(0);opacity:1}.shop01-template-02-thumbs .swiper-slide{cursor:pointer}.shop01-template-02-thumbs .main_txt{font-family:var(--font-family-title);position:relative;display:block;padding-bottom:8px}.shop01-template-02-thumbs .main_txt::after{content:"";background-color:#fff;position:absolute;left:0;width:0%;bottom:0;height:1px;transition:all .5s ease}.shop01-template-02-thumbs .swiper-slide-thumb-active .main_txt::after{width:100%}.shop01-template-02-thumbs .main_txt .num{font-size:18px;font-size:26px}.shop01-template-02-thumbs .main_txt .type{font-size:16px;font-weight:normal;line-height:1.4;display:block;text-transform:uppercase;letter-spacing:.5px}@media(max-width: 1650px){.shop01-template-02 .slide-img-box .main_txt .title{margin-top:15px}.shop01-template-02 .scroll{left:0}}@media(min-width: 1199px){.shop01-template-02 .video_link:hover{background-color:#f2583b;border-color:#f2583b}.shop01-template-02 .video_link:hover span{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff}}@media(max-width: 1200px){.shop01-template-02 .shop01-template-02-thumbs{width:95%}.shop01-template-02 .scroll{left:0;transform:translateX(-15px) scale(0.8);bottom:22px}.shop01-template-02-thumbs .main_txt .num{font-size:14px;font-size:20px}.shop01-template-02 .slide-img-box .imgs{height:100%}}@media(max-width: 1100px){.shop01-template-02{margin-top:60px}}@media(max-width: 1000px){.shop01-template-02 .scroll{display:none}.shop01-template-02 .thumbs_box{width:90%;left:5%;transform:none}.shop01-template-02 .slide-img-box .main_txt{transform:translateY(-50%);left:5%}}@media(max-width: 700px){.shop01-template-02 .scroll{height:29px;left:50%;transform:translateX(-50%);display:block}.shop01-template-02 .scroll .scroll-text{transform:scale(1);color:#fff;font-size:14px}.shop01-template-02 .scroll i{top:3px;height:20px}.shop01-template-02-thumbs .main_txt .num{font-size:16px}.shop01-template-02 .thumbs_box{bottom:0;transform:translateY(100%);display:none}.slide-img-box:after{content:"";display:block;width:100%;height:50%;background:linear-gradient(to top, rgba(10, 11, 12, 0.5019607843), rgba(10, 11, 12, 0));position:absolute;z-index:5;left:0;bottom:0}.shop01-template-02 .slide-img-box .main_txt{transform:none;left:5%;position:absolute;bottom:30px;top:auto;z-index:6}.shop01-template-02 .slide-img-box .imgs{display:block;width:100%;background-repeat:no-repeat;height:auto;background-size:cover;background-position:center}.shop01-template-02-thumbs .main_txt .type{font-size:12px;display:none}.shop01-template-02-thumbs .swiper-slide{width:100px}.shop01-template-02 .shop01-template-02-thumbs{width:100%}.shop01-template-02 .shop01-template-02__swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;margin:20px auto}.shop01-template-02 .slide-img-box .main_txt .title{margin-top:15px}.shop01-template-02 .slide-img-box .main_txt .type{font-size:14px;padding-left:0;margin-bottom:0}}.shop01-template-02 .slide-img-box .video-first{position:absolute;display:block;z-index:5;height:auto;background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden;width:100%;left:0;top:0;transform:scale(1.1);transition:all .6s ease;display:none}.shop01-template-02 .slide-img-box .video-first .shape{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.shop01-template-02 .slide-img-box .video-first video{position:relative;width:100%;object-fit:cover;top:0;z-index:-1;height:56.6vw;min-height:400px}/*# sourceMappingURL=02.css.map */