.storefront-home{--home-max-width:1440px;--home-gutter:24px;--home-gap:clamp(16px,2vw,32px);}
.storefront-home .indhot{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:16px;width:calc(100% - 2 * var(--home-gutter));max-width:var(--home-max-width);height:auto;min-height:90px;padding:16px 0;margin:0 auto;}
.storefront-home .indhot>.h1{display:block;float:none;flex:0 1 auto;min-width:0;width:auto;margin:0;font-size:clamp(24px,3vw,46px);line-height:1.2;overflow-wrap:anywhere;}
.storefront-home .indhot>.h2{float:none;flex:1;min-width:24px;width:auto;margin:0;}
.storefront-home .indhot>.h3{box-sizing:border-box;float:none;flex:none;width:auto;max-width:100%;height:44px;margin-left:auto;padding:0 20px;font-size:14px;white-space:nowrap;}
.storefront-home .bb1{height:auto;min-height:160px;margin:48px auto 24px;}
.storefront-home .bb1>.h1{box-sizing:border-box;display:flex;flex-wrap:wrap;width:calc(100% - 2 * var(--home-gutter));max-width:var(--home-max-width);height:auto;min-height:160px;gap:20px;padding:20px 0;}
.storefront-home .bb1>.h1>.i1{flex:1 1 280px;min-width:0;width:auto;max-width:100%;margin:0;}
.storefront-home .bb1 .i1t{font-size:clamp(24px,3vw,40px);line-height:1.25;overflow-wrap:normal;word-break:normal;}
.storefront-home .bb1 .i1d{font-size:clamp(14px,1.6vw,20px);line-height:1.4;overflow-wrap:normal;word-break:normal;}
.storefront-home .bb1>.h1>.i2{flex:none;height:50px;margin:0;padding:0 40px;white-space:nowrap;}
.storefront-home .zutui.storefront-feature,
.storefront-home .storefront-feature>.storefront-feature-inner{
    box-sizing:border-box;display:grid;grid-template-columns:clamp(220px,22vw,300px) minmax(0,1fr);
    align-items:stretch;gap:var(--home-gap);width:calc(100% - 2 * var(--home-gutter));max-width:var(--home-max-width);margin:0 auto;
}
.storefront-home .zutui.storefront-feature{margin-top:32px;margin-bottom:56px;}
.storefront-home .chanIndex.storefront-feature>.storefront-feature-inner{grid-template-columns:minmax(0,1fr) clamp(220px,22vw,300px);}
.storefront-home .chanIndex.storefront-feature{margin:56px auto;padding-top:32px;}
.storefront-home .zheIndex.storefront-feature{box-sizing:border-box;padding:40px 0 48px;background-size:cover!important;}
.storefront-home .storefront-feature>.h0{box-sizing:border-box;width:calc(100% - 2 * var(--home-gutter));max-width:var(--home-max-width);font-size:clamp(28px,3.6vw,52px);line-height:1.2;text-align:center;overflow-wrap:anywhere;margin:0 auto 24px;}
.storefront-home .storefront-feature>.h01{box-sizing:border-box;width:calc(100% - 2 * var(--home-gutter));max-width:var(--home-max-width);font-size:clamp(16px,2vw,24px);line-height:1.4;text-align:center;overflow-wrap:anywhere;margin:0 auto 32px;}
.storefront-home .chanIndex.storefront-feature>.h0{font-size:clamp(32px,3.75vw,60px);margin-bottom:20px;}
.storefront-home .chanIndex.storefront-feature>.h01{font-size:clamp(16px,1.75vw,28px);margin-bottom:40px;}
.storefront-home .zheIndex.storefront-feature>.h0{font-size:clamp(40px,6.2vw,99px);margin-bottom:50px;}
.storefront-home .storefront-feature .storefront-feature-promo{
    box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;
    align-self:start;width:100%;min-width:0;min-height:0;height:auto;aspect-ratio:304 / 430;margin:0;padding:20px;
    background-position:center!important;background-size:contain!important;animation:none;transform:none;
}
.storefront-home .storefront-feature .storefront-feature-promo:hover{animation:none;transform:none;}
.storefront-home .storefront-feature-promo>.i1,
.storefront-home .storefront-feature-promo>.j1{display:none;}
.storefront-home .storefront-feature .storefront-feature-promo>.i2,
.storefront-home .storefront-feature .storefront-feature-promo>.j2{box-sizing:content-box;flex:none;width:120px;max-width:100%;height:50px;min-height:50px;margin:0;border:2px solid #fff;background:transparent;}
.storefront-home .chanIndex.storefront-feature .storefront-feature-promo>.j2{background:#922a67;}
.storefront-home .zheIndex.storefront-feature .storefront-feature-promo>.j2{align-self:flex-end;}
.storefront-home .zutui.storefront-feature .storefront-feature-promo:hover>.i2{background:#be3ea7;}
.storefront-home .chanIndex.storefront-feature .storefront-feature-promo:hover>.j2{background:#de287d;}
.storefront-home .zheIndex.storefront-feature .storefront-feature-promo:hover>.j2{background:#000;}
.storefront-home .storefront-feature .storefront-feature-products{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0 24px;position:relative;}
.storefront-home .storefront-feature .swiper{box-sizing:border-box;width:100%;min-width:0;margin:0;overflow:hidden;}
.storefront-home .storefront-feature .swiper-wrapper{align-items:stretch;}
.storefront-home .storefront-feature .swiper-slide{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;height:auto;min-width:0;padding:0 4px 8px;}
.storefront-home .storefront-feature .swiper-slide>.a1{box-sizing:border-box;position:relative;flex:none;width:100%;height:auto!important;aspect-ratio:1;max-height:320px;overflow:hidden;}
.storefront-home .storefront-feature .swiper-slide>.a1>img{display:block;width:100%!important;height:100%!important;object-fit:contain;}
.storefront-home .storefront-feature .swiper-slide>.a2s{
    box-sizing:border-box;flex:none;width:100%;height:60px!important;min-height:60px;margin:10px 0 0!important;
    font-size:14px!important;line-height:20px!important;display:-webkit-box!important;-webkit-box-orient:vertical;
    -webkit-line-clamp:3;overflow:hidden!important;text-overflow:ellipsis;white-space:normal!important;text-align:center;overflow-wrap:anywhere;
}
.storefront-home .storefront-feature .swiper-slide>.a2Down{
    box-sizing:border-box;flex:none;width:100%;height:36px;min-height:36px;margin:0!important;font-size:12px!important;line-height:18px;
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow:hidden;text-align:center;overflow-wrap:anywhere;
}
.storefront-home .storefront-feature .a2Down>a{font-size:inherit!important;}
.storefront-home .storefront-feature .swiper-slide>.alcnt{flex:none;width:100%;height:auto;min-height:20px;margin:0;line-height:20px;font-size:14px!important;text-align:center;}
.storefront-home .storefront-feature .swiper-slide>.a3{box-sizing:border-box;flex:none;width:100%;height:auto;min-height:22px;margin:6px 0!important;font-size:15px!important;line-height:22px!important;text-align:center;white-space:normal;overflow-wrap:anywhere;}
.storefront-home .storefront-feature .swiper-slide>.a4{box-sizing:border-box;flex:none;width:100%;height:auto!important;margin:4px 0 10px!important;font-size:20px!important;line-height:1.35!important;text-align:center;white-space:normal;overflow-wrap:anywhere;}
.storefront-home .storefront-feature .swiper-slide>.a5{box-sizing:border-box;flex:none;width:100%;max-width:280px;height:auto!important;min-height:44px;margin: auto 0 8px!important;padding:10px 12px;font-size:13px!important;line-height:18px!important;text-align:center;white-space:normal;}
.storefront-home .storefront-feature .swiper-slide>.a5>img{flex:none;width:16px;height:16px;object-fit:contain;}
.storefront-home .storefront-feature .swiper-slide>.a6{box-sizing:border-box;flex:none;width:100%;height:auto;min-height:36px;margin:0;padding:4px 0;font-size:12px!important;line-height:18px;text-align:center;white-space:normal;}
.storefront-home .storefront-feature .swiper-slide>.a6>img{flex:none;width:18px;height:18px;object-fit:contain;}
.storefront-home .storefront-feature .swiper-slide>.imores{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:300px;background:transparent;}
.storefront-home .storefront-feature .imores>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;}
.storefront-home .storefront-feature .newpc{position:absolute!important;top:8px!important;left:8px!important;right:auto!important;width:90px!important;max-width:40%;height:auto;z-index:2;pointer-events:none;}
.storefront-home .storefront-feature .newpc>img{width:100%;height:auto;}
.storefront-home .storefront-feature .swiper-button-prev,
.storefront-home .storefront-feature .swiper-button-next{box-sizing:border-box;top:50%;bottom:auto;width:44px;height:44px;margin:0;transform:translateY(-50%);font-size:18px;--swiper-navigation-size:18px;}
.storefront-home .storefront-feature .swiper-button-prev{left:0;right:auto;}
.storefront-home .storefront-feature .swiper-button-next{left:auto;right:0;}
.storefront-home .storefront-feature .swiper-button-prev::after,
.storefront-home .storefront-feature .swiper-button-next::after{font-size:18px;}
.storefront-home .indexBrand{box-sizing:border-box;padding:36px 0 24px;}
.storefront-home .indexBrand>.b01Index{box-sizing:border-box;width:calc(100% - 2 * var(--home-gutter));max-width:var(--home-max-width);margin:0 auto 28px;font-size:clamp(24px,3vw,40px);line-height:1.25;text-align:center;overflow-wrap:anywhere;}
.storefront-home .indexBrand>.indexBrandCon{
    --brand-row-height:116px;--brand-row-gap:16px;box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
    grid-auto-rows:var(--brand-row-height);gap:var(--brand-row-gap) 20px;width:calc(100% - 2 * var(--home-gutter));max-width:var(--home-max-width);
    height:auto;max-height:calc(2 * var(--brand-row-height) + var(--brand-row-gap));margin:0 auto;overflow:hidden;
}
.storefront-home .indexBrand>.indexBrandCon.is-expanded{max-height:none;}
.storefront-home .indexBrandCon>.h1{box-sizing:border-box;width:100%;min-width:0;height:100%;margin:0;gap:8px;justify-content:flex-start;}
.storefront-home .indexBrandCon>.h1[hidden]{display:none;}
.storefront-home .indexBrandCon>.h1>img{box-sizing:border-box;flex:none;width:100%;max-width:150px;height:68px;margin:0;object-fit:contain;}
.storefront-home .indexBrandCon .h1txt{width:100%;max-height:36px;font-size:13px;line-height:18px;text-align:center;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.storefront-home .indexBrand>.b01More{display:flex;align-items:center;justify-content:center;width:calc(100% - 2 * var(--home-gutter))!important;margin:24px auto 0;}
.storefront-home .indexBrand>.b01More[hidden]{display:none;}
.storefront-home .home-brand-toggle{box-sizing:border-box;min-height:44px;padding:10px 24px;border-radius:22px;background:#de277d;color:#fff;font-size:14px;line-height:20px;cursor:pointer;}
.storefront-home .home-brand-toggle:hover{background:#b91b65;}
.storefront-home .home-brand-toggle:focus-visible{outline:2px solid #fff;outline-offset:4px;}
.storefront-home .newFoot{box-sizing:border-box;padding:36px 0;}
.storefront-home .newFoot>.a1{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,1fr)) minmax(130px,.8fr);gap:var(--home-gap);width:calc(100% - 2 * var(--home-gutter));max-width:var(--home-max-width);margin:0 auto;}
.storefront-home .newFoot>.a1>.h1{min-width:0;width:auto;margin:0;}
.storefront-home .newFoot .h1>.i1{box-sizing:border-box;height:auto;min-height:44px;margin-bottom:16px;font-size:18px;line-height:26px;overflow-wrap:anywhere;}
.storefront-home .newFoot .h1>.i2,
.storefront-home .newFoot .h1>.i5{font-size:13px;line-height:1.65;overflow-wrap:anywhere;}
.storefront-home .newFoot .i4>a{display:inline-block;max-width:100%;font-size:13px;line-height:1.6;overflow-wrap:anywhere;}
.storefront-home .newFoot .h1>.i3{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.storefront-home .newFoot>.a1>.h1>.i3 img{display:block;width:28px;height:28px;margin:0;}
.storefront-home .newFoot>.a1>.h2{align-self:center;justify-self:center;width:100%;max-width:180px;margin:0;}
.storefront-home .newFoot>.a1>.h2>img{display:block;width:100%;max-width:180px;height:auto;object-fit:contain;}
.storefront-home .foot1>.c1{box-sizing:border-box;width:calc(100% - 2 * var(--home-gutter));max-width:var(--home-max-width);margin:0 auto;font-size:12px;line-height:1.6;overflow-wrap:anywhere;}
@media(max-width:1199px){
    .storefront-home .newFoot>.a1{grid-template-columns:repeat(4,minmax(0,1fr));}
    .storefront-home .newFoot>.a1>.h2{grid-column:1/-1;max-width:160px;}
}
@media(max-width:768px),(max-width:1366px) and (hover:none) and (pointer:coarse){
    .storefront-home .zutui.storefront-feature,
    .storefront-home .storefront-feature>.storefront-feature-inner,
    .storefront-home .chanIndex.storefront-feature>.storefront-feature-inner{grid-template-columns:minmax(0,1fr);}
    .storefront-home .storefront-feature .storefront-feature-products{grid-row:1;}
    .storefront-home .storefront-feature .storefront-feature-promo{grid-row:2;align-items:center;justify-content:center;min-height:0;aspect-ratio:auto;padding:0;background:none!important;}
    .storefront-home .storefront-feature .storefront-feature-promo>.i2,
    .storefront-home .storefront-feature .storefront-feature-promo>.j2{align-self:center;box-sizing:border-box;width:220px;height:44px;min-height:44px;border:0;background:#922a67;}
    .storefront-home .zheIndex.storefront-feature{background-attachment:scroll!important;}
}
@media(max-width:899px){
    .storefront-home{--home-gutter:20px;}
    .storefront-home .newFoot>.a1{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;}
}
@media(max-width:599px){
    .storefront-home{--home-gutter:16px;}
    .storefront-home .indhot>.h2{display:none;}
    .storefront-home .bb1{margin:32px auto 24px;}
    .storefront-home .bb1>.h1{align-items:flex-start;flex-direction:column;gap:20px;padding:24px 0;}
    .storefront-home .bb1>.h1>.i1{flex:none;width:100%;}
    .storefront-home .zutui.storefront-feature{margin-top:24px;margin-bottom:36px;}
    .storefront-home .chanIndex.storefront-feature{margin:36px auto;padding-top:24px;}
    .storefront-home .zheIndex.storefront-feature{padding:28px 0 36px;}
    .storefront-home .storefront-feature>.h01{margin-bottom:24px;}
    .storefront-home .indexBrand>.indexBrandCon{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px;}
    .storefront-home .newFoot>.a1{grid-template-columns:minmax(0,1fr);gap:24px;}
    .storefront-home .newFoot>.a1>.h2{grid-column:auto;justify-self:start;}
}
@media(max-width:419px){
    .storefront-home .indexBrand>.indexBrandCon{grid-template-columns:repeat(2,minmax(0,1fr));}
}