@media (max-width: 767px) {
    footer .foot_title {
        line-height: 22px;
    }

    .listBox {
        width: 84%;
    }

    .contentBox .list-items {
        font-size: 14px;
    }

    .contentBox p {
        font-size: 14px;
    }

    /* .carousel-item{width: 50%;} */
    body article .right {
        height: 150px;
    }

    body article .left {
        height: 150px;
    }

    .next_icon {
        display: none;
    }

    .indexdown {
        margin-left: 0;
    }

    .loadBG {
        background: none;
    }

    .index_dtbg {
        background: none;
    }

    .rightdown h2:nth-child(1) {
        margin-left: 0;
    }

    .rightdown h2:nth-child(2) {
        margin-left: 4%;
    }

    .rightdown {
        margin-top: 20px;
        display: block;
        height: auto;
    }

    .rightdown h2 {
        font-size: 18px;
    }

    .rightdown .info {
        height: auto;
        margin-left: 40px;
    }

    .rightdown .info button {
        width: 35%;
        margin-left: 0;
        height: 35px;
        margin: 10px auto 0 auto;
        display: block;
    }

    .detail {
        flex-direction: column;
    }

    .banner .content .center .detail > img {
        width: 240px;
        height: 320px;
    }

    .cheatbox .cheat .cheat_i {
        width: 100% !important;
    }

    header nav a {
        padding: 0 !important;
    }

    .rightdown .info button {
        font-size: 12px;
    }

    body article .carousel-item strong {
        font-size: 14px;
    }

    .swiper-container {
        margin-top: 12% !important;
    }

    .index_jsbg h2 {
        font-size: 12px;
        padding-top: 44px;
    }

    .col-sm-3 {
        padding: 0;
    }

    .banner .content .center h1 {
        font-size: 18px;
    }

    .recommendBox_all .recommend {
        width: 33.33% !important;
        margin-bottom: 15px !important;
    }

    .recommendGame .recommendBox {
        width: 100%;
    }

    .recommendGame .more {
        margin: 0 auto;
        width: 40%;
        flex-direction: row;
    }

    .recommendGame {
        display: initial;
    }

    .recommendGame .recommendBox .recommend strong {
        font-size: 15px;
        height: 30px;
        line-height: 30px;
    }

    .recommendGame .more img {
        margin: 0;
    }

    .banner .content .main_list ul {
        font-size: 14px;
    }

    .bannerTitle {
        width: auto;
    }

    .banner_pic {
        height: 200px;
        width: auto;
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .bannerTitle .p {
        font-size: 121px;
        line-height: 109px;
    }

    .INList p {
        font-size: 24px;
        line-height: 30px;
    }

    .list_one {
        padding-top: 8px;
        padding-left: 26px;
    }

    .list_two {
        padding-right: 34px;
        padding-top: 8px;
    }
}

@media (max-width: 1024px) {
    .swiper-button-next {
        display: none !important;
    }

    .swiper-button-prev {
        display: none !important;
    }

    .next_icon {
        display: none !important;
    }

    .GffList {
        width: 180px;
    }

    .index_dtbg h2 {
        font-size: 22px;
    }

    .swiper-pagination {
        display: none;
    }

    .versions .versions_sfq {
        width: 100%;
        height: auto;
    }

    .versions .versions_sfq {
        margin: 10px auto 20px;
    }

    .back_to_top {
        display: none !important;
    }

    .banner .content .center {
        width: 90%;
    }

    .text-font img {
        width: 100%;
    }

    .recommendBox_all .recommend {
        width: 20%;
    }
}

@media screen and (min-width: 767px) and (max-width: 960px) {
    .cheatbox .cheat .cheat_i {
        width: 49% !important;
    }

    .versions .versions_sfq {
        margin: 20px auto 30px;
    }

    body .imgbox {
        margin: 10% auto 0;
    }

    /* .loadBG{background: none;} */
    /* .indexdown{width: auto;} */
    .indexdown img {
        height: 100%;
    }

    .indexdown {
        margin-left: 20px;
        margin-top: 12%;
    }

    .loadBG {
        height: 280px;
    }

    .rightdown h2:nth-child(1) {
        margin-left: 10%;
    }

    .rightdown h2:nth-child(2) {
        margin-left: 20%;
    }

    .rightdown .info {
        height: 38%;
        margin-left: 20%;
    }

    .rightdown h2 {
        font-size: 18px;
    }

    .rightdown .info button {
        width: auto;
        padding: 0 20px;
        height: 30px;
    }

    body article .carousel-item strong {
        font-size: 16px;
    }

    .index_jsbg .component span {
        line-height: 18px;
        height: 108px;
        overflow: hidden;
    }
}