@media (max-width: 1024px) {
    .z-page-container {
        padding: 0 12px;
    }

    .home_head {
        padding: 45px 10px;
    }

    .home_head h2 {
        font-size: 20px;
    }

    .home_head>p {
        font-size: 12px;
        margin-bottom: 16px;
    }

    .home_head .sign_btn p {
        height: 32px;
        font-size: 12px;
    }

    .common_warp {
        background-position: center;
    }

    .fast_warp .warp_info .title {
        padding: 0;
        margin-top: 20px;
    }

    .warp_machine_click {
        background-size: 700px;
        background-position: center;
    }

    .common_warp .warp_info {
        padding-right: 20px;
    }
}

@media (max-width: 900px) {
    .warp_machine_click {
        width: 500px;
        background-size: 500px;
    }

    .warp_machine_click .hand {
        width: 171px;
        right: 32px;
        bottom: -109px;
    }
}

@media (max-width: 768px) {
    .game_list {
        display: flex;
        flex-direction: column;
        gap: 30px;
        margin-bottom: 30px;
    }

    .game_list a {
        width: 100%;
        display: block;
    }

    .game_list a img {
        max-width: 100%;
    }

    .common_warp {
        background-image: url(/images/lucky_bj.webp);
        height: auto;
        background-size: 100%;
        padding: 25px 12px;
        justify-content: flex-start;
        margin-bottom: 30px;
        background-repeat: no-repeat;
        border-radius: 15px;
    }

    .common_warp.fast_warp {
        background-image: url(/images/fast_bj_m.webp);
        background-color: rgba(29, 19, 12, 0.8);
        background-position: center;
        height: auto;
    }

    .fast_warp .fast_list {
        margin-top: 340px;
    }

    .common_warp .warp_info {
        width: 100%;
        padding: 0;
    }

    .lucky_warp .warp_info {
        width: 40%;
        padding: 100px 0;
    }

    .common_warp .warp_info .title {
        font-size: 14px;
        text-align: center;
    }

    .lucky_warp .warp_info .text {

        margin-bottom: 0;
    }

    .fast_warp .warp_info .title {
        padding-right: 0;
        text-align: center;
    }

    .lucky_warp a {
        height: auto;
        padding: 6px 13px;
        width: auto;
        margin-top: 16px;
    }

    .game_news {
        margin-bottom: 30px;
    }

    .game_news .game_name {
        font-size: 16px;
    }

    .game_news .game_news_list {
        grid-template-columns: repeat(1, 1fr);
        gap: 22px;
    }

    .game_news .game_news_title {
        margin-bottom: 17px;
    }

    .game_news .game_news_item .game_news_img {
        min-width: 108px;
        width: 108px;
        display: contents;
    }

    .game_news .game_news_item .game_news_img img {
        width: 164px;
        aspect-ratio: 1.78;
        height: auto;
        object-fit: cover;
        border-radius: 8px;
    }

    .game_news .game_news_item .news_content {
        margin-top: 5px;
    }

    .game_news .game_news_item .game_news_info {
        padding: 0 12px;
    }

    .warp_machine_click {
        height: 477px;
    }

    .warp_machine_click .hand {
        width: 171px;
        right: 32px;
        bottom: -109px;
    }

    .lucky_warp {
        display: flex;
        flex-direction: column-reverse;
        background-size: cover;
    }

    .lucky_warp .warp_info {
        width: 100%;
        padding: 0;
    }
}

@media (max-width: 550px) {
    .warp_machine_click .click_btn .hover_btn {
        width: 100%;
    }

    .warp_machine_click {
        width: 100%;
        height: 341px;
    }

    .warp_machine_click .click_btn {
        bottom: 95px;
        width: 100%;
    }

    .common_warp.fast_warp {
        background-position: top;
    }

    .fast_warp .fast_list {
        margin-top: 322px;
    }
}

@media (max-width:375px) {
    .fast_warp .fast_list {
        margin-top: 245px;
    }
}