.related-product{margin:0 auto;padding:0 90px;position:relative;max-width:1620px;width:100%}.related-product .swiper{margin:0 auto;width:100%}.related-product .swiper-slide{height:auto;text-align:left}.related-product .swiper-slide .product-item{height:100%}.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}.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{position:relative;width:100%}@media only screen and (min-width:1201px){.product-item:hover a{background-color:#fff}.product-item:hover a:after{opacity:1}.product-item:hover .photo img.hover{opacity:1}.product-item:hover .photo img.base{opacity:0}.product-item:hover .more-button{opacity:1;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.product-item a{padding:20px 30px;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;background-color:#F0F0F0;width:100%;height:100%;-webkit-transition:background-color 0.4s;transition:background-color 0.4s}.product-item a:after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;border:1px solid rgba(39,34,35,0.1);opacity:0;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;pointer-events:none;content:""}.product-item .photo{margin:0 auto;position:relative;max-width:285px;width:100%}.product-item .photo:before{padding-bottom:100%;display:block;content:""}.product-item .photo img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:opacity 0.4s;transition:opacity 0.4s}.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;width:50px;height:50px;color:#fff;font-size:0.875rem;line-height:1.5}.product-item .tag.red{background-color:#E2233D}.product-item .tag.blue{background-color:#4F5F6B}.product-item .content{margin-top:25px}.product-item .item-point .sub{color:#E2233D}.product-item .item-point .main{display:block;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.product-item .other{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (max-width:767px){.product-item .photo{max-width:250px}.product-item .tag{width:45px;height:45px}}.index .product-notice{position:relative}.index .product-notice.hide .collapse i{-webkit-transform:translate3d(0,-3px,0) scale(1);transform:translate3d(0,-3px,0) scale(1)}.index .product-notice .collapse{position:absolute;bottom:0;left:50%;-webkit-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0);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:0 0 500px 500px;background-color:#F0F0F0;width:60px;height:30px;cursor:pointer;content:""}.index .product-notice .collapse i{-webkit-transform:translate3d(0,-3px,0) scale(-1);transform:translate3d(0,-3px,0) scale(-1);-webkit-transition:-webkit-transform 0.4s;transition:-webkit-transform 0.4s;transition:transform 0.4s;transition:transform 0.4s,-webkit-transform 0.4s}.index .product-notice .collapse i:after{display:block;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-left:2px solid #E2233D;border-bottom:2px solid #E2233D;width:8px;height:8px;content:""}.index .product-notice .container{padding:50px 60px;background-color:#F0F0F0}.index .product-notice .container>div{margin:0 auto;max-width:1400px;width:100%}.index .product-notice .b{color:#E2233D;line-height:1.2;letter-spacing:1px}.index .product-notice ul{margin-top:15px}.index .product-notice li{line-height:1.8;letter-spacing:0.8px}.index .product-notice li:not(:last-child){margin-bottom:5px}@media only screen and (max-width:768px){.index .product-notice .container{padding:40px}}@media only screen and (max-width:767px){.index .product-notice .container{padding:30px}}.index .product-wrapper{padding-top:130px}.index .product-wrapper .block-point{padding:0 40px;margin:100px auto 0}@media only screen and (max-width:768px){.index .product-wrapper{padding-top:80px}.index .product-wrapper .block-point{padding:0 30px;margin:50px auto 0}}@media only screen and (max-width:767px){.index .product-wrapper{padding:60px 0 100px}}.index .product-container{padding:0 60px;margin:75px auto 0;max-width:1445px;width:100%}@media only screen and (max-width:768px){.index .product-container{padding:0 40px}}@media only screen and (max-width:767px){.index .product-container{padding:0;margin:50px auto 0}}.index .product-control{position:relative;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:justify;-ms-flex-pack:justify;justify-content:space-between}.index .product-control dropdown-el{margin:0}.index .product-control .group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.index .product-control .total{line-height:1.8}.index .product-control .total span{margin-left:4px}.index .product-control .grid-style{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:10px}.index .product-control .grid-style div{opacity:0.3;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;font-size:1.25rem;cursor:pointer}.index .product-control .grid-style div[grid-type=flex] i.icon-list{display:none}.index .product-control .grid-style div.active{opacity:1}.index .product-control .filter-button{position:relative;font-size:1.375rem;cursor:pointer}.index .product-control .filter-button p{position:absolute;top:-15px;left:50%;-webkit-transform:translate3d(-50%,-100%,0);transform:translate3d(-50%,-100%,0);padding:10px 20px;border-radius:500px;background-color:#E2233D;color:#fff;font-size:0.875rem;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;pointer-events:none;opacity:0;-webkit-animation:filter-tip 5s;animation:filter-tip 5s}.index .product-control .filter-button p:before{position:absolute;bottom:0;left:50%;-webkit-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0);display:block;width:0;height:0;border-style:solid;border-width:7px 6px 0 6px;border-color:#E2233D transparent transparent transparent;content:""}@media only screen and (max-width:1440px){.index .product-control .filter-button p{top:50%;left:-12px;-webkit-transform:translate3d(-100%,-50%,0);transform:translate3d(-100%,-50%,0)}.index .product-control .filter-button p:before{bottom:50%;left:auto;right:0;-webkit-transform:translate3d(85%,50%,0);transform:translate3d(85%,50%,0);border-width:6px 0 6px 7px;border-color:transparent transparent transparent #E2233D}}@media only screen and (max-width:992px){.index .product-control .grid-style div[grid-type=flex] i.icon-flex{display:none}.index .product-control .grid-style div[grid-type=flex] i.icon-list{display:block}}@media only screen and (max-width:767px){.index .product-control{padding:0 20px}.index .product-control .grid-style div{font-size:0.9375rem}}.index .product-list{margin-top:15px;display:-ms-grid;display:grid;-ms-grid-columns:calc((100% - 10px) / 3) 5px calc((100% - 10px) / 3) 5px calc((100% - 10px) / 3);grid-template-columns:repeat(3,calc((100% - 10px) / 3));grid-auto-flow:row dense;gap:5px}@media only screen and (min-width:992px){.index .product-list[theme-type=flex] .product-item[theme-type=xl]{grid-row:auto/span 2}.index .product-list[theme-type=flex] .product-item[theme-type=xl]:nth-child(odd){-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/span 2}.index .product-list[theme-type=flex] .product-item[theme-type=xl]:nth-child(2n){-ms-grid-column:2;-ms-grid-column-span:2;grid-column:2/span 2}.index .product-list[theme-type=flex] .product-item[theme-type=xl] .photo{max-width:740px}.index .product-list[theme-type=flex] .product-item[theme-type=xl] .other{margin-top:40px}}@media only screen and (max-width:992px){.index .product-list{-ms-grid-columns:(calc((100% - 5px) / 2))[2];grid-template-columns:repeat(2,calc((100% - 5px) / 2))}.index .product-list[theme-type=flex]{-ms-grid-columns:100%;grid-template-columns:100%}.index .product-list[theme-type=flex] .product-item a{padding:20px 40px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.index .product-list[theme-type=flex] .product-item .photo{margin:0;max-width:200px}.index .product-list[theme-type=flex] .product-item .content{margin:0}}@media only screen and (max-width:767px){.index .product-list{-ms-grid-columns:100%;grid-template-columns:100%}.index .product-list[theme-type=flex]{-ms-grid-columns:100%;grid-template-columns:100%}.index .product-list[theme-type=flex] .product-item a{padding:40px 20px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.index .product-list[theme-type=flex] .product-item .tag{top:10px;left:10px}.index .product-list[theme-type=flex] .product-item .photo{margin:0;max-width:100px}}@-webkit-keyframes filter-tip{0%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes filter-tip{0%{opacity:1}90%{opacity:1}to{opacity:0}}.guide-tip{position:fixed;bottom:30px;left:calc(100vw - 30px);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);z-index:1;-webkit-transition:opacity 0.4s;transition:opacity 0.4s}.guide-tip.hide{opacity:0}.guide-tip[display-type=button] .box{display:none}.guide-tip[display-type=box]{max-width:400px;width:100%}.guide-tip[display-type=box] .button{display:none}.guide-tip .button{font-size:0.875rem;line-height:1.4;cursor:default}.guide-tip .button p{margin:auto;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}.guide-tip .button .robot{margin-top:10px;position:relative;z-index:0;border-radius:500px;-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.25);box-shadow:0px 0px 10px rgba(0,0,0,0.25);background-color:#3CF9C0;width:80px;height:80px;cursor:pointer}.guide-tip .button .robot:hover .hover{opacity:1}.guide-tip .button .robot img{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:50px;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}.guide-tip .button .robot .hover{opacity:0;z-index:2}.guide-tip .box{position:relative;padding:50px 25px;border-radius:5px;background-color:#fff;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.3);box-shadow:0px 0px 20px rgba(0,0,0,0.3);max-width:400px;width:100%}.guide-tip .box .back-button{position:absolute;top:0;left:0;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:40px;height:40px}.guide-tip .box .back-button .circle{font-size:1rem}.guide-tip .box .robot{margin:0 auto;position:relative;width:80px;height:80px}.guide-tip .box .robot:before{position:absolute;border-radius:500px;background-color:#3CF9C0;width:100%;height:100%;-webkit-animation:robot 2.2s infinite;animation:robot 2.2s infinite;content:""}.guide-tip .box .robot img{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:50px}.guide-tip .box .item-point{margin:30px 0}.guide-tip .box .item-point .sub{color:#E2233D}.guide-tip .box .item-point .main{font-size:1.5rem}.guide-tip .box .rect-button{margin:0 auto}@-webkit-keyframes robot{0%{-webkit-transform:scale(1);transform:scale(1)}5%{-webkit-transform:scale(1.1);transform:scale(1.1)}10%{-webkit-transform:scale(1);transform:scale(1)}15%{-webkit-transform:scale(1.2);transform:scale(1.2)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes robot{0%{-webkit-transform:scale(1);transform:scale(1)}5%{-webkit-transform:scale(1.1);transform:scale(1.1)}10%{-webkit-transform:scale(1);transform:scale(1)}15%{-webkit-transform:scale(1.2);transform:scale(1.2)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@media only screen and (max-width:767px){.guide-tip{bottom:10px;left:calc(100vw - 10px)}.guide-tip[display-type=box]{max-width:260px}.guide-tip .button{font-size:0.75rem}.guide-tip .button .robot{width:50px;height:50px}.guide-tip .button .robot img{width:30px}.guide-tip .box{padding:50px 20px;max-width:260px}.guide-tip .box .item-point .main{font-size:1.25rem}}.guide-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:none;opacity:0;pointer-events:none;-webkit-transition:opacity 0.4s;transition:opacity 0.4s}.guide-modal.active{display:block}.guide-modal.show{opacity:1;pointer-events:auto}.guide-modal.show .background{-webkit-backdrop-filter:blur(5px) opacity(1);backdrop-filter:blur(5px) opacity(1)}.guide-modal .background{position:absolute;top:0;left:0;z-index:-1;background:rgba(255,255,255,0.2);-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.1);box-shadow:0px 0px 20px rgba(0,0,0,0.1);-webkit-backdrop-filter:blur(5px) opacity(0);backdrop-filter:blur(5px) opacity(0);width:100%;height:100%;-webkit-transition:-webkit-backdrop-filter 0.4s 0.4s;transition:-webkit-backdrop-filter 0.4s 0.4s;transition:backdrop-filter 0.4s 0.4s;transition:backdrop-filter 0.4s 0.4s,-webkit-backdrop-filter 0.4s 0.4s}.guide-modal .modal-dialog{padding:0 8.3333vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}.guide-modal .modal-content{margin:auto;background-color:#fff;-webkit-box-shadow:0px 0px 30px rgba(0,0,0,0.5);box-shadow:0px 0px 30px rgba(0,0,0,0.5);max-width:700px;width:100%;-webkit-transition:max-width 0.4s;transition:max-width 0.4s}.guide-modal .modal-content.full{max-width:1600px}.guide-modal .guide-control{padding:0 30px;position:sticky;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:20px;background-color:#F2F2F2;width:100%;height:70px;font-size:1.25rem;line-height:1.4}.guide-modal .back-button{width:40px;height:40px}.guide-modal .back-button .circle{font-size:0.875rem}.guide-modal .container{width:100%;overflow:hidden}.guide-modal .wrapper{display:none;opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.guide-modal .wrapper.active{display:block}.guide-modal .wrapper.show{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity 0.6s,-webkit-transform 0.6s;transition:opacity 0.6s,-webkit-transform 0.6s;transition:opacity 0.6s,transform 0.6s;transition:opacity 0.6s,transform 0.6s,-webkit-transform 0.6s}.guide-modal .wrapper .modal-scroller{max-height:65.7407vh}.guide-modal .wrapper .inner{min-height:65.7407vh}.guide-modal .wrapper[guide-step="1"] .inner,.guide-modal .wrapper[guide-step="2"] .inner{margin:0 auto;max-width:700px}.guide-modal .wrapper[guide-step="1"] .inner{padding:50px}.guide-modal .wrapper[guide-step="3"] .modal-scroller{max-height:calc(var(--vh, 1px) * 100 - 70px)}.guide-modal .wrapper[guide-step="3"] .inner{min-height:calc(var(--vh, 1px) * 100 - 70px)}.guide-modal .modal-scroller{width:100%;overflow-y:auto}.guide-modal .inner{padding:50px 50px 0}.guide-modal .step-block{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;color:rgba(39,34,35,0.2);font-size:1.25rem;line-height:1.2}.guide-modal .step-block:after{margin:0 4px;display:block;content:"/"}.guide-modal .step-block p:first-child{color:#272223}.guide-modal .step-block p:last-child{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.guide-modal .intro{margin-top:20px;text-align:center}.guide-modal .intro .main{font-size:2.5rem;line-height:1.2}.guide-modal .intro .text{margin-top:20px;line-height:1.5}.guide-modal .options-group{margin-top:50px;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:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px;text-align:center}.guide-modal .options-group span{color:rgba(39,34,35,0.5);font-size:0.875rem;font-weight:500;line-height:1.2;cursor:default}.guide-modal .options-group .button{padding:10px 0;border-radius:500px;border:1px solid rgba(39,34,35,0.2);max-width:350px;width:100%;font-weight:500;line-height:1.2;cursor:pointer;-webkit-transition:border 0.2s;transition:border 0.2s}.guide-modal .options-group .button:hover{border:1px solid #272223}.guide-modal .product-list{margin:50px auto 0;max-width:1200px}.guide-modal .button-group{padding:50px 0;position:sticky;bottom:0;left:0;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;gap:10px;background:-webkit-gradient(linear,left bottom,left top,color-stop(26.98%,#FFFFFF),to(rgba(255,255,255,0)));background:linear-gradient(360deg,#FFFFFF 26.98%,rgba(255,255,255,0) 100%)}@media only screen and (max-width:1280px){.guide-modal .wrapper .modal-scroller{max-height:65.7407vh}.guide-modal .wrapper .inner{min-height:65.7407vh}.guide-modal .wrapper[guide-step="3"] .modal-scroller{max-height:calc(var(--vh, 1px) * 100 - 70px)}.guide-modal .wrapper[guide-step="3"] .inner{min-height:calc(var(--vh, 1px) * 100 - 70px)}}@media only screen and (max-width:767px){.guide-modal .modal-dialog{padding:0}.guide-modal .guide-control{font-size:1.125rem}.guide-modal .wrapper .modal-scroller{max-height:calc(var(--vh, 1px) * 100)}.guide-modal .wrapper .inner{min-height:calc(var(--vh, 1px) * 100)}.guide-modal .wrapper[guide-step="1"] .inner{padding:50px 30px}.guide-modal .wrapper[guide-step="2"] .modal-scroller{max-height:calc(var(--vh, 1px) * 100 - 70px)}.guide-modal .wrapper[guide-step="2"] .inner{min-height:calc(var(--vh, 1px) * 100 - 70px)}.guide-modal .wrapper[guide-step="3"] .modal-scroller{max-height:calc(var(--vh, 1px) * 100 - 70px)}.guide-modal .wrapper[guide-step="3"] .inner{padding:50px 0 0;min-height:calc(var(--vh, 1px) * 100 - 70px)}.guide-modal .wrapper[guide-step="3"] .intro{padding:0 30px}.guide-modal .inner{padding:50px 30px 0}.guide-modal .intro .main{font-size:1.875rem}.guide-modal .button-group{padding:40px 0;gap:5px}}
/*# sourceMappingURL=index.css.map */