._s._history .drag_{ display: flex; align-items: center; justify-content: center; color: #0aa9e3; }
._s._history .drag_ .icon{ font-size: 26px; }
._s._history .drag_ .icon i{ margin: 0 -11.5px; animation: opacity 1s infinite linear alternate; }

._s._history .drag_ .icon:first-of-type i:nth-of-type(1),
._s._history .drag_ .icon:last-of-type i:nth-of-type(2){ animation-delay: 0.5s; }

._s._history .drag_ span{ font-size: 18px; letter-spacing: -0.02em; font-weight: 500; font-family: 'Poppins'; margin: 0 35px; display: block; }



._s._history .swiperWrap{ border-top: 1px solid rgba(0,0,0,0.3); box-sizing: border-box; margin-top: 50px; width: 100%; position: relative; overflow: hidden; }
._s._history .swiperWrap .list{ width: 100%; overflow: hidden; cursor: pointer; } 
._s._history .swiperWrap .list .swiper-wrapper{ transition-timing-function: linear !important; }
._s._history .swiperWrap .list .swiper-slide{ width: auto !important; }
._s._history .swiperWrap .list .swiper-slide:first-of-type{ padding-left: 100px; }
._s._history .swiperWrap .list .swiper-slide:last-of-type{ padding-right: 100px; }

._s._history .swiperWrap .list .swiper-slide:nth-of-type(2n){ padding-top: 70px; }
._s._history .swiperWrap .list .swiper-slide:nth-of-type(2n-1){ padding-top: 200px; }

._s._history .swiperWrap .list .swiper-slide ._inn{ position: relative; display: flex; flex-direction: column; justify-content: center; width: auto;  }

._s._history .swiperWrap .list .swiper-slide ._inn::after{ content: ''; display: block; width: 1px; background-color: rgba(0,0,0,0.3); position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); }
._s._history .swiperWrap .list .swiper-slide:nth-of-type(2n) ._inn::after{ height: 70px;}
._s._history .swiperWrap .list .swiper-slide:nth-of-type(2n-1) ._inn::after{ height: 200px; }
._s._history .swiperWrap .list .swiper-slide ._inn .img_{ border: 1px solid #dddddd; box-sizing: border-box; width: auto; }
._s._history .swiperWrap .list .swiper-slide ._inn .img_ img{ width: 100%;  object-fit: cover; display: block; max-width: unset; height: 100%; }

._s._history .swiperWrap .list .swiper-slide ._inn strong{ font-size: 20px; font-weight: 600; letter-spacing: -0.02em; color: #333; line-height: 1.3; margin-top: 15px; display: block; display: flex; align-items: flex-start; }
._s._history .swiperWrap .list .swiper-slide ._inn strong span{ color: #0aa9e3; margin-right: 10px; flex-shrink: 0; }
._s._history .swiperWrap .list .swiper-slide ._inn em{ display: block; font-size: 14px; letter-spacing: -0.02em; color: #888888; margin-top: 5px;  line-height: 1.3; }

._s._history .swiperWrap .list .swiper-slide.adds{ width: 680px; }



@media screen and (max-width: 1280px){
    /* ._s._history .swiperWrap .list .swiper-slide ._inn .img_ { height: 370px; overflow: visible; } */
    ._s._history .swiperWrap .list .swiper-slide{ min-height: 0; }
    ._s._history .swiperWrap .list .swiper-slide ._inn .img_ { height: 370px; min-height: 370px; }
    /* ._s._history .swiperWrap .list .swiper-slide ._inn .img_ img{ height: 370px; } */
    ._s._history .swiperWrap .list .swiper-slide ._inn strong{ font-size: 18px; }
    ._s._history .swiperWrap .list .swiper-slide.adds{ width: 660px; }
}

@media screen and (max-width: 820px){
    /* ._s._history .swiperWrap .list .swiper-slide ._inn .img_{ height: 300px; } */
    ._s._history .swiperWrap .list .swiper-slide{ min-height: 0; max-width: 70vw; }
    /* ._s._history .swiperWrap .list .swiper-slide ._inn .img_{ height: 300px; min-height: 300px; } */
    ._s._history .swiperWrap .list .swiper-slide ._inn .img_{ height: auto; min-height: auto; }
    ._s._history .swiperWrap .list .swiper-slide ._inn .img_ img{ height: auto; object-fit: unset;  }
    /* ._s._history .swiperWrap .list .swiper-slide ._inn .img_ img{ height: 300px; } */
    ._s._history .swiperWrap .list .swiper-slide:first-of-type{ padding-left: 50px; }
    ._s._history .swiperWrap .list .swiper-slide:last-of-type{ padding-right: 50px; }
    ._s._history .swiperWrap .list .swiper-slide ._inn strong{ font-size: 16px; }
    ._s._history .swiperWrap .list .swiper-slide ._inn strong span{ margin-right: 5px; }
    ._s._history .drag_ span{ font-size: 14px; }
    ._s._history .drag_ .icon{ font-size: 20px; }
    ._s._history .drag_ .icon i{ margin: 0 -9px; }
    ._s._history .drag_ .icon span{ padding-bottom: 1px; }
    ._s._history .swiperWrap .list .swiper-slide.adds{ width: 430px; }
    ._s._history .swiperWrap .list .swiper-slide:nth-of-type(2n-1){ padding-top: 70px; }
}

@media screen and (max-width: 500px){
    /* ._s._history .swiperWrap .list .swiper-slide ._inn .img_{ height: 240px; } */
    /* ._s._history .swiperWrap .list .swiper-slide{ min-height: 0; } */
    /* ._s._history .swiperWrap .list .swiper-slide ._inn .img_{ height: 240px; min-height: 240px; } */
    /* ._s._history .swiperWrap .list .swiper-slide ._inn .img_ img{ height: 240px; } */
    ._s._history .swiperWrap .list .swiper-slide ._inn strong{ font-size: 14px; margin-top: 10px; }
    ._s._history .swiperWrap .list .swiper-slide ._inn strong span{ margin-right: 3px; }
    ._s._history .swiperWrap .list .swiper-slide ._inn em{ font-size: 12px; }
    ._s._history .swiperWrap .list .swiper-slide.adds{ width: 345px; }
}