.swiper-slide {
    width: 23%;
    margin-right: 2%;
}

@media screen and (max-width: 1400px) {
    .swiper-slide {
    width: 32%;
    margin-right: 1%;
}
}
@media screen and (max-width: 600px) {
    .swiper-slide {
    width: 45%;
    margin-right: 2%;
}
}
@media screen and (max-width: 450px) {
    .swiper-slide {
    width: 95%;
    margin-right: 2%;
}
}

.swiper::-webkit-scrollbar {
    border-radius: 20px 20px;
    height: 1em;
}

/*滚动条里面小方块*/
.swiper::-webkit-scrollbar-thumb {
    border-radius: 20px 20px;
    background-color: grey;
    background-image:
        -webkit-linear-gradient(45deg,
            rgba(255, 255, 255, .2) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, .2) 50%,
            rgba(255, 255, 255, .2) 75%,
            transparent 75%,
            transparent);
            /* background-image:
        -webkit-linear-gradient(45deg,
            rgba(255, 255, 255, .2) 25%,
            rgba(255, 255, 255, .2) 50%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, .2) 50%,
            white 100%,
            transparent 75%,
            transparent); */
}

/*滚动条里面轨道*/
.swiper::-webkit-scrollbar-track {
    border-radius: 20px 20px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    /*border-radius: 10px;*/
    background: #EDEDED;
}


.product-tile__image-holder>.imageactive {
    opacity: 1
}

.product-tile__image-holder>.imageactive {
    z-index: 99999;
}


.small_blank {
    height: 1em;
    border: none;
}