.index-banner-container{position:relative}.index-banner-position{position:absolute;left:0;right:0;bottom:72rem;width:1440rem;margin:0 auto}.index-banner-tag{display:flex;align-items:center;font-weight:500;font-size:12rem;color:#fff;margin-bottom:12rem}.index-banner-tag span{background:#c5000b;font-weight:600;font-size:14rem;color:#fff;padding:0 8rem;height:16rem;display:flex;justify-content:center;align-items:center;margin-right:8rem}.index-banner-tag span img{width:14rem;margin-left:-8rem;margin-right:4rem}.index-banner-tag .tag-icon{width:20rem;height:24rem;margin-right:10rem}.index-banner-title{font-weight:700;font-size:48rem;color:#fff;line-height:1;margin-bottom:16rem}.index-banner-text{font-weight:500;font-size:16rem;color:#fff;line-height:20rem;margin-top:8rem;margin-bottom:36rem}.index-banner-btn-box{display:flex}.index-banner-btn{height:40rem;padding:16rem 24rem;border-radius:2rem;display:flex;justify-content:center;align-items:center;color:#fff;background-color:transparent;font-weight:700;font-size:14rem;border:1rem solid transparent}.index-banner-btn-box>.index-banner-btn:nth-child(2){margin-left:16rem}.swiper-index-banner-box{position:absolute;bottom:72rem;right:240rem;z-index:10;display:flex}.swiper-index-banner-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;margin:0 4rem;width:52rem}.swiper-index-banner-title{font-weight:500;font-size:12rem;color:#ffffff4d;line-height:12rem;display:flex;align-items:center;margin-bottom:18rem}.swiper-index-banner-tag{font-weight:700;font-size:12rem;color:#18191b;line-height:12rem;padding:2rem 4rem;background-color:#fff;margin-left:8rem;border-radius:2rem}.swiper-index-banner-item.active .swiper-index-banner-title{color:#fff}.swiper-index-banner{width:100%;height:4rem;background-color:#ffffff40;position:relative;border-radius:2rem}.swiper-index-banner span{position:absolute;top:0;left:0;transform-origin:center left;transform:scaleX(0);width:100%;height:4rem;background-color:#fff;border-radius:2rem}.swiper-index-banner-item.active .swiper-index-banner span{animation-name:increaseProgress;animation-fill-mode:forwards;animation-timing-function:ease-out;animation-duration:15s}@keyframes increaseProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media screen and (max-width: 768px){.index-banner-position{width:100%;padding:0 24rem;top:unset;bottom:56rem;align-items:self-start}.index-banner-tag{margin-bottom:10rem}.index-banner-title{font-size:30rem;line-height:42rem;margin-bottom:4rem;text-align:left;pointer-events:none}.index-banner-text{font-size:16rem;line-height:24rem;margin-bottom:24rem;text-align:left;width:100%;pointer-events:none}.swiper-index-banner-box{width:100%;bottom:24rem;right:0;left:24rem}.swiper-index-banner-item{margin:0 4rem}.swiper-index-banner-title{display:none}.swiper-index-banner,.swiper-index-banner span{height:2rem}.index-banner-btn-box>.index-banner-btn:nth-child(2){margin-left:16rem}}
/*# sourceMappingURL=/cdn/shop/t/153/assets/index-banner.css.map */