.common-d9-max-swiper-outer{height:300vh}.common-d9-max-swiper-box{overflow:hidden;position:-webkit-sticky;position:sticky;top:80px;width:100%}.cd9-max-sb-inner{display:flex;align-items:center;height:100%}.cd9-max-sb-inner .image{flex:0 1 52.55%;position:relative}.cd9-max-sb-inner .image .item:first-child{position:relative;z-index:3}.cd9-max-sb-inner .image .item{clip-path:inset(0% 0% var(--clipPath) 0% round 0%)}.cd9-max-sb-inner .image .item:not(:first-child){position:absolute;top:0;left:0;width:100%}.cd9-max-sb-inner .image .item:nth-child(2){z-index:2}.cd9-max-sb-inner .image .item:nth-child(3){z-index:1}.cd9-max-sb-inner .text-box{flex:1;padding:20px 40px 20px 5.729vw}.cd9-max-sb-inner .text-box li{list-style:none;position:relative}.cd9-max-sb-inner .text-box .common-content .common-subtitle{font-weight:700}.cd9-max-sb-inner .text-box .common-subtitle,.cd9-max-sb-inner .text-box .common-tips{color:#9d9d9d;transition:all .3s ease}.cd9-max-sb-inner .text-box li.active .common-subtitle,.cd9-max-sb-inner .text-box li.active .common-tips{color:#000}.cd9-max-sb-inner .text-box .common-tips:before{display:none}.cd9-max-sb-inner .text-box li+li{margin-top:30px}.cd9-max-sb-inner .text-box li .common-title{margin-bottom:45px}.cd9-max-sb-inner .text-box .common-content{position:relative;padding-left:23px;border-left:1px solid #e4e4e4;padding-bottom:20px;padding-top:10px;transition:all .3s ease}.cd9-max-sb-inner .text-box i{position:absolute;width:7px;height:1vw;top:14%;background:#000;left:-27px;transition:all .3s ease}.cd9-max-sb-inner .text-box i:not(.first-i){opacity:0}.cd9-max-sb-inner .common-title .common-subtitle{margin-top:10px}.cd9-max-sb-inner-right .cd9-max-sb-inner{flex-direction:row-reverse}.cd9-max-sb-inner .text-box .common-title{margin-bottom:30px}@media screen and (max-width: 850px){.cd9-max-sb-inner{flex-wrap:wrap;flex-direction:column-reverse}.cd9-max-sb-inner .text-box{flex:1;padding:20px 40px}.cd9-max-sb-inner .text-box .common-subtitle{font-size:18px}.cd9-max-sb-inner .text-box .common-tips{font-size:16px}.cd9-max-sb-inner .text-box .common-content{padding-left:19px}.cd9-max-sb-inner .text-box i{height:18px;top:4%;left:-23px}.cd9-max-sb-inner .image{flex:0 1 100%;width:calc(100% - 80px);margin:0 40px}.cd9-max-sb-inner-right .cd9-max-sb-inner{flex-direction:column-reverse}}@media screen and (max-width: 589px){.common-d9-max-swiper-box{top:30px}.cd9-max-sb-inner .text-box li+li{margin-top:20px}.cd9-max-sb-inner .image{width:calc(100% - 36px);margin:0 18px}.cd9-max-sb-inner .text-box{flex:1;padding:20px}}span.new-slider{position:absolute;width:7px;height:33.33%;background:#000;left:0;top:0}.new-slider-d9-swiper .cd9-max-sb-inner{flex-direction:row-reverse}.new-slider-d9-swiper .cd9-max-sb-inner .text-box{padding:0;margin-right:40px}.new-slider-d9-swiper .cd9-max-sb-inner .text-box i{opacity:0}.new-slider-d9-swiper .cd9-max-sb-inner .text-box li{margin-top:0!important;height:100%}.new-slider-d9-swiper li div.li-i-content{opacity:0;overflow:hidden;height:100%}.new-slider-d9-swiper li.active div.li-i-content,.swiper-text-center .text-box li.active>div{opacity:1}.swiper-text-center .text-box li>div{height:100%;display:flex;flex-direction:column;justify-content:center;opacity:0}.hide-new-slider .cd9-max-sb-inner .text-box .common-content{border:0}.hide-new-slider .common-content .new-slider{display:none}@media only screen and (min-width: 850px){.cd9-max-sb-inner .text-box .common-content .all-content{position:absolute;top:0;bottom:0;margin:auto;height:fit-content}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-common-d9-max-swiper.css.map */