@media (max-width: 1600px) {
    .home-banner a.z-banner {
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 1200px) {

    .home-popular .pop_list .pop_item {
        flex: 0 0 calc((100% - 5 * 20px) / 6);
        margin-right: 20px;
    }
}

@media (max-width: 1024px) {
    .home-banner .swiper-slide {
        padding: 0 12px;
    }
    .ws-home>.z-page-container {
        padding: 0 12px;
    }

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

    .home-banner .z-banner img {
        height: auto;
    }

    .home-banner {
        padding: 10px 0 25px;
    }

    .home-banner .swiper-container-horizontal .swiper-pagination-bullets,
    .home-banner .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 30px;
        padding-left: 25px;
    }

    .swiper-pagination-bullet {
        width: 24px;
        height: 3px;
    }

    .home-popular {
        margin-bottom: 30px;
    }

    .home-popular .arrow {
        display: none;
    }

    .home-popular .pop_title h2 {
        font-size: 16px;
    }

    .home-popular .pop_title h2 span {
        margin: 0 6px;
    }

    .home-popular .moreGames {
        display: flex;
        margin-top: 16px;
    }

    .home-popular .moreGames p {
        height: 31px;
        background: rgba(255, 255, 255, 0.05);
        border-radius: 3px 3px 3px 3px;
        padding: 0 12px;
    }

    .home-popular .moreGames p.less {
        display: none;
    }

    .home-popular.mobile_show .moreGames p.less {
        display: flex;
    }

    .home-popular.mobile_show .moreGames p.less i {
        transform: rotate(180deg);
    }

    .home-popular.mobile_show .moreGames p.more {
        display: none;
    }

    .home-popular .moreGames p span {
        margin-right: 4px;
    }

    .home-popular .pop_list {
        margin-top: 10px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .home-popular .pop_list .pop_item {
        width: auto;
        margin: 0;
    }

    /* 前6个显示 */
    .popular-games .pop_list .pop_item:nth-child(n+7) {
        display: none;
    }

    .popular-topup .pop_list .pop_item:nth-child(n+5),
    .popular-giftcard .pop_list .pop_item:nth-child(n+5) {
        display: none;
    }

    .home-popular.mobile_show .pop_list .pop_item {
        display: block;
    }

    .whychooseus {
        padding: 30px 20px;
    }

    .whychooseus .chooseus_right {
        gap: 30px;
        margin-left: 50px;
    }

    .whychooseus .chooseus_left .title h2 {
        font-size: 20px;
    }

    .home_affiliate {
        padding: 0 20px;
    }

    .home_affiliate .aff_left p {
        font-size: 16px;
    }

    .home_affiliate .aff_right a {
        white-space: nowrap;
        padding: 0 10px;
        font-size: 16px;
    }
}


@media (max-width: 768px) {

    .home-popular .pop_list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .whychooseus {
        display: block;
        padding: 30px 15px;
    }

    .whychooseus .chooseus_right {
        margin-left: 0;
        grid-template-columns: repeat(1, 1fr);
        gap: 32px;
        margin-top: 30px;
    }

    .whychooseus .chooseus_right .chooseus_item {
        border: none;
        font-size: 14px;
        padding: 0;
    }

    .whychooseus .chooseus_right .chooseus_item p {
        margin-top: 11px;
        font-size: 12px;
    }

    .whychooseus .chooseus_right .chooseus_item i {
        font-size: 24px;
    }

    .whychooseus .chooseus_left {
        padding: 0;
    }

    .whychooseus .chooseus_left span {
        display: none;
    }

    .whychooseus .chooseus_left .title h2 {
        font-size: 16px;
    }

    .whychooseus .chooseus_left .title img {
        width: 7px;
    }

    .home_affiliate {
        height: 170px;
        margin: 30px 0;
    }

}

@media (max-width: 600px) {
    .home_affiliate {
        padding: 23px 15px 45px;
        background: url(/images/homeaffiliate_m.webp) no-repeat;
        background-size: 100% 100%;
        height: 250px;
        margin: 30px 0;
        display: flex;
        flex-direction: column;
        align-items: space-between;
    }

    .home_affiliate .aff_left span {
        margin-top: 8px;
    }

    .home_affiliate .aff_right {
        width: 100%;
        justify-content: flex-end;
    }

    .home_affiliate .aff_right a {
        height: 30px;
        font-size: 14px;
        border-radius: 5px;
    }
}

@media (max-width: 500px) {
    .home-popular .pop_list {
        margin-top: 10px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 11px;
    }

    .home-popular .pop_list .pop_item {
        margin-right: 0;
    }




    .home-popular .pop_list .pop_item .item_info p {
        font-size: 16px;
    }

    .home-popular .pop_list .pop_item .item_info {
        padding: 8px;
    }

}

@media (max-width: 450px) {}

@media (max-width: 375px) {}