.swiper-button-prev,
.swiper-button-next {
    color: black;
}

.swiper-button-prev:after, .swiper-button-next:after {
    content: none;
}


.swiper-pagination-bullet, .swiper-pagination-bullet-active {
    border-radius: 0;
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgb(80, 80, 80);
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 1;
    transition: opacity 0.6s ease;
}

.swiper-pagination-bullet-active {
    opacity: 0.2;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
}


/**手機版*/
@media only screen and (min-width: 320px) and (max-width: 720px) {

    .swiper-container {
        width: 90%;
        padding-bottom: 60px
    }

    .swiper-slide {
        width: 400px;
        height: auto;
        padding: 0 15px;
    }

    .swiper-slide img {
        /*box-shadow: 0 10px 30px rgb(0 0 0 / 15%);*/
        display: block;
        margin: 0 auto;
    }

    .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 0;
    }

    /*swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev*/
    /*swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next*/
    .swiper-slide-duplicate-prev, .swiper-slide-duplicate-next {
        /*filter: blur(10px); */

        Opacity: 0.1;
    }

    .swiper-slide-next, .swiper-slide-prev {
        /* filter: blur(2px);*/
        filter: blur(2px);
        Opacity: 0.5;
    }
}

/* 平板 */
@media only screen and (min-width: 721px) and (max-width: 1023px) {
    .swiper-container {
        width: 90%;
        padding-bottom: 60px;
    }

    .swiper-slide {
        width: 500px;
        height: auto;
        padding: 0 15px;
    }

    .swiper-slide img {
        box-shadow: 0 10px 30px rgb(0 0 0 / 15%);
        display: block;
        margin: 0 auto;
    }

    .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 0;
    }

    /* swiper-slide swiper-slide-duplicate-next  */
    /*swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev*/
    /*swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next*/
    .swiper-slide-duplicate-prev, .swiper-slide-duplicate-next {
        /*filter: blur(10px); */
        Opacity: 0.1;
    }

    .swiper-slide-next, .swiper-slide-prev {
        /*filter: blur(5px);*/
        Opacity: 0.6;
    }

}

@media only screen and (min-width: 1024px) {
    .swiper-container {
        border: 1px solid #000;
        width: 100%;
        padding-bottom: 60px
    }

    .swiper-slide {
        width: 490px;
        height: auto;
        padding: 0 15px;
    }

    .swiper-slide img {
        box-shadow: 0 10px 30px rgb(0 0 0 / 5%);
        display: block;
        margin: 0 auto;
    }

    .next {
        font-size: 2em;
    }

    .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 0;
    }

    /*swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev*/
    /*swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next*/
    .swiper-slide-duplicate-prev, .swiper-slide-duplicate-next {
        filter: blur(3px);
        Opacity: 0.1;
    }

    .swiper-slide-next, .swiper-slide-prev {
        /*filter: blur(5px);*/
        filter: blur(2px);
        Opacity: 0.6;
    }

    .swiper-slide .swiper-slide-active {
        transition: 1s ease-in-out;
        transform: Opacity(1.2);
    }

    .swiper-pagination-bullet {
        margin: 0 8px !important;
    }


}