#c_effect_112-1687828221363 .honorSwip {
    cursor: grab;
    overflow: hidden;
    width: 100%;
    user-select: none;
}

#c_effect_112-1687828221363 .honorSwip:active {
    cursor: grabbing;
}

#c_effect_112-1687828221363 .honorSwip img {
    display: block;
    width: 100%;
    height: auto !important;
    object-fit: contain;
    user-select: none;
    -webkit-user-drag: none;
}

#c_effect_112-1687828221363 .honorSwip .swiper-wrapper {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
}

#c_effect_112-1687828221363 .honorSwip .swiper-slide {
    box-sizing: border-box;
    flex: 0 0 20%;
    width: 20%;
    height: auto;
}

#c_effect_112-1687828221363 .honorSwip .showihonor {
    display: block;
    width: 100%;
}

#c_effect_112-1687828221363 .swiper-slide-shadow-left,
#c_effect_112-1687828221363 .swiper-slide-shadow-right {
    pointer-events: none;
}

#c_effect_112-1687828221363.honor-fallback .honorSwip {
    position: relative;
    overflow: hidden !important;
    padding: 0 0 8px !important;
    perspective: 1450px;
    transform-style: preserve-3d;
}

#c_effect_112-1687828221363.honor-fallback .honorSwip .swiper-wrapper {
    position: relative;
    display: block !important;
    width: 100%;
    transform-style: preserve-3d;
}

#c_effect_112-1687828221363.honor-fallback .honorSwip .swiper-slide {
    height: auto;
    margin: 0 !important;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    will-change: transform, opacity;
}

#c_effect_112-1687828221363.honor-fallback .honorSwip .e_image-2,
#c_effect_112-1687828221363.honor-fallback .honorSwip .showihonor,
#c_effect_112-1687828221363.honor-fallback .honorSwip img {
    width: 100%;
    height: auto;
    padding: 6%;
}

#c_effect_112-1687828221363.honor-fallback .honorSwip .showihonor {
    background: #fff;
    box-shadow: 0 10px 22px rgba(0, 0, 0, .12);
}

#c_effect_112-1687828221363.honor-fallback .swiper-pagination {
    position: relative;
    z-index: 90;
    margin-top: 16px;
}

@media screen and (max-width: 768px) {
    #c_effect_112-1687828221363 .honorSwip .swiper-slide {
        flex-basis: 100%;
        width: 100%;
    }

    #c_effect_112-1687828221363.honor-fallback .honorSwip {
        perspective: none;
        transform-style: flat;
    }

    #c_effect_112-1687828221363.honor-fallback .honorSwip .swiper-wrapper {
        display: flex !important;
        transform-style: flat;
    }

    #c_effect_112-1687828221363.honor-fallback .honorSwip::before,
    #c_effect_112-1687828221363.honor-fallback .honorSwip::after {
        display: none;
    }
}