.swiper-section {
    height: 100vh;
    position: relative;
    z-index: 1;
}
.banner{height:100%;padding-top:8rem}
.banner-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
}
.swiper-section .swiper-container{height:100%}
.swiper-section .swiper-slide{background-position:center;background-repeat:no-repeat;background-size:cover}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}
.swiper-pagination-bullet {
    vertical-align:middle;
    opacity:.5;
    background:#fff
}
.swiper-pagination-bullet-active {
    background: transparent;
    border: 2px solid #fff;
    width: 12px;
    height: 12px;
    opacity: 1
}
a.more {
    display:inline-block;
    width: 12rem;
    text-align: center;
    background: #000;
    color: #fff;
    line-height: 2.5rem;
    height:2.5rem;
    letter-spacing:2px;
    border:1px solid #000
}
.swiper-section a.more{margin:2rem auto}
.series-info{position:absolute;right:20%;top:40%;text-align:center;color:#fff}
.series-info p{margin-top:.5rem;font-size:1rem}
section{text-align:center;position:relative}
section.black,section.jeans,section.jogger,section.overall{padding:15rem 10%}
.section-title {
    font-size: 1.5rem;
}
.series-name {
    margin: 1rem 0;
}
section.pants{background:#e6eaed;display:flex}
section img{width:100%}
section.casual {
    display:flex;
}
.casual-content {
    background: #000;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex:1
}
.casual .casual-img{width:60%;line-height:0;overflow:hidden}
.casual a.more,.overall a.more{border:1px solid #fff;}
.casual a.more{margin:0 auto}
.wrap {
    display: flex;
    padding: 10rem 10%;
    justify-content: space-between;
}
.wrap div{width:49%}
.wrap .section-title{margin-top:5rem}
/*.swiper-section:hover .c-cursor-play{opacity:1}*/
.jeans {    background: #b3b3b3;}
.jogger-show{overflow:hidden;}
.jogger::after{
    content:"";
    position:absolute;
    height:50%;
    width:100%;
    background:#cacfd2;
    bottom:0;
    z-index:-1;
    left:0
}
.overall{background:#000;color:#fff}
section.tops{background:#eaeaea;padding:10rem 10%}
.tops a.more{margin:2rem auto}
.btn.close-btn{top:5%;right:5%;position:absolute }
.video-container { width: 100%; height: 100%; position: fixed; top: 0; z-index: 9; background: #000; display: none; }
.video-container video { width: 80%; margin:5% 10%; height: 80%; }
.banner-video{position:absolute;top:50%;left:50%;width:6em;margin-top:-3em;margin-left:-3em}
.img-box{width:100%;overflow:hidden}
a.more:hover {
    color: #000;
    background: transparent;
    border: 1px solid #000;
}
section.jogger {
    padding-bottom: 5rem;
}
.overall a.more:hover, .casual  a.more:hover{
    background: #444;
    border-color: #444;
    color: #fff
}
.u-fixed {
    position: absolute;
    left: 50%;
    top: 50%;
    cursor: pointer;
    pointer-events:auto
}
.engTitle{font-size:1.75rem;line-height:1;letter-spacing:2px;text-transform:uppercase;font-family: 'SimHei', 'PingFangSC-Regular',"Novum-book","Novum-light",'Arial',sans-serif;}
.line{margin:1rem 0;display:block}
.tops .img-box,.jogger .img-box{margin:5rem 0;}
section.black{display:flex;}
section.black .img-box{width:50%}
section.black .engTitle,.pants .engTitle{text-align:left}
.sec-flex {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: start;
    justify-content: space-evenly;
    padding-left: 5%
}
.sec-flex img{width: 80%;margin-bottom:3rem;}
.sec-flex>div{text-align:left}
section.pants .img-box{width:65%;line-height:0}
section.pants .more{margin-top:15rem}