.allgame h2 {
    font-size: 48px;
    color: #e5e8f1;
    margin: 20px 0
}

.allgame .gameListTitle {
    margin-top: 20px
}

    .allgame .gameListTitle ul {
        display: flex;
        flex-wrap: wrap
    }

        .allgame .gameListTitle ul li {
            /* width: 220px;
            height: 50px;
            background: linear-gradient(rgb(30, 34, 66) 100%, rgba(30, 34, 66, 0) 100%, rgb(5, 6, 34) 0%);
            color: #e5e8f1;
            cursor: pointer;
            font-size: 16px;
            font-family: sans*/
            display: flex;
            height: 54px;
            padding: 0 20px;
            cursor: pointer;
            font-size: 16px;
            color: #fff;
            font-weight: 500;
            border-radius: 4px;
            background: #213343;
            margin:0px 5px 0 5px;
        }
            .allgame .gameListTitle ul li span {
                color: #fff;
            }
            .allgame .gameListTitle ul li img {
                height: 40px;
                width: 40px;
                margin-right: 10px
            }

            .allgame .gameListTitle ul li .iconfont {
                font-size: 22px;
                margin-right:5px;
            }

            .allgame .gameListTitle ul li:hover {
                color: #fff !important;
                background: linear-gradient(to bottom,#4879ff,#4879ff);
                 
            }

            .allgame .gameListTitle ul li.active {
                color: #fff !important;
                background: linear-gradient(to bottom,#4879ff,#4879ff);
            }

            /*.allgame .gameListTitle ul li:last-child.active {
                background: url(../image/allgame_actile.webp);
                background-size: cover;
                background-repeat: no-repeat;*/
               /* border-top: 2px solid rgb(86, 79, 255);*/
            /*}*/

.allgame .gameList_first {
    display: none;
    margin-top: 39px;
    margin-bottom: 20px
}

    .allgame .gameList_first.active {
        display: block
    }

    .allgame .gameList_first ul {
        flex-wrap: wrap;
        grid-gap: 18px
    }

        .allgame .gameList_first ul li {
            width: 40px;
            min-width: 40px;
            height: 40px;
            background: #1e243e;
            border-radius: 4px 4px 4px 4px;
            color: #fff;
            cursor: pointer
        }

            .allgame .gameList_first ul li span .iconfont {
                font-size: 20px
            }

            .allgame .gameList_first ul li:hover {
                color: #1989e7
            }

            .allgame .gameList_first ul li.active {
                background: #0082fb;
                border-radius: 4px 4px 4px 4px;
                color: #fff
            }

.allgame .gamelist {
    display: none
}

    .allgame .gamelist.active {
        display: block
    }

    .allgame .gamelist .games-list-item {
        color: #fff;
        padding: 25px 0;
        border-top: 1px solid #41475c
    }

        .allgame .gamelist .games-list-item div {
            flex-wrap: wrap
        }

        .allgame .gamelist .games-list-item .first_text {
            font-size: 50px;
            font-weight: 600;
            color: #ee6a25;
            min-width: 150px;
            padding-top: 5px;
            padding-left: 31px
        }

.allgame .breadcrumb {
    padding: 10px 0 30px 0;
    background: hsl(228 35% 18%/0.8);
}

.allgame .gamelist .games-list-item a {
    min-width: 250px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 16px;
}

    .allgame .gamelist .games-list-item a i {
        display: block;
        width: 4px;
        height: 4px;
        background: #555;
        margin-right: 10px
    }

    .allgame .gamelist .games-list-item a:hover {
        color: #1989e7
    }



@media(max-width:1024px) {
    .static_page {
        padding: 10px
    }

    .sell_to_us {
        display: block
    }

        .sell_to_us .sell_l {
            width: 100%;
            padding: 24px 12px;
            height: auto
        }

        .sell_to_us .sell_r .your_info .infoForm .input_box {
            width: 100%
        }

        .sell_to_us .sell_r {
            padding: 20px 12px;
            margin-top: 20px
        }

        .sell_to_us .sell_l .sell_share .twitter_share {
            margin-bottom: 16px
        }

        .sell_to_us .sell_r .submit button {
            width: 100%
        }

    .our_products_content {
        padding: 30px 12px
    }

    .helpNav {
        width: 100%
    }

    .navT {
        display: none
    }

    .helpT {
        width: 93%;
        margin: 0 auto;
        font-size: 24px;
        padding-top: 20px
    }

    .helpul {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-right: 0;
        padding: 0 10px
    }

        .helpul li {
            width: 49%;
            font-size: 13px;
            margin: 10px 0
        }

    .navB,
    .navT {
        width: 93%;
        font-size: 24px
    }

    .helpContent {
        width: 93%
    }

        .helpContent img {
            width: 90%
        }

    .helpContentBlod {
        font-size: 16px;
        margin: 0
    }

    .helpcontentUsual {
        font-size: 14px
    }

    .AboutUs {
        margin-top: 20px
    }

    .about_img_m {
        width: 100%;
        display: block
    }

    .about_img_pc {
        display: none
    }

    .abouttop {
        flex-direction: column;
        padding: 20px 0 30px
    }

    .aboutBootom {
        flex-direction: column;
        padding: 30px 0
    }

    .aboutTopRight {
        margin: 0;
        padding: 20px 0 0
    }

    .aboutCenter ul {
        flex-direction: column;
        padding: 10px 0
    }

        .aboutCenter ul li {
            width: 100%
        }

    .aboutBootom a {
        margin-top: 10px
    }

    .aboutCenter {
        margin-top: 31px
    }

    .AboutUs .title {
        margin: 0
    }

    .contactUs {
        display: flex;
        flex-direction: column
    }

    .contactRight {
        order: -1
    }

        .contactRight img {
            width: 100%;
            margin: 0
        }

    .contactLeft {
        width: 100%;
        margin: 20px 0
    }

    .contactC {
        padding: 0;
        margin-bottom: 10px
    }

    .allgame .breadcrumb {
        padding: 10px
    }

    .allgame .gameListTitle ul {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 10px
    }

        .allgame .gameListTitle ul li {
            width: auto
        }

    .allgame .gameList_first ul {
        grid-gap: 10px;
        padding: 0 10px
    }

        .allgame .gameList_first ul li {
            margin-right: 0
        }

    .allgame .gameListTitle ul li.active {
        color: #fff !important;
        background: linear-gradient(to bottom,#4879ff,#4879ff);
    }

    .contactUs_center {
        flex-direction: column;
        margin-top: 20px
    }

        .contactUs_center .contactUs_center_item {
            width: 100%
        }

    .contactUs_center_item_wrap {
        flex-direction: column
    }

        .contactUs_center_item_wrap .shadeWrap .shade {
            flex-wrap: wrap;
            justify-content: space-between
        }

    .your_information {
        padding: 0 10px;
        font-size: 24px;
        margin-top: 15px
    }

    .sell_to_us {
        padding: 0 10px
    }

    .sellOnline .sellOnlineButton {
        width: 100%;
        margin-right: 0
    }

    .AboutUs .AboutUs_center {
        flex-direction: column
    }

    .AboutUs .AboutUs_top {
        padding: 10px
    }

        .AboutUs .AboutUs_top .AboutUs_top_item,
        .AboutUs .AboutUs_top .AboutUs_top_item .AboutUs_p3 {
            width: 100%
        }

    .bredcrumbAbout {
        font-size: 24px
    }

    .sellOnline {
        height: auto;
        flex-direction: column;
        padding: 20px;
        border-radius: 5px
    }

    .sellTop_left .title {
        font-size: 15px
    }

    .sellTop_left span {
        width: 54px;
        height: 42px;
        line-height: 42px
    }

        .sellTop_left span i {
            font-size: 25px
        }

    .sellOnline .sellOnlineButton {
        width: 60%;
        font-size: 12px;
        height: 40px;
        margin-top: 10px
    }

    .sellOnline_wrap {
        padding: 10px
    }

    .contact_right span {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-top: 10px
    }

        .contact_right span i {
            font-size: 20px
        }

    .AboutUs .AboutUs_center .AboutUs_center_item {
        width: 100%
    }

    .sell_to_us .sell-tips {
        top: 23%;
        left: 37%
    }
}

@media(max-width:500px) {
    .vip-discount table .hidden-xs {
        display: none
    }
}