/* CSS Document */
*{margin: 0;padding: 0;box-sizing: border-box;}
body{margin:0; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}

a:link {text-decoration: none;color: black;}
a:visited {text-decoration: none;color: black;}
a:hover {text-decoration: none;color: #bc9366;}
a:active {text-decoration: none;color: black;}

.menu-icon{
    z-index: 4;
    position: fixed;right: 1.6rem;
    margin-top:1.6rem;
}
@font-face {
	font-family: 'hbm';
	src: url('../font/hbm.otf') format('truetype');
}
.xian2{
    border-bottom: 1px solid rgb(0, 0, 0);
}
.button2{
    border: 1px solid #000000; 
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 1.6vh;
    cursor: pointer;
}
.wenzi_0{
    padding: 80px 0;
    font-family: Impact, hbm; text-align: center;
    font-size: 4vw;color: #000;}
.wenzi_1{
    padding: 20px 0;
    font-family: Impact, hbm; text-align: center;
    font-size: 8vw;color: #000;}
.wenzi_2{font-size: 2.4vh; padding: 0px 0px 10px 0px;}
.wenzi_3{
    font-family: 'Courier New', Courier, monospace;
    font-size: 2vh; color: #7e7d7d;
    padding-bottom: 20px;
}
/* 首页 */

.meijiao{ 
    position: fixed; z-index: 4;
    left: 1rem; margin-top:1rem;
}
.menu{
    width: 100%;height: 50px;
    background-color: rgb(255, 255, 255);
    z-index: 999; 
    position: fixed;
}
.one{
    display: flex;display: -webkit-flex; /* Safari */display: -ms-flex;/* ie */
    width: 100%;height: 100vh;
    font-family: Impact, hbm, sans-serif;
    line-height: 180%;
}
.syone{
    width: 100%; color: #ffffff;
    font-size: 6vh; text-align: center; line-height: 1.5;
    padding-top: 66vh;
}
.syone_logo{
    width: 40%;
}
.syvideo{
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: initial;
    overflow: hidden;
}
.button {
    border: 1px solid #ffffff; 
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 1.6vh;
    margin: 30px 4px;
    cursor: pointer;
}
.vide{
    position:absolute;z-index: inherit;
    width: 100%;z-index: -9;
}

.two{
    width: 100%;
    margin: auto;
    padding: 10px;
    font-family: Impact, hbm, sans-serif;
    color: #000000;
    display: grid;
    grid-gap: 4px 4px;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
}
.two2{
    width: 100%;
    margin: auto;
    padding: 0px 10px;
    font-family: Impact, hbm, sans-serif;
    color: #000000;
    display: grid;
    grid-gap: 4px 4px;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: auto;
}
.tp_nr{position: relative;}
.tp_nr a:hover{
    filter:alpha(Opacity=90);-moz-opacity:0.9;
    opacity: 0.9;
}
.tp_wz{
    position: absolute; top: 6%; left: 5%;
}
.tpwzen{font-size: 4vh;}
.tpwzch{font-size: 3vh;}
.tp2wzen{font-size: 3vh;}
.tp2wzch{font-size: 2vh;}
.kvmiaoshu{
    width: 100%;
    position:absolute; padding: 30vh;
    line-height: 2;
    color: #bc9366;
}
@media screen and (max-width: 1080px){
    .two2{grid-template-columns: repeat(3,1fr);}
    .syone_logo{width: 60%;}
}
@media screen and (max-width: 680px){
    .two{
        padding-bottom: 4px;
        grid-template-columns: repeat(1,1fr);
    }
    .two2{grid-template-columns: repeat(2,1fr);}
    .syone{padding-top: 60vh;font-size: 4vh;}
    .syone_logo{width: 80%;}
    .kvmiaoshu{padding: 100px 30px;}
}
/* 系列产品页 */
.one2{
    display: flex;display: -webkit-flex; /* Safari */display: -ms-flex;/* ie */
    flex-direction: column;
    width: 100%;
}
.xilielogo{margin-top: 34vh;}
.xilielogo img{
    width: 36vh;
    display: block;
    margin: 0 auto; 
}
.xiliewz{
    font-size: 5vh; color: #ffffff;
    text-align: center;
    margin-top: 30px; margin-bottom: 90px;
}
.xilieicon{
    width: 15vh;margin: auto; 
}
.ft2{
    width: 100%;
    height: 200vh; 
    font-family: Impact, hbm, sans-serif;
}
.ft2bj{
    position: -webkit-sticky;
    position: sticky; z-index: -1;
    top: 0;
}
.ft2bjwz{
    font-size: 3vh; text-align: center;
    color: #ffffff; padding: 1rem;
}
.ft2bj2{
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: initial;
    overflow: hidden;
}
.ft2bj3{
    width: 100%;height: 100vh;
    background-color: #000000;
    text-align: center;
    position: fixed; top: 0;z-index: -10;
    padding-top: 40vh;
}
.ft2bj3 img{width: 35vh;}

.xlkv{
    padding: 60px 0px 40px 0px;
    background-color: #ffffff;
    font-family: Impact, hbm, sans-serif; text-align: center;
    font-size: 4vh;
}

.xlchanpin{
    background-color: #ffffff;
    width: 100%;
    margin: auto;
    padding: 10px 10px;
    font-family: Impact, hbm, sans-serif;
    color: #000000;
    display: grid;
    grid-gap: 10px 10px;
    grid-template-columns: repeat(5,1fr);
    grid-template-rows: auto;
}
@media screen and (max-width: 1280px){
    .xlchanpin{grid-template-columns: repeat(4,1fr);}
}
@media screen and (max-width: 1080px){
    .xlchanpin{grid-template-columns: repeat(3,1fr);}
}
@media screen and (max-width: 680px){
    .xlchanpin{grid-template-columns: repeat(2,1fr);}
}

/* 带敢大片 */

.dponewz{
    width: 100%; color: #ffffff;
    font-size: 5vw; text-align: center; line-height: 1.5;
    padding-top: 50vh;
}
.kvmiaoshu_wz{
    width: 100%;position:absolute;
    padding-top: 30vh;
    font-family: Impact, hbm, sans-serif;
    line-height: 2;
    color: #ffffff;
    text-align: center; font-size: 4vh;
}
@media screen and (max-width: 680px){
    .dponewz{font-size: 4vh;}
    .kvmiaoshu_wz{font-size: 3vh;}
}
.kvtpwzen{font-size: 4vh;}
.kvtpwzch{font-size: 3vh;}

/* 服装 */
.fuzone{
    width: 100%;
    padding: 60px 10px 0px 10px;
    border-bottom: 1px solid rgb(0, 0, 0);
}
.fzoneyd{display: none;}
@media screen and (max-width: 680px){
    .fzonepc{display: none;}
    .fzoneyd{display: block;}
}
.caidan2{
    width: 100%; height: 44px;
    font-family:'Courier New', Courier, monospace;
    font-size: 12px; text-align: center;
    padding: 0px 10px;
    background-color: #ffffff;
    position: -webkit-sticky;
    position: sticky; 
    top: 50px;
}
.caidan3{
    width: 100%;
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 2vh; text-align: center;
}
.caidan3_wz{padding: 0px 20px;}
.cpmc{
    font-family: 'Courier New', Courier, monospace;
    font-size: 12px;
    padding-top: 4px; padding-bottom: 12px;
}

/* 门店 */
.gndian{padding: 0px 10px;text-align: center;}
.mddming{
    width: 100%; background-color: #ffffff;
    font-family: Impact, hbm; color: #000000;
    font-size: 5vh;
    position:sticky; top: 50px;
    z-index: 10;
}
.mdone1{
    width: 100%; 
    padding: 20px 10vh;
}
.mdwzzw{width: 80%;margin: auto;}
.mddizhi{
    width: 100%; margin-bottom: 20px;
    font-family: Impact, hbm, sans-serif;
    color: #000000;
    display: grid;
    grid-gap: 10px 10px;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
}
.mdlianxi{
    border:1px solid #000000;
    font-size: 14px;
    padding: 20px 10px;
}
.mendian_yc{display: none;}
@media screen and (max-width: 680px){
    .mdone1{padding: 0px 0px;}
    .mdwzzw{width: 90%;}
    .mddizhi{grid-template-columns: repeat(2,1fr);}
}
/* 联名 */
.lianming{
    width: 90%;margin: auto;
    font-family: Impact, hbm, sans-serif;
    display: grid;
    grid-gap: 40px 40px;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: auto;
}
.lianming2{
    width: 100%;padding-bottom: 40px;
    font-family: Impact, hbm, sans-serif;
    display: grid;
    grid-gap: 40px 10px;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
}
.lmwenzi{
    color: #ffffff;
    background-color: #000000;
}
.lmwenzi_0{
    padding: 80px 0;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; 
    text-align: center;
    font-size: 8vw;
}
.lmwenzi_0 img{width: 60%;}
.lmwenzi_2{
    font-size: 4vh; padding: 10px 0px 40px 0px;
}
.lmwenzi_3{
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 2vh; color: #bc9366;
    line-height: 2;
    padding-bottom: 10vh;
}
.lmmokuai{
    border-radius:8px;
    background-color: rgb(0, 0, 0);padding: 5vh;
}
.lmvideo{
    width: 40%; margin: auto;
}
@media screen and (max-width: 1280px){
    .lianming2{grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width: 680px){
    .lianming{
        width: 100%;
        grid-template-columns: repeat(1,1fr);
        grid-gap: 20px 20px;
    }
    .lianming2{
        grid-template-columns: repeat(1,1fr);
    }
    .lmwenzi_0{font-size: 18vw;}
    .lmmokuai{padding: 20px;}
    .lmwenzi_0 img{width: 90%;}
}

/* 联名详情页 */
.lmmiaoshu_wz{
    width: 100%;position:absolute;
    padding: 30vh 20px 20px 20px;
    font-family: Impact, hbm, sans-serif;
    line-height: 2;
    color: #ffffff;
    text-align: center; font-size: 3vh;
}
.lmxqy_wz1{
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    margin: 60px 20px 20px 20px;
}
.lmxqy_wzbig{
    font-size: 4vh; color: #000;
}
.lmxqy_wzsml{
    font-size: 2vh; color: #989898;
}
.lmxqy_wzzw{
    text-align: center; line-height: 2;
    font-size: 1.8vh; color: #989898;
    margin-bottom: 20vh;
}
@media screen and (max-width: 680px){
    .lmmiaoshu_wz{font-size: 20px;}
}

/* 关于 */
.aboutst{
    width: 100%;
}
.aboutst2{
    width: 100%;
    height: 80vh;
    object-fit: cover;
    object-position: initial;
    overflow: hidden;
}
.aboutst3{
    position:absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 26vh;
    padding-top: 40vh;
}
.about_pprs{
    position:absolute;
    left: 0;
    right: 0;
    margin: auto;
    padding-top: 30vh;
    font-size: 2vh;
}
.about2{
    margin-left: 10px;margin-right: 10px;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 14px; line-height: 2;
    text-align: center;
    background-color: #151515;
}
.aboutwz{
    font-size: 15px; color: #878787;
    padding: 14vh 0px;
}
@media screen and (max-width: 680px){
    .about2{font-size: 12px;}
    .aboutwz{padding: 10vh 30px;}
    .about_slgon{width: 90%;}
}
/* news */
.news1{
    width: 100%;
    font-family:Impact, hbm;
    font-size: 14px;
    display: grid;
    grid-gap: 0px 0px;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: auto;
}
.newsriqi{
    font-size: 12px;padding: 5px 0;
}
.newsribt{padding-bottom: 20px;}
@media screen and (max-width: 1080px){
    .news1{grid-template-columns: repeat(3,1fr);}
}
@media screen and (max-width: 680px){
    .news1{grid-template-columns: repeat(1,1fr);}
}
/* lianxi */
.lianxi{
    width: 100%;padding: 6vh 0;
    font-family:Impact; line-height: 2;
    font-size: 12px;
    display: grid;
    grid-gap: 10px 10px;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
}
.lianxiwz{
    padding: 20px;
}
.lxzhushi{color: #7e7e7e;}
@media screen and (max-width: 680px){
    .lianxi{grid-template-columns: repeat(1,1fr);}
    .lianxiwz{border:1px solid #000000;}
}
/* 无糖 */
.wtxilie1{
    width: 100%;
    display: grid;
    grid-gap: 0px 0px;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
}
.wtxlnr{
    width: 100%; background-color: #000;
    position: relative;
    font-family:Impact,hbm;
    font-size: 4vh;
}
.wtmiaoshu{
    width: 100%; padding: 10px;
    position:absolute; bottom: 20%;
    line-height: 1.5; text-align: center;
    color: #afafaf;
}
@media screen and (max-width: 680px){
    .wtxilie1{grid-template-columns: repeat(1,1fr);}
    .wtxlnr{font-size: 3vh;}
}
/* bbt */
.bbtmiaoshu{
    width: 100%;
    position:absolute; top: 30%;
    line-height: 1.5; text-align: center;
    color: #afafaf;
    font-size: 2.4vh;
}
.bbt2bj2{
    width: 100%;
    height: 60vh;
    object-fit: cover;
    object-position: initial;
    overflow: hidden;
}
.bbtlogo{margin-top: 36vh;}
.bbtlogo img{
    width: 50vh;
    display: block;
    margin: 0 auto; 
}
@media screen and (max-width: 680px){
    .bbtlogo img{width: 40vh;}
}
/* ppt */
.pptmiaoshu{
    width: 100%; padding: 0px 20px;
    position:absolute; top: 40%;
    line-height: 1.5; text-align: center;
    color: #afafaf;
    font-size: 3vh;
}
.pptxlnr{
    width: 100%; 
    position: relative;
    font-family:Impact,hbm;
    font-size: 3vh;
}
.pptmiaoshu2{
    width: 100%;
    position:absolute; padding: 30px;
    line-height: 1.5; 
    color: #ffffff;
}
.xldaohang{
    width: 100%; padding: 6vh 30vh;
    background-color: #ffffff;
    font-family: Impact, hbm, sans-serif;
    font-size: 4vh;
    text-align: center;
    display: grid;
    grid-gap: 0px 0px;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: auto;
}
@media screen and (max-width: 680px){
    .xldaohang{padding: 0px 0 40px 0;font-size: 3vh;}
}
/* brand登陆 */
.branddl{
    font-family: Impact, hbm;
    font-size: 3vh;
    text-align: center;
}
.bd1{
    background-color: #000000;
    width: 100%; height: 100vh;
}


/**
 * Swiper 11.1.14
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 12, 2024
 */

    .sssp {width: 100%;height: 100%;object-fit: cover;} /* 控制视频不溢出 */

    @font-face{
    font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');
    font-weight:400;font-style:normal}
    :root{--swiper-theme-color: #bc9366;} /* 滑动颜色 */
    :host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}
    .swiper{
        margin-left:auto;margin-right:auto;position:relative;
        overflow:hidden;list-style:none;padding:0;z-index:1;display:block
    }
    .swiper-vertical>.swiper-wrapper{flex-direction:column}
    .swiper-wrapper{
        position:relative;width:100%;height:100%;z-index:1;
        display:flex;transition-property:transform;
        transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);
        box-sizing:content-box
    }
    .swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{
        transform:translate3d(0px,0,0)
    }
    .swiper-horizontal{touch-action:pan-y}
    .swiper-vertical{touch-action:pan-x}
    .swiper-slide{
        flex-shrink:0;width:100%;height:100%;position:relative;
        transition-property:transform;display:block
    }
    .swiper-slide-invisible-blank{visibility:hidden}
    .swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}
    .swiper-autoheight .swiper-wrapper{
        align-items:flex-start;transition-property:transform,height
    }
    .swiper-backface-hidden .swiper-slide{
        transform:translateZ(0);
        -webkit-backface-visibility:hidden;backface-visibility:hidden
    }
    .swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}
    .swiper-3d .swiper-wrapper{transform-style:preserve-3d}
    .swiper-3d{perspective:1200px}
    .swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}
    .swiper-css-mode>.swiper-wrapper{
        overflow:auto;scrollbar-width:none;
        -ms-overflow-style:none
    }
    .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
    .swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
    .swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}
    .swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}
    .swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}
    .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{
        scroll-snap-align:none
    }
    .swiper-css-mode.swiper-centered>.swiper-wrapper::before{
        content:'';flex-shrink:0;order:9999
    }
    .swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{
        scroll-snap-align:center center;scroll-snap-stop:always
    }
    .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{
        margin-inline-start:var(--swiper-centered-offset-before)}
    .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{
        height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}
    .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{
        margin-block-start:var(--swiper-centered-offset-before)}
    .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{
        width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}
    .swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{
        position:absolute;left:0;top:0;width:100%;height:100%;
        pointer-events:none;z-index:10}
    .swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}
    .swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
    .swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
    .swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
    .swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
    .swiper-lazy-preloader{
        width:42px;height:42px;position:absolute;left:50%;
        top:50%;margin-left:-21px;margin-top:-21px;z-index:10;
        transform-origin:50%;box-sizing:border-box;
        border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
        border-radius:50%;border-top-color:transparent
    }
    .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{
        animation:swiper-preloader-spin 1s infinite linear
    }
    .swiper-lazy-preloader-white{--swiper-preloader-color:#fff}
    .swiper-lazy-preloader-black{--swiper-preloader-color:#000}
    @keyframes swiper-preloader-spin{
        0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}
    }
    .swiper-virtual .swiper-slide{
        -webkit-backface-visibility:hidden;transform:translateZ(0)
    }
    .swiper-virtual.swiper-css-mode .swiper-wrapper::after{
        content:'';position:absolute;left:0;top:0;pointer-events:none
    }
    .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{
        height:1px;width:var(--swiper-virtual-size)
    }
    .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{
        width:1px;height:var(--swiper-virtual-size)
    }
    :root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{
        position:absolute;top:var(--swiper-navigation-top-offset,50%);
        width:calc(var(--swiper-navigation-size)/ 44 * 27);
        height:var(--swiper-navigation-size);
        margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));
        z-index:10;cursor:pointer;display:flex;align-items:center;
        justify-content:center;
        color:var(--swiper-navigation-color,var(--swiper-theme-color))
    }
    .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
        opacity:.35;cursor:auto;pointer-events:none
    }
    .swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{
        opacity:0;cursor:auto;pointer-events:none
    }
    .swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{
        display:none!important}
    .swiper-button-next svg,.swiper-button-prev svg{
        width:100%;height:100%;object-fit:contain;transform-origin:center
    }
    .swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{
        transform:rotate(180deg)
    }
    .swiper-button-prev,.swiper-rtl .swiper-button-next{
        left:var(--swiper-navigation-sides-offset,10px);right:auto
    }
    .swiper-button-next,.swiper-rtl .swiper-button-prev{
        right:var(--swiper-navigation-sides-offset,10px);left:auto
    }
    .swiper-button-lock{display:none}
    .swiper-button-next:after,.swiper-button-prev:after{
        font-family:swiper-icons;font-size:var(--swiper-navigation-size);
        text-transform:none!important;letter-spacing:0;font-variant:initial;
        line-height:1}
    .swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}
    .swiper-button-next,.swiper-rtl .swiper-button-prev{
        right:var(--swiper-navigation-sides-offset,10px);left:auto}
    .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}
    .swiper-pagination{
        position:absolute;text-align:center;transition:.3s opacity;
        transform:translate3d(0,0,0);z-index:10}
    .swiper-pagination.swiper-pagination-hidden{opacity:0}
    .swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{
        display:none!important}
    
    /* 滑动圆点定位 */
    .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{
        bottom:var(--swiper-pagination-bottom,14px);
        top:var(--swiper-pagination-top,auto);left:0;width:100%}
    .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
        transform:scale(.33);position:relative}
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{
        transform:scale(1)}
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
        transform:scale(1)}
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{
        transform:scale(.66)}
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{
        transform:scale(.33)}
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{
        transform:scale(.66)}
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
        transform:scale(.33)}
    .swiper-pagination-bullet{
        width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
        height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
        display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);
        background:var(--swiper-pagination-bullet-inactive-color,#000);
        opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}
    button.swiper-pagination-bullet{
        border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;
        appearance:none}
    .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
    .swiper-pagination-bullet:only-child{display:none!important}
    .swiper-pagination-bullet-active{
        opacity:var(--swiper-pagination-bullet-opacity, 1);
        background:var(--swiper-pagination-color,var(--swiper-theme-color))}
    .swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{
        right:var(--swiper-pagination-right,8px);
        left:var(--swiper-pagination-left,auto);
        top:50%;transform:translate3d(0px,-50%,0)}
    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
        margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}
    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
        top:50%;transform:translateY(-50%);width:8px}
    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
        display:inline-block;transition:.2s transform,.2s top}
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
        margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}
    .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
        left:50%;transform:translateX(-50%);white-space:nowrap}
    .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
        transition:.2s transform,.2s left}
    .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
        transition:.2s transform,.2s right}
    .swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}
    .swiper-pagination-progressbar{
        background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
        position:absolute}
    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
        background:var(--swiper-pagination-color,var(--swiper-theme-color));
        position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);
        transform-origin:left top}
    .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
        transform-origin:right top}
    .swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
        width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}
    .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{
        width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}
    .swiper-pagination-lock{display:none}
    .swiper-scrollbar{
        border-radius:var(--swiper-scrollbar-border-radius,10px);
        position:relative;touch-action:none;
        background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}
    .swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{
        display:none!important}
    .swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{
        position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);
        bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);
        z-index:50;height:var(--swiper-scrollbar-size,4px);
        width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}
    .swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{
        position:absolute;left:var(--swiper-scrollbar-left,auto);
        right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);
        z-index:50;width:var(--swiper-scrollbar-size,4px);
        height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}
    .swiper-scrollbar-drag{
        height:100%;width:100%;position:relative;
        background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
        border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}
    .swiper-scrollbar-cursor-drag{cursor:move}
    .swiper-scrollbar-lock{display:none}
    .swiper-zoom-container{
        width:100%;height:100%;display:flex;justify-content:center;
        align-items:center;text-align:center}
    .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{
        max-width:100%;max-height:100%;object-fit:contain}
    .swiper-slide-zoomed{cursor:move;touch-action:none}
    .swiper .swiper-notification{
        position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
    .swiper-free-mode>.swiper-wrapper{
        transition-timing-function:ease-out;margin:0 auto}
    .swiper-grid>.swiper-wrapper{flex-wrap:wrap}
    .swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
    .swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}
    .swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}
    .swiper-fade .swiper-slide .swiper-slide{pointer-events:none}
    .swiper-fade .swiper-slide-active{pointer-events:auto}
    .swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
    .swiper.swiper-cube{overflow:visible}
    .swiper-cube .swiper-slide{
        pointer-events:none;-webkit-backface-visibility:
        hidden;backface-visibility:hidden;z-index:1;
        visibility:hidden;transform-origin:0 0;width:100%;height:100%}
    .swiper-cube .swiper-slide .swiper-slide{pointer-events:none}
    .swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}
    .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{
        pointer-events:auto}
    .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{
        pointer-events:auto;visibility:visible}
    .swiper-cube .swiper-cube-shadow{
        position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}
    .swiper-cube .swiper-cube-shadow:before{
        content:'';background:#000;position:absolute;left:0;top:0;
        bottom:0;right:0;filter:blur(50px)}
    .swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}
    .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{
        z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
    .swiper.swiper-flip{overflow:visible}
    .swiper-flip .swiper-slide{
        pointer-events:none;-webkit-backface-visibility:hidden;
        backface-visibility:hidden;z-index:1}
    .swiper-flip .swiper-slide .swiper-slide{pointer-events:none}
    .swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{
        pointer-events:auto}
    .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{
        z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
    .swiper-creative .swiper-slide{
        -webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:
        hidden;transition-property:transform,opacity,height}
    .swiper.swiper-cards{overflow:visible}
    .swiper-cards .swiper-slide{
        transform-origin:center bottom;-webkit-backface-visibility:hidden;
        backface-visibility:hidden;overflow:hidden}