.related-product{margin:0 auto -60px;padding:0 90px;position:relative;max-width:1640px;width:100%}.related-product .swiper{margin:0 auto;max-width:1460px;width:100%}.related-product .swiper-slide{padding:60px 0;text-align:left}.related-product .swiper-navigation{position:absolute;top:0;left:0;width:100%;height:100%}.related-product .swiper-button-next,.related-product .swiper-button-prev{position:absolute;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}@media only screen and (max-width:1200px){.related-product{margin:0 auto}.related-product .swiper-slide{padding:0}}@media only screen and (max-width:992px){.related-product{padding:0 20px}.related-product .swiper-navigation{margin-top:20px;position:static}.related-product .swiper-button-next,.related-product .swiper-button-prev{margin:0 5px;position:static;-webkit-transform:translateZ(0);transform:translateZ(0)}}.product-item{width:100%}.product-item a{display:block}@media only screen and (min-width:1201px){.product-item a:hover .photo{background-color:#fff}.product-item a:hover .photo:after{opacity:1}.product-item a:hover .photo img.hover{opacity:1}.product-item a:hover .photo img.base{opacity:0}.product-item a:hover .more-button{opacity:1;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.product-item .photo{position:relative;background-color:#F0F0F0;-webkit-transition:background-color 0.4s;transition:background-color 0.4s;position:relative}.product-item .photo:before{padding-bottom:100%;display:block;content:""}.product-item .photo:after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(39,34,35,0.1);opacity:0;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;content:""}.product-item .photo img{-webkit-transition:opacity 0.4s;transition:opacity 0.4s;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.product-item .photo img.hover{opacity:0}.product-item .tag{position:absolute;top:20px;left:20px;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:500px;background-color:#E2233D;width:50px;height:50px;color:#fff;font-size:0.875rem;line-height:1.5}.product-item .content{margin-top:20px;padding:0 20px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px 0}.product-item .sub{color:#E2233D}.product-item .main{font-size:1.25rem;line-height:1.4}.product-item .text{line-height:1.5}.product-item .more-button{margin-top:20px;position:absolute;bottom:-30px;left:20px;-webkit-transform:translate3d(-10px,100%,0);transform:translate3d(-10px,100%,0);opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform 0.4s;transition:opacity 0.4s,-webkit-transform 0.4s;transition:opacity 0.4s,transform 0.4s;transition:opacity 0.4s,transform 0.4s,-webkit-transform 0.4s}@media only screen and (max-width:1200px){.product-item .more-button{display:block}}.brand main{position:relative}.brand main .control-bar{position:absolute;top:0;left:0;z-index:2;width:100%}@media only screen and (max-width:1024px){.brand main .control-bar{position:static}}.brand .detail-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media only screen and (max-width:1024px){.brand .detail-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.brand .detail-tour{padding:130px 60px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:sticky;top:50px;width:33.8542vw}.brand .detail-tour .tour-wrapper{max-width:450px;width:100%}.brand .detail-tour .item-point{padding:0}.brand .detail-tour .item-point .text{display:block}.brand .detail-tour .share-group{margin-top:65px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.brand .detail-tour .category-navbar{margin-top:50px;padding:0;max-width:640px}@media only screen and (max-width:1024px){.brand .detail-tour{padding:80px 40px 30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;position:static;width:100%;text-align:center}.brand .detail-tour .tour-wrapper{max-width:none}.brand .detail-tour .share-group{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.brand .detail-tour .category-navbar{margin:50px auto 0}}@media only screen and (max-width:992px){.brand .detail-tour{padding:100px 40px 30px}}@media only screen and (max-width:767px){.brand .detail-tour{padding:30px 20px}.brand .detail-tour .share-group{margin-top:30px}.brand .detail-tour .category-navbar{margin:75px auto 0}}.brand .detail-content{background-color:#F0F0F0;width:66.1458vw}.brand .detail-content .detail-inner{padding:0 60px}.brand .detail-content .detail-inner .wrapper{margin:0 auto;padding:130px 0 170px;max-width:1100px;width:100%}.brand .detail-content .detail-inner .block-point{margin:0 auto 30px}@media only screen and (max-width:1024px){.brand .detail-content{border:none;width:100vw}.brand .detail-content .detail-inner{padding:0 40px}.brand .detail-content .detail-inner .wrapper{padding:60px 0}.brand .detail-content .detail-inner .block-point{margin:0 auto 50px;display:block}}@media only screen and (max-width:767px){.brand .detail-content{padding-top:50px}.brand .detail-content .detail-inner{padding:0}.brand .detail-content .detail-inner:not(:last-child){border:none}.brand .detail-content .detail-inner[block-name=Introduction] .wrapper{padding-bottom:50px}.brand .detail-content .detail-inner .wrapper{padding:0}.brand .detail-content .detail-inner .block-point{margin:0 auto 30px}}.brand ._articleBlock{padding:0 20px;margin:0 auto;max-width:900px;width:100%}.brand .related-wrapper{padding:100px 60px 0}.brand .related-wrapper .block-point{margin:0 auto}.brand .related-wrapper .product-item .photo{background-color:#fff}@media only screen and (max-width:1200px){.brand .related-wrapper .block-point{margin-bottom:50px}}@media only screen and (max-width:1024px){.brand .related-wrapper{padding:80px 20px 0}}@media only screen and (max-width:767px){.brand .related-wrapper{padding:50px 0}.brand .related-wrapper .block-point{margin-bottom:30px}}
/*# sourceMappingURL=brand_detail.css.map */