.ghtb{position:relative;overflow:hidden;min-height:var(--full-height)}
.ghtb .swiper-slide{background-color:#000}
.ghtb .swiper-slide .poster{opacity:1;z-index:10;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-position:center center;background-size:cover;background-color:#000}
.ghtb .swiper-slide .poster img{width:100%;height:100%;object-fit:cover}
.ghtb .swiper-slide-active{z-index:100}
.ghtb .swiper-slide-active .poster.is-hide{opacity:0}
.ghtb .swiper-slide-active .btn{z-index:130}
.ghtb__bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;aspect-ratio:16/8;object-fit:cover}
.ghtb__bg._t{aspect-ratio:8/8;opacity:0}
.ghtb__bg._m{aspect-ratio:13/25;opacity:0}
@media all and (max-width:1024px){.ghtb__bg._w{opacity:0}
.ghtb__bg._t{opacity:1}
.ghtb__bg._m{opacity:0}
}
@media all and (max-width:767px){.ghtb__bg._w{opacity:0}
.ghtb__bg._t{opacity:0}
.ghtb__bg._m{opacity:1}
}
.ghtb__swiper{position:relative;height:var(--full-height)}
.ghtb__swiper .swiper-slide{-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);background-color:#000}
.ghtb__swiper .swiper-slide .ghtb__img .ghtb__bg{transition:all 4s}
.ghtb__swiper .swiper-slide-active .ghtb__img .ghtb__bg.active{transform:translate(-50%,-50%) scale(1.1)}
.ghtb__swiper .ghtb__pagination{bottom:11.6rem}
@media all and (max-width:1024px){.ghtb__swiper .ghtb__pagination{bottom:8.5rem}
}
.ghtb__swiper .ghtb__pagination .swiper-pagination-bullet{width:.8rem;height:.8rem;opacity:.5}
.ghtb__swiper .ghtb__pagination .swiper-pagination-bullet-active{opacity:1}
.ghtb .content{position:absolute;left:50%;transform:translateX(-50%);max-width:120rem;width:90%;bottom:14.8rem;text-align:center;box-sizing:border-box;z-index:30}
@media all and (max-width:1024px){.ghtb .content{bottom:11.8rem}
}
.ghtb .tags{display:flex;justify-content:center}
.ghtb .tags li{font-weight:500;color:#fff;position:relative;display:inline-block;padding-right:2.5rem}
@media all and (max-width:1024px){.ghtb .tags li{padding-right:1.5rem}
}
.ghtb .tags li::after{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);width:.1rem;height:1.2rem;background:rgba(255,255,255,.3);right:1.2rem}
@media all and (max-width:1024px){.ghtb .tags li::after{right:.7rem}
}
.ghtb .tags li:first-of-type{padding-right:2.5rem}
@media all and (max-width:1024px){.ghtb .tags li:first-of-type{padding-right:1.5rem}
}
.ghtb .tags li:first-of-type::after{right:1.2rem}
@media all and (max-width:1024px){.ghtb .tags li:first-of-type::after{right:.7rem}
}
.ghtb .tags li:last-of-type{padding-right:0}
.ghtb .tags li:last-of-type::after{display:none}
@media all and (max-width:767px){.ghtb .tags li{font-size:1.2rem}
}
.ghtb .title{margin-top:1.5rem;margin-bottom:.8rem;color:#fff;text-align:center}
@media all and (max-width:1024px){.ghtb .title{margin-top:.8rem;padding:0 2rem}
}
.ghtb .progress{position:absolute;bottom:7.6rem;left:0;width:100%;height:.1rem;background-color:rgba(255,255,255,.3);z-index:30}
@media all and (max-width:1024px){.ghtb .progress{bottom:6rem}
}
.ghtb .progress .thumb{position:absolute;top:0;left:0;width:0;height:.1rem;background-color:#fff;transition:width .3s}
.ghtb .btn{display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;left:0;width:100%;height:7.6rem;transition:color .3s,background .3s;z-index:30}
@media all and (max-width:1024px){.ghtb .btn{height:6rem}
}
.ghtb .btn:after{background-color:#fff}
@media all and (min-width:1024px){.ghtb .btn:hover{color:#000;background:#fff}
.ghtb .btn:hover:after{background-color:rgba(0,0,0,.05)}
}
@media all and (max-width:1024px){.ghtb{min-height:var(--mobile-cover-height,--full-height)}
.ghtb__swiper{height:var(--mobile-cover-height,--full-height)}
}