section.banner{z-index:0;position:relative}section.banner[banner-size=large] .wrap{min-height:750px}@media only screen and (width<=1200px){section.banner[banner-size=large] .wrap{min-height:450px}}@media only screen and (width<=900px){section.banner[banner-size=large] .wrap{min-height:420px}}section.banner[banner-size=short] .wrap{min-height:500px}@media only screen and (width<=1200px){section.banner[banner-size=short] .wrap{min-height:400px}}@media only screen and (width<=900px){section.banner[banner-size=short] .wrap{min-height:350px}}section.banner[text-color=black] .content{color:#000}section.banner[text-color=white] .content{color:#fff}section.banner[text-align=left] .wrap{justify-content:flex-start}section.banner[text-align=center] .wrap{justify-content:center}section.banner[text-align=center] .content{text-align:center;max-width:720px}section.banner[text-align=center] .content .group{max-width:720px}section.banner[text-align=right] .wrap{justify-content:flex-end}section.banner[text-align=right] .content{text-align:right}section.banner>.container{border-radius:12px;width:calc(100% - 60px);margin:0 auto;position:relative;overflow:hidden}@media only screen and (width<=1440px){section.banner>.container{width:calc(100% - 30px)}}@media only screen and (width<=900px){section.banner>.container{border-radius:6px}}section.banner .wrap{align-items:center;max-width:calc(1260px + 31.25vw);min-height:600px;margin:0 auto;padding:60px calc(15.625vw - 30px);display:flex;overflow:hidden}@media only screen and (width>=2048px){section.banner .wrap{min-height:800px}}@media only screen and (width<=1440px){section.banner .wrap{padding:60px calc(9.375vw - 15px)}}@media only screen and (width<=1200px){section.banner .wrap{min-height:450px;padding:60px calc(6.25vw - 15px)}}@media only screen and (width<=900px){section.banner .wrap{border-radius:6px;min-height:400px;padding:60px 45px}}@media only screen and (width<=767px){section.banner .wrap{padding:60px 15px}}section.banner .controller{max-width:1320px}section.banner .background-image{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}section.banner .background-image .pic-box{height:100%}section.banner .background-image .pic-box:after{padding-top:45.45%}@media only screen and (width<=1024px){section.banner .background-image .pic-box:after{padding-top:45.27%}}@media only screen and (width<=575px){section.banner .background-image .pic-box:after{padding-top:115.9%}}section.banner .content{flex-direction:column;gap:30px 0;max-width:660px;display:flex}@media only screen and (width<=900px){section.banner .content{gap:15px 0;max-width:440px}}section.banner .content h1,section.banner .content h2,section.banner .content p{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media only screen and (width<=900px){section.banner .content h1,section.banner .content h2,section.banner .content p{text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}section.banner .content .group{flex-direction:column;gap:10px 0;max-width:540px;display:flex}@media only screen and (width<=900px){section.banner .content .group{max-width:440px}}section.banner .banner-controller{width:100%;position:absolute;bottom:30px;left:0}section.banner .banner-controller.aost-show .banner-controller-box{opacity:1}@media only screen and (width<=900px){section.banner .banner-controller{bottom:15px}}section.banner .banner-controller:has(.button.prev.hide):has(.button.next.hide) .drag-container .wrapper.start{-webkit-mask-image:unset;mask-image:unset}section.banner .banner-controller:has(.button.prev.hide):has(.button.next.hide) .banner-controller-box{padding:10px}section.banner .banner-controller[color=white] multipurpose-nav[m4-type=drag] .drag-container .item .category{color:#fff}section.banner .banner-controller[color=white] multipurpose-nav[m4-type=drag] .drag-container .item:not(:first-child){position:relative}section.banner .banner-controller[color=white] multipurpose-nav[m4-type=drag] .drag-container .item:not(:first-child):before{background:#fff}section.banner .banner-controller[color=white] multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next div:before{border-top:2px solid #fff;border-right:2px solid #fff}@media only screen and (width<=900px){section.banner .banner-controller[color=white] multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next div:before{border-top:1px solid #fff;border-right:1px solid #fff}}section.banner .banner-controller[color=white] multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div:before{border-top:2px solid #fff;border-left:2px solid #fff}@media only screen and (width<=900px){section.banner .banner-controller[color=white] multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div:before{border-top:1px solid #fff;border-left:1px solid #fff}}section.banner .banner-controller[color=black] multipurpose-nav[m4-type=drag] .drag-container .item .category{color:#000}section.banner .banner-controller[color=black] multipurpose-nav[m4-type=drag] .drag-container .item:not(:first-child){position:relative}section.banner .banner-controller[color=black] multipurpose-nav[m4-type=drag] .drag-container .item:not(:first-child):before{background:#000}section.banner .banner-controller[color=black] multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next div:before{border-top:2px solid #000;border-right:2px solid #000}@media only screen and (width<=900px){section.banner .banner-controller[color=black] multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next div:before{border-top:1px solid #000;border-right:1px solid #000}}section.banner .banner-controller[color=black] multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div:before{border-top:2px solid #000;border-left:2px solid #000}@media only screen and (width<=900px){section.banner .banner-controller[color=black] multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div:before{border-top:1px solid #000;border-left:1px solid #000}}section.banner .banner-controller .banner-controller-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;width:calc(100% - 31.25vw + 60px);max-width:1320px;margin:0 auto;padding:10px;transition:opacity .3s .3s;box-shadow:10px 10px 15px #0003}@media only screen and (width<=1440px){section.banner .banner-controller .banner-controller-box{width:calc(100% - 18.75vw + 30px)}}@media only screen and (width<=1200px){section.banner .banner-controller .banner-controller-box{width:calc(100% - 12.5vw + 30px)}}@media only screen and (width<=900px){section.banner .banner-controller .banner-controller-box{border-radius:6px;width:calc(100% - 90px)}}@media only screen and (width<=767px){section.banner .banner-controller .banner-controller-box{width:calc(100% - 30px)}}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container{max-width:100%;padding:0;display:flex}@media only screen and (width>=1201px){section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container:has(.item:hover) .item:before{opacity:0}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container:has(.item.active) .item:before{opacity:0}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container:has(.item[aria-selected=true]) .item:before{opacity:0}}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container:has(.item.active) .item:before{opacity:0}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container:has(.item[aria-selected=true]) .item:before{opacity:0}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .wrapper{width:100%;padding:0;display:flex;gap:0!important}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .wrapper.center,section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .wrapper.start,section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .wrapper.end{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .wrapper.start,section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .wrapper.end{-webkit-mask-size:calc(100% - 35px);mask-size:calc(100% - 35px)}@media only screen and (width<=900px){section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .wrapper.start,section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .wrapper.end{-webkit-mask-size:calc(100% - 20px);mask-size:calc(100% - 20px)}}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .wrapper.center{-webkit-mask-image:linear-gradient(270deg,#fff,#fff 0%,#fff);mask-image:linear-gradient(270deg,#fff,#fff 0%,#fff);-webkit-mask-position:top;mask-position:top;-webkit-mask-size:calc(100% - 70px);mask-size:calc(100% - 70px)}@media only screen and (width<=900px){section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .wrapper.center{-webkit-mask-size:calc(100% - 40px);mask-size:calc(100% - 40px)}}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .wrapper.center.start,section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .wrapper.center.end{-webkit-mask-size:calc(100% - 35px);mask-size:calc(100% - 35px)}@media only screen and (width<=900px){section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .wrapper.center.start,section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .wrapper.center.end{-webkit-mask-size:calc(100% - 20px);mask-size:calc(100% - 20px)}}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .wrapper.start{-webkit-mask-image:linear-gradient(270deg,#fff,#fff 0%,#fff);mask-image:linear-gradient(270deg,#fff,#fff 0%,#fff);-webkit-mask-position:0 0;mask-position:0 0}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .wrapper.end{-webkit-mask-image:linear-gradient(90deg,#fff,#fff 0%,#fff);mask-image:linear-gradient(90deg,#fff,#fff 0%,#fff);-webkit-mask-position:100% 0;mask-position:100% 0}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .item{flex:1}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .item:not(:first-child){position:relative}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .item:not(:first-child):before{content:"";opacity:.5;z-index:-1;width:1px;height:36px;transition:opacity .5s;display:block;position:absolute;top:50%;left:-1px;transform:translateY(-50%)}@media only screen and (width<=900px){section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .item:not(:first-child):before{height:20px}}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .item:not([aria-selected]).active .category{background:#000}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .item:not([aria-selected]).active .category p{background:var(--CI-blue_linear,linear-gradient(141deg, #18e0e7 0.05%, #1860e7 99.98%));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .item[aria-selected=true]{pointer-events:none}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .item[aria-selected=true] .category{background:#000}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .item[aria-selected=true] .category p{background:var(--CI-blue_linear,linear-gradient(141deg, #18e0e7 0.05%, #1860e7 99.98%));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .item[aria-selected=false]{opacity:1}@media only screen and (width>=1201px) and (width>=1201px){section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .item:hover .category{background:#000}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .item:hover .category p{background:var(--CI-blue_linear,linear-gradient(141deg, #18e0e7 0.05%, #1860e7 99.98%));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}}@media only screen and (width>=1201px) and (width<=1200px){section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .item:active .category{background:#000}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .item:active .category p{background:var(--CI-blue_linear,linear-gradient(141deg, #18e0e7 0.05%, #1860e7 99.98%));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .category{white-space:nowrap;border-radius:6px;padding:12px 25px;transition:color .3s,background .3s}@media only screen and (width<=767px){section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .category{padding:6px 10px}}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .category:after{display:none}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .navigation .button{background-color:#0000;width:36px}@media only screen and (width<=900px){section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .navigation .button{width:20px}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .navigation .button div:before{width:6px;height:6px}}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .navigation .button.hide{opacity:0;transition:all}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev{left:15px}@media only screen and (width<=900px){section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev{left:5px}}section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next{right:15px}@media only screen and (width<=900px){section.banner .banner-controller multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next{right:5px}}.breadCrumbs{z-index:5;border-top:1px solid #0000001a;align-items:center;gap:0 30px;width:100%;padding:15px 60px;display:flex;overflow:hidden}@media only screen and (width<=1440px){.breadCrumbs{gap:0 20px;padding:15px 30px}}@media only screen and (width<=900px){.breadCrumbs{padding:10px 30px}}.breadCrumbs:has(.items) .bread-btn{position:relative}.breadCrumbs:has(.items) .bread-btn:after{content:"";background:#b2b2b2;width:1px;height:15px;display:block;position:absolute;top:50%;right:-15px;transform:translateY(-50%)}@media only screen and (width<=1440px){.breadCrumbs:has(.items) .bread-btn:after{right:-10px}}.breadCrumbs .bread-btn{color:#b2b2b2;flex-shrink:0;justify-content:center;align-items:center;display:flex}.breadCrumbs .bread-btn a.home{display:flex}.breadCrumbs .bread-btn i{font-size:1rem}.breadCrumbs .items{color:#b2b2b2;align-items:center;gap:0 30px;font-size:.875rem;font-weight:500;line-height:1.5;display:flex}@media only screen and (width<=1440px){.breadCrumbs .items{gap:0 20px;font-size:.75rem}}.breadCrumbs .item{word-break:break-all;flex-grow:0;flex-shrink:1;min-width:0;max-width:300px;position:relative}.breadCrumbs .item:first-child{flex-shrink:0}.breadCrumbs .item:not(:last-child)>a,.breadCrumbs .item:not(:last-child) span{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.breadCrumbs .item:not(:last-child)>a:after,.breadCrumbs .item:not(:last-child) span:after{content:"";background:#b2b2b2;width:1px;height:15px;display:block;position:absolute;top:50%;right:-15px;transform:translateY(-50%)}@media only screen and (width<=1440px){.breadCrumbs .item:not(:last-child)>a:after,.breadCrumbs .item:not(:last-child) span:after{right:-10px}}.breadCrumbs .item:last-child{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-line-clamp:1;-webkit-box-orient:vertical;flex:0 10 auto;min-width:50px;display:-webkit-box;overflow:hidden}.no-content-box{text-align:center;background:#f7f7f7;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:45px;max-width:100%;margin:0 auto;padding:90px 0;display:flex}@media only screen and (width<=900px){.no-content-box{border-radius:6px;gap:30px;padding:60px 30px}}.no-content-box .pic-box{max-width:120px}@media only screen and (width<=900px){.no-content-box .pic-box{max-width:60px}}.no-content-box .pic-box:after{padding-top:90%}.no-content-box .wrap{flex-direction:column;gap:15px 0;display:flex}.no-content-box .wrap .row{text-transform:uppercase;justify-content:center;gap:10px 25px;display:flex}@media only screen and (width<=900px){.no-content-box .wrap .row{flex-direction:column}}@media only screen and (width<=767px){body:has([t4-active=step1]) .side-service:not(.hasBanner) .container{top:-60px!important}body:has([t4-active=step2]) .side-service:not(.hasBanner) .container{top:-100px!important}body:has([t4-active=step3]) .side-service:not(.hasBanner) .container{top:-100px!important}}section.main{padding:60px 0 180px}@media only screen and (width<=1200px){section.main{padding:60px 0 120px}}section.main>.container{flex-direction:column;gap:60px 0;display:flex}@media only screen and (width<=900px){section.main>.container{gap:40px}}@media only screen and (width<=767px){section.main>.container[grid-col-7]{grid-column:1/-1;padding:0 15px}}section.main>.container .multipurpose-wrap{justify-content:center;display:flex}section.main>.container .multipurpose-wrap .multipurpose-box{width:auto;max-width:100%}.back-button{cursor:pointer;align-items:center;gap:15px;display:flex}@media only screen and (width<=767px){.back-button{padding:0 15px}}@media only screen and (width>=1201px) and (width>=1201px){.back-button:hover .i-box i{animation:.8s forwards moreBtn}}@media only screen and (width>=1201px) and (width<=1200px){.back-button:active .i-box i{animation:.8s forwards moreBtn}}.back-button .i-box{color:#fff;background:#000;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;line-height:1;display:flex;overflow:hidden}@media only screen and (width<=900px){.back-button .i-box{width:20px;height:20px;font-size:.75rem}}@media only screen and (width<=767px){.content.s1>.wrap .title-wrap,.content.s2>.wrap .title-wrap,.content.s3>.wrap .title-wrap{padding:0 15px}}.content.s1>.wrap,.content.s2>.wrap{flex-direction:column;gap:60px;margin-top:60px;display:flex}@media only screen and (width<=900px){.content.s1>.wrap,.content.s2>.wrap{gap:20px;margin-top:40px}}.content.s1 .content-wrap,.content.s2 .content-wrap{gap:20px 6.25vw;display:flex}@media only screen and (width>=1921px){.content.s1 .content-wrap,.content.s2 .content-wrap{gap:20px 120px}}@media only screen and (width<=1575px){.content.s1 .content-wrap,.content.s2 .content-wrap{gap:20px 3.125vw}}@media only screen and (width<=900px){.content.s1 .content-wrap,.content.s2 .content-wrap{flex-direction:column}}.content.s2 .shop-item>.group{align-items:center}@media only screen and (width<=767px){.content.s2 .shop-item>.group{align-items:flex-start}}@media only screen and (width<=900px){.content.s2 .shop-item .item-content{gap:10px}}.content.s2 .shop-item .item-content .row.collapse{display:none}@media only screen and (width<=767px){.content.s2 .shop-item .item-content .row.collapse{display:flex}}.content.s2 .shop-item .item-content .row.count .inner-r .blue{color:#1860e7}@media only screen and (width>=768px){.content.s2 .shop-specification{opacity:100;grid-template-rows:1fr}}.content.s2 .shop-item-group:has(.shop-item+.shop-specification) .shop-item .item-content .row.count .inner-r{display:none}@media only screen and (width<=767px){.content.s2 .shop-item-group:has(.shop-item+.shop-specification) .shop-item .item-content .row.count .inner-r{display:grid}}[t4-id=step3] .content-wrap{align-items:flex-start}@media only screen and (width<=900px){[t4-id=step3] .content-wrap{align-self:stretch}[t4-id=step3] .shop-group.step3{width:100%}}[t4-id=step3] .checkout-group{position:sticky;top:80px}@media only screen and (width<=900px){[t4-id=step3] .checkout-group{top:unset;position:relative}}.shop-group{flex-direction:column;flex:1;gap:15px;display:flex}.shop-box{border:1px solid #0003;border-radius:12px;padding:30px 25px;position:relative}.shop-box:not([state=expired]):after{content:"";z-index:-1;background:#fff;border-radius:10px;width:100%;height:100%;position:absolute;top:0;left:0}.shop-box:not([state=expired]):before{content:"";z-index:-2;background:linear-gradient(141deg,#18e0e7 .05%,#1860e7 99.98%);border-radius:12px;width:calc(100% + 4px);height:calc(100% + 4px);transition:opacity .3s;position:absolute;top:-2px;left:-2px}@media only screen and (width<=900px){.shop-box{border-radius:6px;padding:15px}}.shop-box[state=expired] .shop-item .pic-box .soldout-box{display:flex}.shop-box .shop-wrap{flex-direction:column;gap:60px;margin-top:30px;display:flex}@media only screen and (width<=900px){.shop-box .shop-wrap{gap:30px;margin-top:15px}}.shop-box .shop-item-group:has(.shop-specification.show) .shop-item .item-content .row.count{gap:0}.shop-box .shop-item-group:has(.shop-specification.show) .shop-item .item-content .row.count .inner-r{opacity:0;grid-template-rows:0fr}.shop-box .shop-item-group:has(.shop-specification.show) .shop-item .item-content .row.collapse{position:relative}.shop-box .shop-item-group:has(.shop-specification.show) .shop-item .item-content .row.collapse:after{content:attr(data-specification-open)}.shop-box .shop-item-group:not(:last-child){position:relative}.shop-box .shop-item-group:not(:last-child):after{content:"";opacity:.2;border:1px dashed #000;width:100%;height:1px;position:absolute;bottom:-30px;left:0}@media only screen and (width<=900px){.shop-box .shop-item-group:not(:last-child):after{bottom:-15px}}.shop-box .shop-box-title{align-items:center;gap:15px;display:flex}.shop-box .shop-box-title .num{color:#fff;background:#eba92e;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:6px;display:flex}.shop-box .shop-box-title>.inner-l{flex:1}.shop-box .shop-box-title .delet-btn{opacity:.3;cursor:pointer;align-items:center;gap:10px;margin-left:auto;transition:opacity .3s;display:flex}@media only screen and (width>=1201px) and (width>=1201px){.shop-box .shop-box-title .delet-btn:hover{opacity:1}}@media only screen and (width>=1201px) and (width<=1200px){.shop-box .shop-box-title .delet-btn:active{opacity:1}}.shop-box .shop-box-title .delet-btn p{color:#000}.shop-box .shop-box-title .delet-btn .i-box{cursor:pointer;color:#000;border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;top:0;right:10px;transform:rotate(45deg)}.shop-item{justify-content:space-between;align-items:flex-start;gap:15px 30px;display:flex}@media only screen and (width<=767px){.shop-item{flex-direction:column-reverse}.shop-item .delet-btn{margin-left:auto}}.shop-item>.group{justify-content:space-between;align-items:flex-start;gap:30px;width:100%;display:flex}@media only screen and (width<=900px){.shop-item>.group{gap:15px}}.shop-item>.group>.pic-box{border-radius:12px;flex-shrink:0;width:120px;overflow:hidden}@media only screen and (width<=1200px){.shop-item>.group>.pic-box{width:75px}}.shop-item>.group>.pic-box .soldout-box{color:#fff;pointer-events:none;background:linear-gradient(#00000080 0% 100%);flex-direction:column;justify-content:center;align-items:center;gap:5px 0;width:100%;height:100%;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (width<=1200px){.shop-item>.group>.pic-box .soldout-box{font-size:.75rem}}@media only screen and (width<=900px){.shop-item>.group>.pic-box{border-radius:6px}}.shop-item>.group>.pic-box:after{padding-top:114%}.shop-item .item-content{flex-direction:column;flex:1;gap:15px;display:flex}.shop-item .item-content .row{width:100%;display:flex}.shop-item .item-content .row.count{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px}@media only screen and (width<=767px){.shop-item .item-content .row.count{flex-direction:column;justify-content:flex-start}}.shop-item .item-content .row.count .error-info{color:#d70000;flex-direction:column;gap:4px;margin-top:4px;display:flex}.shop-item .item-content .row.count .inner-l{flex:1;min-width:160px}@media only screen and (width<=767px){.shop-item .item-content .row.count .inner-l{width:100%}}.shop-item .item-content .row.count .inner-l .buy-num{align-items:center;gap:10px;display:flex}.shop-item .item-content .row.count .inner-r{opacity:100;grid-template-rows:1fr;transition:opacity .3s,margin-top .3s;display:grid}@media only screen and (width<=767px){.shop-item .item-content .row.count .inner-r{width:100%}}.shop-item .item-content .row.count .inner-r .price-group{align-items:center;gap:15px;transition:opacity .3s;display:flex;overflow:hidden}@media only screen and (width<=767px){.shop-item .item-content .row.count .inner-r .price-group{justify-content:space-between}}.shop-item .item-content .row.tag{align-items:flex-start;gap:5px 10px}.shop-item .item-content .row.tag .pic-box{flex-shrink:0;width:20px}.shop-item .item-content .row.tag .pic-box:after{padding-top:100%}.shop-item .item-content .row.tag[promotion_active=expired]{color:#0000004d}.shop-item .item-content .row.tag[promotion_active=expired] .pic-box img{filter:brightness(0);opacity:.3}.shop-item .item-content .row.collapse{text-align:center;cursor:pointer;background:#f7f7f7;border-radius:6px;justify-content:center;padding:6px;display:flex}.shop-item .item-content .row.collapse:after{content:attr(data-specification-close);letter-spacing:.5px;font-size:.875rem;font-weight:700;line-height:1.3}.shop-item .counter{align-items:center;gap:0 10px;display:flex}@media only screen and (width<=767px){.shop-item .counter{justify-content:space-between}}.shop-item .counter input{text-align:center;letter-spacing:.5px;background:0 0;border:none;outline:none;flex:1;width:100%;max-width:45px;font-size:1.25rem;font-weight:700}.shop-item .counter .i-box{color:#000;cursor:pointer;border:1px solid #0003;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.875rem;display:flex}@media only screen and (width>=1201px) and (width>=1201px){.shop-item .counter .i-box:hover{color:#1860e7;border-color:#1860e7}}@media only screen and (width>=1201px) and (width<=1200px){.shop-item .counter .i-box:active{color:#1860e7;border-color:#1860e7}}.shop-item .counter .i-box.disable{color:#0003;pointer-events:none;border-color:#0003}@media only screen and (width<=767px){.shop-item .counter .i-box{width:20px;height:20px;font-size:.875rem}}.shop-item .delet-btn{align-items:center;height:136px;display:flex}@media only screen and (width<=1200px){.shop-item .delet-btn{height:85px}}@media only screen and (width<=767px){.shop-item .delet-btn{height:auto}}.shop-item .delet-btn .i-box{cursor:pointer;color:#000;opacity:.3;border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:opacity .3s;display:flex;top:0;right:10px;transform:rotate(45deg)}@media only screen and (width>=1201px){.shop-item .delet-btn .i-box:hover{opacity:1}}@media only screen and (width<=1200px){.shop-item .delet-btn .i-box:active{opacity:1}}.shop-specification{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .3s,opacity .3s,margin-top .3s;display:grid}.shop-specification.show{opacity:1;grid-template-rows:1fr}.shop-specification .specification-grid-wrap{overflow:hidden}.shop-specification .specification-content{background:#f7f7f7;border-radius:12px;flex-direction:column;gap:40px;margin-top:15px;padding:16px 25px;display:flex}@media only screen and (width<=900px){.shop-specification .specification-content{border-radius:6px;gap:30px;padding:12px 15px}}.shop-specification .specification-content .specification-item{flex-direction:column;gap:8px;display:flex}.shop-specification .specification-content .specification-item .list{flex-direction:column;gap:4px;padding-left:21px;display:flex;position:relative}.shop-specification .specification-content .specification-item .list:before{content:"";background:#1860e7;border-radius:50%;flex-shrink:0;width:6px;height:6px;position:absolute;top:8px;left:0}.shop-specification .specification-content .specification-item .list .row{align-items:center;gap:5px 10px;display:flex}@media only screen and (width<=767px){.shop-specification .specification-content .specification-item .list .row{flex-direction:column;align-items:flex-start;gap:5px}}.shop-specification .specification-content .specification-item .list .row .des{flex:1;min-width:50%}.shop-specification .specification-content .specification-item .list.add .row{flex-wrap:wrap}.shop-specification .specification-content .specification-item:not(:last-child){position:relative}.shop-specification .specification-content .specification-item:not(:last-child):after{content:"";opacity:.2;border-top:1px solid #000;width:100%;height:1px;position:absolute;bottom:-20px;left:0}@media only screen and (width<=900px){.shop-specification .specification-content .specification-item:not(:last-child):after{bottom:-15px}}.shop-specification .specification-price{justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;display:flex}.shop-specification .specification-price .blue{color:#1860e7}.giveway-box{border:1px solid #0003;border-radius:12px;flex-direction:column;gap:30px;padding:30px 25px;display:flex}@media only screen and (width<=900px){.giveway-box{border-radius:6px;gap:15px;padding:15px}}.giveway-box .giveway-total .list{justify-content:flex-end;align-items:center;gap:10px;display:flex}.giveway-box .blue{color:#1860e7}.recommend-box{flex-direction:column;gap:10px;display:flex}.recommend-box.is-open .recommend-loadmore>.i-box{transform:scaleY(-1)}.recommend-box .recommend-loadmore{justify-content:center;align-items:center;width:100%;margin-top:15px;display:flex;position:relative}.recommend-box .recommend-loadmore>.line{z-index:-1;border-top:1px dashed #0000004d;width:100%;height:1px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.recommend-box .recommend-loadmore>.i-box{cursor:pointer;background:#fff;border:1px solid #0000004d;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.75rem;display:flex}.recommend-box-list{flex-wrap:wrap;gap:10px 60px;transition:height .3s;display:flex}@media only screen and (width<=900px){.recommend-box-list{gap:10px 30px}}@media only screen and (width<=575px){.recommend-box-list{flex-direction:column}}.recommend-box-list .recommend-item{align-items:center;gap:0 30px;width:100%;display:flex}@media only screen and (width<=900px){.recommend-box-list .recommend-item{gap:0 15px}}@media only screen and (width<=767px){.recommend-box-list .recommend-item{width:100%}}.recommend-box-list .recommend-item .image-box{width:90px}@media only screen and (width<=900px){.recommend-box-list .recommend-item .image-box{width:75px}}.recommend-box-list .recommend-item .image-box .pic-box:after{padding-top:114%}.recommend-box-list .recommend-item .content-wrap{flex-direction:column;flex:1;gap:5px 0;width:100%;display:flex}.recommend-box-list .recommend-item .content-wrap .row{display:flex}.recommend-box-list .recommend-item .content-wrap .gifts-num{color:#b2b2b2;align-items:center;gap:10px;display:flex}.recommend-box-list .recommend-item .content-wrap .stock-info{color:#d70000}.recommend-box-list[type=gifts] .content-wrap .row{flex-wrap:wrap;gap:5px 30px}.recommend-box-list[type=gifts] .content-wrap .base-price{color:#b2b2b2;align-items:center;gap:10px;display:flex}.recommend-box-list[type=gifts] .content-wrap .base-price:not(:last-child){position:relative}.recommend-box-list[type=gifts] .content-wrap .base-price:not(:last-child):after{content:"";background:#b2b2b2;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;right:-15px;transform:translateY(-50%)}.recommend-box-list[type=purchase]{gap:15px}@media only screen and (width<=575px){.recommend-box-list[type=purchase]{flex-wrap:nowrap;gap:0}.recommend-box-list[type=purchase] .recommend-item{position:relative}.recommend-box-list[type=purchase] .recommend-item:not(:last-child):after{content:"";opacity:.3;border-top:1px dashed #000;width:100%;height:1px;position:absolute;bottom:-15px;left:0}}.recommend-box-list[type=purchase] .recommend-item{flex-direction:column;gap:30px 15px;width:calc(33.3333% - 10px)}@media only screen and (width<=900px){.recommend-box-list[type=purchase] .recommend-item{gap:15px}}@media only screen and (width<=575px){.recommend-box-list[type=purchase] .recommend-item{flex-direction:row;width:100%}.recommend-box-list[type=purchase] .recommend-item:not(:first-child){padding-top:30px}}.recommend-box-list[type=purchase] .recommend-item .image-box{width:100%}@media only screen and (width<=575px){.recommend-box-list[type=purchase] .recommend-item .image-box{flex-shrink:0;width:75px}}.recommend-box-list[type=purchase] .recommend-item .content-wrap .row{flex-wrap:wrap;gap:15px}.recommend-box-list[type=purchase] .recommend-item .content-wrap .sale-price{color:#1860e7}.recommend-box-list[type=purchase] .recommend-item .content-wrap .base-price{opacity:.2;position:relative}.recommend-box-list[type=purchase] .recommend-item .content-wrap .base-price:after{content:"";background:#000;width:100%;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.recommend-box-list[type=purchase] .counter{align-items:center;gap:0 10px;margin-top:10px;display:flex}@media only screen and (width<=767px){.recommend-box-list[type=purchase] .counter{justify-content:space-between}}.recommend-box-list[type=purchase] .counter input{text-align:center;letter-spacing:.5px;background:0 0;border:none;outline:none;flex:1;width:100%;max-width:45px;font-size:1.25rem;font-weight:700}.recommend-box-list[type=purchase] .counter .i-box{color:#000;cursor:pointer;border:1px solid #0003;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.875rem;display:flex}@media only screen and (width>=1201px) and (width>=1201px){.recommend-box-list[type=purchase] .counter .i-box:hover{color:#1860e7;border-color:#1860e7}}@media only screen and (width>=1201px) and (width<=1200px){.recommend-box-list[type=purchase] .counter .i-box:active{color:#1860e7;border-color:#1860e7}}.recommend-box-list[type=purchase] .counter .i-box.disable{color:#0003;pointer-events:none;border-color:#0003}@media only screen and (width<=767px){.recommend-box-list[type=purchase] .counter .i-box{width:20px;height:20px;font-size:.875rem}}.shop-form-box{border:1px solid #0003;border-radius:12px;flex-direction:column;gap:30px;padding:30px 25px;display:flex}@media only screen and (width<=900px){.shop-form-box{border-radius:6px;gap:15px;padding:15px}}.shop-form-box .shop-form-title{flex-direction:column;gap:5px;display:flex}.shop-form-box .shop-form-title>.row{justify-content:space-between;align-items:center;display:flex}.shop-form-box .dropdown-group{gap:10px;width:100%;display:flex}.shop-form-box .dropdown-group dropdown-el{flex:1}.shop-form-box .form-row-group{opacity:0;grid-template-rows:0fr;margin-left:35px;transition:grid-template-rows .3s,opacity .3s,margin-top .3s;display:grid}.shop-form-box .form-row-group .group-grid-box{overflow:hidden}.shop-form-box .form-row-group .group-grid-box>.inner{padding-top:40px;position:relative}.shop-form-box .form-row-group .group-grid-box>.inner:after{content:"";border-top:1px dashed #0003;width:100%;height:1px;position:absolute;top:20px;left:0}.shop-form-box .form-row-group.show{opacity:1;grid-template-rows:1fr}.member-set .checkbox-wrap,.clone-form .checkbox-wrap{border:1px solid #0003;border-radius:50%;flex-shrink:0;width:20px;height:20px;position:relative}.member-set .checkbox-wrap>input,.clone-form .checkbox-wrap>input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0}.member-set .checkbox-wrap>input:checked~.fake-checkbox,.clone-form .checkbox-wrap>input:checked~.fake-checkbox{opacity:1}.member-set .checkbox-wrap .fake-checkbox,.clone-form .checkbox-wrap .fake-checkbox{opacity:0;pointer-events:none;background-color:#000;border-radius:50%;width:calc(100% - 8px);height:calc(100% - 8px);transition:opacity .4s linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.member-set .option-item,.clone-form .option-item{cursor:pointer;align-items:center;gap:10px;display:flex}@media only screen and (width<=900px){.form-group .form-check,.form-group .form-title .form-check .option-item{gap:10px}}.checkout-group{flex-direction:column;flex-shrink:0;gap:15px 0;width:35%;display:flex}@media only screen and (width<=900px){.checkout-group{width:100%}}.event-box{background:#e8effd;border-radius:12px;flex-direction:column;gap:20px 0;padding:30px 25px;display:flex}@media only screen and (width<=900px){.event-box{border-radius:6px;gap:30px 0;padding:15px}}.event-box[type=radio]{background:#f7f7f7}.event-box[type=radio] .form-check-box{background:#f7f7f7;border-radius:6px;flex-direction:column;gap:20px;width:100%;padding:15px;display:flex}@media only screen and (width<=900px){.event-box[type=radio] .form-check-box{gap:12px;padding:12px 15px}}.event-box[type=radio] .form-check{flex-direction:column;gap:15px;width:100%;display:flex}.event-box[type=radio] .form-check.error .validation-icon,.event-box[type=radio] .form-check.error+.validation-icon{background-image:url(../../assets/img/error.svg);display:block}.event-box[type=radio] .form-check.error .validation-icon:hover:before,.event-box[type=radio] .form-check.error .validation-icon :active:before,.event-box[type=radio] .form-check.error+.validation-icon:hover:before,.event-box[type=radio] .form-check.error+.validation-icon :active:before{opacity:1}.event-box[type=radio] .form-check.success .validation-icon,.event-box[type=radio] .form-check.success+.validation-icon{background-image:url(../../assets/img/success.svg);display:block}.event-box[type=radio] .form-check .option-item{-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;gap:15px;display:flex}.event-box[type=radio] .form-check .option-item .input-content{border-bottom:1px solid #0003;flex:1;max-width:300px;margin-right:auto}.event-box[type=radio] .form-check .option-item .input-content>input{color:#000;letter-spacing:.5px;background:0 0;border:none;width:100%;font-size:1rem;font-weight:400;line-height:1.6}.event-box[type=radio] .form-check .option-item .input-content>input::placeholder{color:#0003}@media only screen and (width<=900px){.event-box[type=radio] .form-check .option-item .input-content>input{width:114.286%;font-size:1rem;transform:scale(.875)translate(-7.14%)}}.event-box[type=radio] .form-check .option-item .checkbox-wrap{border:1px solid #0003;border-radius:50%;flex-shrink:0;width:20px;height:20px;position:relative}.event-box[type=radio] .form-check .option-item .checkbox-wrap>input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0}.event-box[type=radio] .form-check .option-item .checkbox-wrap>input:checked~.fake-checkbox{opacity:1}.event-box[type=radio] .form-check .option-item .checkbox-wrap .fake-checkbox{opacity:0;pointer-events:none;background-color:#1860e7;border-radius:50%;width:calc(100% - 8px);height:calc(100% - 8px);transition:opacity .1s linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.event-box[type=radio] .form-check .option-item .text{color:#000;letter-spacing:.5px;font-size:1rem;font-weight:700;line-height:1.6}@media only screen and (width<=900px){.event-box[type=radio] .form-check .option-item .text{font-size:.875rem}}.event-box .event-box-title{flex-direction:column;gap:10px 0;display:flex}.event-wrap{flex-direction:column;gap:40px 0;display:flex}@media only screen and (width<=900px){.event-wrap{gap:30px}}.event-item{align-items:flex-start;gap:15px 30px;display:flex}@media only screen and (width<=1200px){.event-item{flex-direction:column}}.event-item:not(:last-child){position:relative}.event-item:not(:last-child):after{content:"";opacity:.2;border:1px dashed #000;width:100%;height:1px;position:absolute;bottom:-20px;left:0}@media only screen and (width<=900px){.event-item:not(:last-child):after{bottom:-15px}}.event-item[type=check] .list-group{flex-direction:column;gap:15px;display:flex}.event-item[type=check] .list-group .list{flex-direction:column;gap:4px;padding-left:21px;display:flex;position:relative}.event-item[type=check] .list-group .list[isMatch="false"] .state{color:#1860e7}.event-item[type=check] .list-group .list:has(.icon-info){cursor:pointer}.event-item[type=check] .list-group .list:before{content:"";background:#1860e7;border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:0}@media only screen and (width<=900px){.event-item[type=check] .list-group .list:before{top:7px}}.event-item[type=check] .list-group .list .state{color:#0000004d}.event-item[type=check] .list-group .list span{color:#000;background:#0000001a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-left:4px;font-size:1.25rem;display:inline-flex;transform:translateY(3px)}@media only screen and (width<=900px){.event-item[type=check] .list-group .list span{transform:translateY(2px)}}.event-item[type=checkout] .list-group{flex-direction:column;gap:15px;display:flex}.event-item[type=checkout] .list-group .list{gap:15px;display:flex}.event-item[type=checkout] .list-group .list[isMatch="false"] .i-box{background:#0003}.event-item[type=checkout] .list-group .list .i-box{color:#fff;background:#68c402;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;line-height:1;display:flex;transform:translateY(3px)}.coupon-box{background:#e8effd;border-radius:12px;flex-direction:column;gap:20px 0;padding:30px 25px;display:flex}@media only screen and (width<=900px){.coupon-box{border-radius:6px}}.coupon-box .coupon-box-title{flex-direction:column;gap:10px 0;display:flex}.coupon-box .coupon-form{flex-direction:column;display:flex}.coupon-box .coupon-form[data-coupon-state=success] .error-notice{display:none}.coupon-box .coupon-form[data-coupon-state=success] .form-grid{grid-template-rows:0fr}.coupon-box .coupon-form[data-coupon-state=success] .sueecss-content{grid-template-rows:1fr}.coupon-box .form-grid{grid-template-rows:1fr;transition:grid-template-rows .3s,opacity .3s .3s;display:grid}.coupon-box .form-grid .form-group{overflow:hidden}.coupon-box .form-grid .form-group .input-wrap{background:#fff;display:flex}.coupon-box .form-grid .form-group input{flex:1}.coupon-box .form-grid .error-notice{text-align:right;color:#d70000;margin-top:10px}.coupon-box .sueecss-content{color:#fff;grid-template-rows:0fr;transition:grid-template-rows .3s,opacity .3s .3s;display:grid}@media only screen and (width<=900px){.coupon-box .sueecss-content{border-radius:6px}}.coupon-box .sueecss-content .sueecss-inner{overflow:hidden}.coupon-box .sueecss-content .sueecss-inner .sueecss-inner-wrap{background:#1860e7;border-radius:12px;justify-content:space-between;align-items:flex-start;padding:15px;display:flex}.coupon-box .sueecss-content .inner-l{flex-direction:column;gap:4px;display:flex}.coupon-box .sueecss-content .inner-r .close-btn{cursor:pointer;font-size:1.25rem}.coupon-box .control-btn{cursor:pointer}.price-count-box{background:#f7f7f7;border-radius:12px;flex-direction:column;gap:30px 0;padding:30px;display:flex}@media only screen and (width<=900px){.price-count-box{border-radius:6px}}@media only screen and (width<=767px){.price-count-box.mobile-hide{display:none}}.price-count-box .content{flex-direction:column;gap:30px;display:flex}.price-count-box .content .row{justify-content:space-between;align-items:center;gap:10px;display:flex}.price-count-box .content .row.count{flex-direction:column}.price-count-box .content .row.count .list{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.price-count-box .content .row.total{border-top:1px dashed #0000004d;padding-top:10px}.price-count-box .price.total{letter-spacing:.5px;color:#1860e7;font-size:30px;font-weight:700;line-height:1.5}.price-count-box .controller-group{width:100%}.price-count-box .controller-group .base-button{min-width:100%}.checkout-notice{background:#f7f7f7;border-radius:12px;flex-direction:column;gap:5px 0;padding:16px 25px;display:flex}@media only screen and (width<=900px){.checkout-notice{border-radius:6px;padding:12px 15px}}section.mobile-buy{z-index:9;width:100vw;transition:transform .4s;display:none;position:fixed;bottom:0;left:0}@media only screen and (width<=767px){section.mobile-buy{display:block}}section.mobile-buy:before{content:"";-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;pointer-events:none;background:#000c;width:100vw;height:100vh;transition:opacity .3s;display:block;position:absolute;bottom:0;left:0}section.mobile-buy.hide{pointer-events:none;transform:translateY(100%)}section.mobile-buy.active .buy-bar .panel-container{box-shadow:0 -10px 15px #0000}section.mobile-buy.active .buy-bar .panel-container .row.total-expand .i-box{transform:scaleY(1)}section.mobile-buy.active:before{opacity:1;pointer-events:auto}section.mobile-buy.active .buy-expand{pointer-events:auto;opacity:1;bottom:calc(100% - 1px);transform:translate(0,0%)}section.mobile-buy .buy-bar{z-index:1;width:100%;position:relative}section.mobile-buy .buy-bar .s1{flex-direction:row}section.mobile-buy .buy-bar .s1 .panel-container .row .price-box{gap:5px 10px}section.mobile-buy .buy-bar .s2 .inner-l,section.mobile-buy .buy-bar .s2 .inner-r,section.mobile-buy .buy-bar .s3 .inner-l,section.mobile-buy .buy-bar .s3 .inner-r{width:100%}section.mobile-buy .buy-bar .s2 .panel-container .row:not(.total-expand),section.mobile-buy .buy-bar .s3 .panel-container .row:not(.total-expand){flex-direction:column}section.mobile-buy .buy-bar .s2 .panel-container .row .price-box,section.mobile-buy .buy-bar .s3 .panel-container .row .price-box{justify-content:space-between;width:100%}section.mobile-buy .buy-bar .s3 .tab-control-button{justify-content:center;display:flex}section.mobile-buy .buy-bar .panel-container{z-index:1;background:#fff;border-top:1px solid #0003;flex-direction:column;align-items:center;gap:30px;width:100%;padding:15px 30px;display:flex;position:relative;box-shadow:0 -10px 15px #0000000d}section.mobile-buy .buy-bar .panel-container .row{justify-content:space-between;align-items:center;gap:15px;width:100%;display:flex}section.mobile-buy .buy-bar .panel-container .row.total-expand{justify-content:space-between;display:flex}section.mobile-buy .buy-bar .panel-container .row .price-box{flex-wrap:wrap;align-items:center;min-width:200px;display:flex}section.mobile-buy .buy-bar .panel-container .row .price-box .blue{color:#1860e7;letter-spacing:.5px;font-size:1.125rem;font-weight:700;line-height:1.6}section.mobile-buy .buy-bar .panel-container .row.total-expand{position:relative}section.mobile-buy .buy-bar .panel-container .row.total-expand:after{content:"";border-top:1px dashed #0003;width:100%;height:1px;position:absolute;bottom:-15px;left:0}section.mobile-buy .buy-bar .panel-container .row.total-expand .i-box{transform:scaleY(-1)}section.mobile-buy .buy-bar .inner-l{flex-wrap:wrap;flex:1;align-items:center;gap:15px;display:flex}section.mobile-buy .buy-bar .inner-r{flex-shrink:0}section.mobile-buy .buy-bar .tab-control-button{color:#fff;text-align:center;background:#000;border-radius:50px;padding:8px 20px}section.mobile-buy .buy-bar .price-box .sale-price{color:#1860e7}section.mobile-buy .buy-bar .price-box .base-price{letter-spacing:.5px;opacity:.2;font-size:.75rem;font-weight:700;line-height:1.5;position:relative}section.mobile-buy .buy-bar .price-box .base-price:after{content:"";background:#000;width:100%;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}section.mobile-buy .buy-expand{z-index:0;pointer-events:none;opacity:0;background:#fff;width:100%;transition:transform .4s,opacity .3s,bottom .3s;position:absolute;bottom:0%;left:0;transform:translateY(100%)}section.mobile-buy .buy-expand .price-count-box{background:#fff;border-radius:0}section.mobile-buy .total-price{flex-direction:column;gap:8px;display:flex}@media only screen and (width<=767px){section.mobile-buy .total-price{flex:1}}section.mobile-buy .total-price .row{align-items:center;gap:0 20px;display:flex}@media only screen and (width<=767px){section.mobile-buy .total-price .row{justify-content:space-between}}section.mobile-buy .total-price .total{letter-spacing:.5px;color:#1860e7;font-size:1.875rem;font-weight:700;line-height:1.5}@media only screen and (width<=1200px){section.mobile-buy .total-price .total{font-size:1.5rem}}section.mobile-buy .total-price .base-price{opacity:.2;margin-left:auto;position:relative}section.mobile-buy .total-price .base-price:after{content:"";background:#000;width:100%;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}