/* iPadPro, iPadAir, SurfacePro7 */
@media (max-width: 1024px) and (min-width: 821px) {

}

/* iPadMini */
@media (max-width: 820px) and (min-width: 641px) {

}

/* iPhone */
@media (max-width: 640px) {
    /* 分页器 */
    .custom-pagination {
        padding: 20px 0;
        font-size: 14px;
    }

    .custom-pagination .prev, .custom-pagination .next {
        width: 40px;
        height: 40px;
        border-radius: 20px;
        margin: 0 5px;
    }

    .custom-pagination .page {
        width: 40px;
        height: 40px;
        border-radius: 20px;
        margin: 0 5px;
    }

    /* 自定义轮播导航 */
    .custom-swiper-button {
        width: 40px;
        height: 40px;
        border: #209443 solid 1px;
        border-radius: 21px;
        background: #209443;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        user-select: none;
    }

    .custom-swiper-button:after {
        display: none;
    }

    .custom-swiper-button-icon {
        width: 20px;
        height: 20px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .custom-swiper-button-icon-img {
        width: 20px;
        height: 20px;
        object-fit: contain;
    }

    .custom-swiper-button.swiper-button-disabled {
        border: #ffffff solid 1px;
        background: rgba(0, 0, 0, 0);
        opacity: 1;
    }

    /* 视频弹窗 */
    .video-dialog-body {
        width: calc(100vw - 80px);
        padding: 20px;
        border-radius: 10px;
    }

    .video-dialog-header-close-btn {
        width: 40px;
        height: 40px;
        border-radius: 20px;
    }

    .video-dialog-header-close-btn-icon {
        width: 20px;
        height: 20px;
    }

    .video-dialog-header-close-btn-icon-img {
        width: 20px;
        height: 20px;
    }

    .video-dialog-content {
        padding-top: 20px;
    }
}