@media(max-width:1024px) {
    .pcd4_template {
        display: none
    }
    .goods-sever {
        grid-template-columns: repeat(2,1fr);
    }
    .md4_template {
        margin-top: 20px;
        display: block
    }

    .choose_products {
        padding: 0 10px 42px;
        height: auto
    }

        .choose_products h2 {
            font-size: 24px
        }

        .choose_products .chooseList {
            grid-template-columns: repeat(2,1fr)
        }

            .choose_products .chooseList a p {
                font-size: 16px;
            }

    .goods .goods_device .goods_select_list.show,
    .goods .goods_server .goods_select_list.show {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-gap: 10px
    }

    .goods .goods_device .ass_cdks .goods_select_list.show {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-gap: 10px
    }

    .goods .goods_device .goods_select_list .list_item,
    .goods .goods_server .goods_select_list .list_item {
        margin: 0;
        padding: 0 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 44px;
        font-size: 12px;
        white-space: break-spaces
    }

    .goods .common_select .goods_select_list .list_item img {
        width: 20px
    }

    .goods .goods_search {
        padding: 0 10px;
        margin-top: 10px
    }

    .goods__header h2 {
        font-size: 20px;
        padding-left: 10px
    }

    .goods .goods_content h2 {
        padding: 0 12px;
        font-size: 24px
    }

    .goods .goods_template {
        padding: 0 12px
    }

    .goods .goodsPageShipList.item_goodList ul {
        grid-template-columns: repeat(3,1fr);
        padding: 0 10px
    }

    .goods .goods_template .templateList {
        display: block
    }

    .goods .d4__template.md4_template .templateList {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 10px
    }

        .goods .d4__template.md4_template .templateList a {
            padding: 0;
            white-space: pre-line;
            line-height: normal;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0
        }

    .goods .goods_template .templateList a {
        width: 100%;
        display: block;
        margin-bottom: 10px;
        margin-right: 0;
        text-align: center
    }

    .goods__header .goods__template {
        flex-wrap: wrap;
        padding: 0 10px 10px;
        grid-gap: 10px;
        display: grid;
        grid-template-columns: repeat(2,1fr)
    }

        .goods__header .goods__template a {
            min-width: auto;
            padding: 0 3px;
            font-size: 12px;
            display: flex;
            align-items: center;
            justify-content: center
        }

            .goods__header .goods__template a.active {
                /*background: #fff*/
            }

    .goods .common_select {
        margin-right: 0;
        margin-bottom: 20px;
        padding: 0 10px
    }
  

        .goods .common_select .goods_server_child_item {
            width: 100%
        }

    .goods .goods_server_child .goods_server_child_item .goods_select_list.show {
        grid-template-columns: repeat(4,1fr)
    }

    .goods .goods_cate_child .goods_server_child_item .goods_select_list.show {
        grid-template-columns: repeat(3,1fr)
    }

    .nw_goodList .goods_item .elden_attr {
        width: 100%
    }

    .home__reviews {
        padding: 0 10px
    }

        .home__reviews .reviews__list {
            grid-template-columns: repeat(2,1fr)
        }

    .goods_boosting .boosting_ship {
        display: flex;
/*        flex-flow: column-reverse;*/
        padding: 0 12px
    }

        .goods_boosting .boosting_ship .boosting_ship_right {
            margin-left: 0;
            margin-bottom: 40px;
            width: 100%;
            border-top: none
        }

        .goods_boosting .boosting_ship .goodsPageShipList .boostingData {
           /* padding: 170px 16px 40px*/
        }

    .goods_boosting .boostingData .common_select {
        padding: 0
    }

    .goods_boosting .common_select {
        padding: 0 10px
    }

    .goods_boosting .goodsPageShipList .goodsImg {
        text-align: right
    }

        .goods_boosting .goodsPageShipList .goodsImg img {
            width: auto;
            max-height: 400px;
            max-width: 100%
        }

    .goods_boosting .goodsPageShipList .item-level .level-1,
    .goods_boosting .goodsPageShipList .item-level .level-3,
    .goods_boosting .goodsPageShipList .item-level input {
        width: 100%
    }

    .goods_boosting .goodsPageShipList .item-level .level-2 {
        margin: 0 5px
    }

    .goods_boosting.fallout_boosting .transverse_boosting {
        background-image: url(/static/web/image/fallout76_boosting.jpg)
    }

    .goods_boosting .transverse_boosting {
        padding: 0;
        margin: 20px 12px;
        height: auto
    }

        .goods_boosting .transverse_boosting .goodsPageShipList .boostingData {
            padding: 0 20px 20px;
            display: flex;
            flex-direction: column;
            align-items: center
        }

    .goods_boosting .goods_device {
        padding: 0 10px
    }

    .transverse_boosting .goods_item .goodsBtn {
        width: 100%
    }

    .goods_boosting .transverse_boosting .goods_item .goodsBtn span.buynow {
        width: 100%
    }

    .goods_boosting .transverse_boosting .boosting_range {
        border: none;
        width: auto;
        margin-right: 0;
        padding: 20px 0 40px;
        width: 100%
    }

    .goods_boosting .transverse_boosting .transverse_boosting_right {
        width: 100%
    }

    .dialog_items {
        width: 90%
    }

    .aboutGame .desc {
        width: 100%
    }

    .game_temp_about {
        padding: 0 10px 50px
    }

        .game_temp_about h2 {
            font-size: 19px
        }

    .aboutGame .about_title h2 {
        padding-left: 12px;
        font-size: 20px
    }

    .aboutGame > .container {
        display: block;
        padding: 0 12px
    }

    .aboutGame .about_meta {
        margin-left: 0;
        width: 100%;
        margin-top: 30px
    }

    .goodsPageShipList .goods_item .item_describe {
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        opacity: 1;
        display: none;
        position: fixed
    }

        .goodsPageShipList .goods_item .item_describe.display {
            display: block;
            transform: translate(-50%,-50%)
        }

    .goodsPageShipList .goods_item .elden_describe.display img {
        width: 100%
    }

    .goodsPageShipList .goods_item:nth-child(5n) .item_describe {
        left: 50%
    }

    .goods .goods__sort {
        margin-bottom: 20px;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 15px;
        padding: 0 10px
    }

        .goods .goods__sort .sort__item {
            margin: 0
        }

    .goods .gold_list_wrap .goodsPageShipList ul {
        grid-template-columns: repeat(5,auto);
    }
    .goods .gold_list_wrap .goodsPageShipList .mmogolds_amount_total .mmogolds_amount_number, .goods .gold_list_wrap .goodsPageShipList .mmogolds_amount_total .priceBox .true_price, .goods .gold_list_wrap .goodsPageShipList .mmogolds_amount_total .mmogolds_amount_discount {
        font-size: 20px;
    }
      .gold_list_wrap #goods_list {
            width: 50%;
            padding: 20px 10px
        }

        .goods .gold_list_wrap .gold_info {
            margin-left:20px;
            width: 45%
        }

        .goods .gold_list_wrap #goods_list .goods_price.true_price {
            margin-top: 20px
        }
}
    @media(max-width:768px) {
        .goods .goods_device .ass_cdks .goods_select_list.show {
            display: grid;
            grid-template-columns: repeat(2,1fr);
            grid-gap: 10px
        }
        .goods-sever {
            grid-template-columns: repeat(1,1fr);
        }
        .goods__header .goods__template a .imgico {
            width: 27px;
            height: 27px;
        }
        .goods__header .goods__template a i {
            width: 25px;
            height: 25px;
            font-size: 12px;
        }
        .goods__header .goods__template a .link-icos {
        
            margin:0 0 0 2px;
           
        }
        .choose_products .chooseList {
            grid-template-columns: repeat(1,1fr)
        }

        .goods .gold_warp--content {
            display: block;
            padding: 0 10px
        }

        .gold_list_wrap #goods_list {
            width: 100%;
            padding: 20px 10px
        }

        .goods .gold_list_wrap .gold_info {
            margin: 20px 0;
            width: 100%
        }

        .goods .gold_list_wrap #goods_list .goods_price.true_price {
            margin-top: 20px
        }

        .goods .goods_server_child .goods_server_child_item .goods_select_list.show,
        .goods .goods_cate .goods_server_child_item .goods_select_list.show,
        .goods .goods_cate_child .goods_server_child_item .goods_select_list.show {
            grid-template-columns: repeat(2,1fr);
            display: grid;
            grid-gap: 10px
        }

        .goods .goods_cate_child .goods_server_child_item .goods_select_list .list_item,
        .goods .goods_server_child .goods_server_child_item .goods_select_list .list_item {
            padding: 0 5px
        }

        .goods .goods_cate_child .goods_server_child_item .goods_select_list .list_item {
            font-size: 12px
        }

        .goods .goods_cate .goods_server_child_item .goods_select_list .list_item {
            margin: 0;
            padding: 0 3px;
            justify-content: center;
            font-size: 12px
        }

        .goods .goods_cate .categoryul .goods_server_child_item .goods_select_list .list_item {
            margin: 0;
            padding: 0 3px;
            justify-content: left;
            font-size: 12px
        }

        .goods .goods_search {
            flex-direction: column;
            align-items: center;
            justify-content: inherit
        }

            .goods .goods_search .sever_title {
                margin-bottom: 15px
            }

            .goods .goods_search .input_box {
                width: 100%
            }

                .goods .goods_search .input_box input {
                    width: 100%
                }

        .goods .goods_device .goods_select_list.show,
        .goods .goods_server .goods_select_list.show {
            grid-template-columns: repeat(2,1fr)
        }

        .home__reviews .trustpilot {
            margin: 30px 0 20px;
            font-size: 18px
        }

        .home__reviews .reviews__list {
            grid-template-columns: repeat(1,1fr)
        }

            .home__reviews .reviews__list .reviews__item {
                border-radius: 5px
            }

        .goods .goodsPageShipList.item_goodList ul {
            grid-template-columns: repeat(2,1fr);
            grid-gap: 10px;
        }

        .goods .gold_list_wrap .goodsPageShipList ul {
            grid-template-columns: repeat(6,auto);
        }
        .item_goodList.nw_goodList .goods_item .goods_title {
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4;
         
        }
        .d4__attr .item__select {
            position: static;
            width: 100%
        }

        .d4__attr.display {
            padding: 0 10px
        }

        .d4__attr .d4__attr--item {
            position: relative;
            width: 100%
        }

        .d4__attr .item__select .select__value input {
            width: 100%
        }

        .d4__attr .d4__attr--item .item__minNum input,
        .d4__attr .d4__attr--item .item__maxNum input {
            width: 60px
        }
    }
@media(max-width:810px) {
    .goods .gold_list_wrap .goodsPageShipList ul {
        grid-template-columns: repeat(3,auto);
    }
}
@media(max-width:500px) {
    .goods .gold_list_wrap .goodsPageShipList ul {
        grid-template-columns: repeat(2,auto);
    }
}

@media(max-width:375px) {
    .goods .gold_list_wrap .goodsPageShipList ul {
        grid-template-columns: repeat(2,auto);
    }
}