@media(max-width:1024px) {
  a,
  body {
    -webkit-tap-highlight-color:transparent;
    -webkit-user-select:none;
    -moz-user-focus:none;
    -moz-user-select:none
  }
  .main {
    margin-top:124px
  }
  .container {
    width:100%
  }
  .web__hide {
    display:block
  }
  .mobile__hide {
    display:none
  }
  .nav_mobile_hide {
    display:none
  }
    .mmo_header {
        height: 50px;
        padding: 0px 15px 0px 8px;
        background: rgb(5, 6, 34);
    }
  .mmo_header .logo {
    margin-right:0;
    padding:0
  }
  .mmo_header .logo img {
    width:111px;
    min-width:111px;
    height:25px
  }
  .mmo_header .header_search,
  .mmo_header .header_country,
  .mmo_header .header__pc--user {
    display:none
  }
        .mmo_header .header_menu {
            display: flex;
            margin-right: 15px;
       
            color: rgb(255, 255, 255);
            background: rgb(86, 79, 255);
            border-color: rgb(86, 79, 255);
            padding: 8px 4px 6px 6px;
            white-space: nowrap;
            box-sizing: border-box;
            text-align: center;
            border-radius: 4px;
            border-width: 1px;
            border-style: solid;
        }
  .mmo_header .header_menu .icon-menu {
    font-size:14px;
   /* color:#ee6a25*/
  }
  .mmo_header .header_common--style.header_currency {
    margin:0
  }
  .mmo_header .header_common--style .common_child {
    left:-41px
  }
  .mmo_header .header_common--style .common_child .common_list a {
    height:36px
  }
  .mmo_header .header_cart {
    margin:0
  }
  .mmo_header .header_cart.bounce {
    -webkit-animation-name:bounce;
    animation-name:bounce;
    -webkit-animation-duration:1s;
    animation-duration:1s
  }
  .mmo_header .header_common--style .common_title {
    height:30px;
    padding:0 6px;
    font-size:12px
  }
    .mmo_header .header_common--style .common_title p {
        margin: 0 8px;
       /* color: #444;*/
    }
  .mmo_header .header_cart .header__cart--title {
    height:auto;
    width:auto;
    background:0 0;
    position:relative
  }
  .mmo_header .header_cart .header__cart--title i {
    color:#ee6a25;
    margin-right:0
  }
        .mmo_header .header_cart .header__cart--title em {
            position: absolute;
            top: -5px;
            right: -8px;
            width: 17px;
            height: 17px;
            background: #1daeff;
            color: #fff;
            min-width: 17px;
            font-size: 12px
        }
  .mmo_header .header__mobile--user {
    margin:0 15px
  }
  .mmo_header .header__mobile--user i {
    font-size:23px;
    color:#0082fb
  }
  nav {
    top:48px
  }
  nav .nav__categories {
    display:none
  }
  nav .other__nav {
    display:grid;
    grid-template-columns:repeat(5,1fr);
    width:100%;
    align-items:baseline
  }
  nav .other__nav a,
  nav .other__nav a .liveChat {
    flex-direction:column;
    align-items:center;
    justify-content:center;
    font-size:12px;
    padding:0;
    height:80px;
    font-family:sans
  }
  nav .other__nav a.liveChat {
    display:flex
  }
  nav .other__nav a::after {
    display:none
  }
  nav .other__nav a i {
    margin-bottom:9px;
    margin-right:0;
    font-size:18px
  }
  .breadcrumb {
    padding-left:10px
  }
  .mmo_footer {
    padding:30px 25px
  }
  .mmo_footer .footer_head {
    display:block
  }
  .mmo_footer .footer_head .footer_head_l,
  .mmo_footer .footer_fee {
    display:none
  }
  .footer__payment {
    display:none
  }
  .mmo_footer .footer_shade {
    display:flex;
    flex-direction:column;
    justify-content:center
  }
  .mmo_footer .footer_shade .flexItemCenter {
    justify-content:center
  }
    .mmo_footer .footer_shade ul li {
       text-align:center
    }
  .mmo_footer .footer_shade .pc_widget {
    display:flex;
    width:100%;
    text-align:center;
    align-items:center;
    justify-content:center;
    border:none;
    padding:0
  }
  .mmo_footer .mobile__footer--copy {
    text-align:center;
    font-size:12px
  }
  .mmo_footer .mobile__footer--country {
    display:flex;
    align-items:center;
    justify-content:center;
    margin:30px 0
  }
    .mmo_footer .mobile__footer--country .country__value {
        height: 30px;
        border-radius: 4px 4px 4px 4px;
        border: 1px solid hsla(0,0%,100%,.12);
        padding: 0 9px;
        border-radius: 3px;
        font-size: 12px
    }
  .mmo_footer .mobile__footer--country .country__value p {
    margin:0 5px
  }
  .mmo_footer .mobile__footer--country .country__value i {
    font-size:12px
  }
    .mmo_footer .mobile__footer--country .country__list {
        background: hsl(228 35% 18%/1);
        width: 150px;
        padding: 10px 0;
        border-radius: 4px;
        top: -175px;
        left: -23px;
        display: none
    }
  .mmo_footer .mobile__footer--country .country__list.display {
    display:block
  }
  .mmo_footer .mobile__footer--country .country__list::after {
    content:'';
    position:absolute;
    bottom:-6px;
    left:48%;
    transform:rotate(136deg);
    border:9px solid #444;
    border-bottom:8px solid transparent;
    border-left:8px solid transparent;
    border-radius:0 2px 0 0
  }
  .mmo_footer .mobile__footer--country .country__list a {
    padding-left:15px;
    color:#d4d4d4;
    height:36px
  }
  .mmo_footer .mobile__footer--country .country__list a span {
    margin-right:10px
  }
  .footerCommonSet {
    right:15px;
    bottom:50px
  }
  .footerCommonSet.backTop {
    bottom:110px
  }
  .slide__dialog {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    overflow:auto;
    margin:0;
    z-index:199;
    background:rgba(0,0,0,.5);
    display:none
  }
  .slide__dialog.display {
    display:block;
    -webkit-animation-name:slideIn;
    animation-name:slideIn;
    -webkit-animation-duration:.2s;
    animation-duration:.2s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards
  }
  .slide__dialog .slide__warp {
    width:85%;
    height:100%;
    background:#151515
  }
    .slide__dialog .slide__warp .slide__close {
        left: 85%;
        top: 5px;
        width: 45px;
        height: 45px;
        color: #fff;
        background: rgb(82, 62, 201);
        z-index: 0;
        position: fixed
    }
  .slide__dialog .slide__warp .slide__search {
    background:#444;
    padding:10px 15px
  }
  .slide__dialog .slide__warp .slide__search .search_input i {
    right:10px;
    top:8px;
    font-size:24px;
    color:#fff
  }
  .slide__dialog .slide__warp .slide__search input {
    width:100%;
    border:none;
    background:#222121;
    color:#fff
  }
  .slide__dialog .slide__warp .slide__search .search_list {
    background:#222121;
    width:calc(100% - 30px);
    top:52px;
    max-height:300px;
    overflow-y:auto;
    display:none
  }
  .slide__dialog .slide__warp .slide__search .search_list.display {
    display:block
  }
  .slide__dialog .slide__warp .slide__search .search_list a {
    color:#fff;
    padding:10px
  }
  .slide__dialog .slide__warp .slide__search .search_list a img {
    margin-left:10px
  }
    .slide__dialog .slide__warp .slide__categories {
        background: hsl(227 28% 21%/1);
        margin-top: 5px
    }
        .slide__dialog .slide__warp .slide__categories .slide__categories_title {
            color: #fff;
            padding: 10px 15px;
            font-size: 20px;
            border-bottom: 1px solid hsla(0,0%,100%,.12)
        }
        .slide__dialog .slide__warp .slide__categories .slide__categories_list a {
            color: #fff;
            padding: 10px 15px;
            border-bottom: 1px solid hsla(0,0%,100%,.12)
        }
  .slide__dialog .slide__warp .slide__categories .slide__categories_list a img {
    width:20px;
    margin-right:10px
  }
  .slide__dialog .slide__warp .slide__categories .slide__categories_list a:nth-of-type(n+17) {
    display:none
  }
  .slide__dialog .slide__warp .slide__categories .slide__categories_list a.allgame {
    display:flex
  }
    .slide__dialog .slide__warp .slide__contact {
        background: hsl(227 28% 21%/1);
        margin-top: 5px
    }
        .slide__dialog .slide__warp .slide__contact a {
            display: block;
            padding: 10px 15px;
            color: #fff;
            border-bottom: 1px solid hsla(0,0%,100%,.12);
            font-size: 14px;
            -webkit-text-size-adjust: 100%
        }
  .nw_dialog {
    width:90%
  }
  .nw_dialog button {
    width:48%;
    min-width:48%;
    padding:0;
    margin-right:10px
  }
  .nw_dialog button.yes {
    margin-right:10px
  }
  .addCartAnimate {
    -webkit-animation-name:flyCart;
    animation-name:flyCart;
    -webkit-animation-duration:.7s;
    animation-duration:.7s;
    -webkit-animation-delay:0s;
    animation-delay:0s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    width:400px;
    display:block;
    position:fixed;
    top:0;
    opacity:.6;
    z-index:10000
  }
  .addCartAnimate img {
    width:100%
  }
  .page_404 .pc_img {
    width:100%;
    height:auto
  }
  .page_404 {
    padding:50px 10px
  }
  .page_404 p {
    font-size:18px;
    text-align:center
  }
  @keyframes flyCart {
    0% {
      -webkit-transform:translate(0,0) scale(1);
      transform:translate(0,0) scale(1);
      -webkit-animation-timing-function:cubic-bezier(.25,.25,.75,.75);
      animation-timing-function:cubic-bezier(.25,.25,.75,.75)
    }
    100% {
      -webkit-transform:translate(360px,20px) scale(0);
      transform:translate(360px,20px) scale(0)
    }
  }
  @keyframes bounce {
    20%,
    53%,
    80%,
    0%,
    100% {
      -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
      animation-timing-function:cubic-bezier(.215,.61,.355,1);
      -webkit-transform:translate3d(0,0,0);
      transform:translate3d(0,0,0)
    }
    40%,
    43% {
      -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
      animation-timing-function:cubic-bezier(.755,.05,.855,.06);
      -webkit-transform:translate3d(0,-10px,0);
      transform:translate3d(0,-10px,0)
    }
    70% {
      -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
      animation-timing-function:cubic-bezier(.755,.05,.855,.06);
      -webkit-transform:translate3d(0,-10px,0);
      transform:translate3d(0,-10px,0)
    }
    90% {
      -webkit-transform:translate3d(0,-4px,0);
      transform:translate3d(0,-4px,0)
    }
  }
  @keyframes slideIn {
    0% {
      left:-100%
    }
    100% {
      left:0
    }
  }


    .header_right .header_cart .cart-list-mmo {
        position: fixed;
        right: -100%;
        top: 0;
        height: 100%;
        display: block;
        opacity: 1;
        padding-top: 0;
        border-radius: 0;
        width: 85%;
        min-width: 85%;
        background: #060d25;
    }
        .header_right .header_cart .cart-list-mmo em {
            font-style: normal;
        }
        .header_right .header_cart .cart-list-mmo.display {
            right: 0;
            animation: none;
            transition: all .2s;
            display: flex;
            flex-direction: column;
        }

        .header_right .header_cart .cart-list-mmo .mobile__cart--title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px 10px;
            font-size: 18px;
            background: #060d25;
            border-bottom: 2px solid #000;
        }

            .header_right .header_cart .cart-list-mmo .mobile__cart--title i.close_ico {
                width: 13px;
                height: 13px;
                background-position: -185px -385px;
            }

        .header_right .header_cart .cart-list-mmo .cart-total {
            margin-top: auto;
            border-top: 1px solid #000;
        }

        .header_right .header_cart .cart-list-mmo ul {
            max-height: 100%;
            background: #060d25;
        }

        .header_right .header_cart .cart-list-mmo .cart-total,
        .header_right .header_cart .cart-list-mmo .cart-button {
            background: #060d25;
        }

        .header_right .header_cart .cart-list-mmo li {
            border-bottom: 1px solid #000;
        }

        .header_right .header_cart .cart-list-mmo::before {
            display: none;
        }

    .addCartImg {
        -webkit-animation-name: flyCart;
        animation-name: flyCart;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        display: block;
        position: fixed;
        opacity: 1;
        z-index: 10000;
    }

        .addCartImg img {
            width: 80px;
        }

    @keyframes bounce {

        20%, 53%, 80%, 0%, 100% {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        40%, 43% {
            -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
            animation-timing-function: cubic-bezier(.755, .05, .855, .06);
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
        }

        70% {
            -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
            animation-timing-function: cubic-bezier(.755, .05, .855, .06);
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
        }

        90% {
            -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
        }
    }

    .ig_header .mobile_cart i {
        width: 22px;
        height: 23px;
        background-position: -60px 0;
    }

    .ig_header .mobile_cart .cart-num {
        position: absolute;
        background: red;
        color: #fff;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        top: -6px;
        left: 10px;
        line-height: 20px;
        text-align: center;
        font-size: 12px;
    }


}
@media(max-width:800px) {
    .page_404 a {
        padding: 0 30px;
        width: 160px;
        text-align: center;
    }
    .altrDialog {
        width: 95%;
        min-width: 95%
    }
        .cartDialog {
    width:95%;
    min-width:95%
  }
  .cartDialog ul {
    padding:0 10px
  }
  .cartDialog li {
    padding:15px 0
  }
  .cartDialog li .headerCart_shopInfo {
    display:block
  }
  .cartDialog li .cartImages {
    min-width:80px;
    width:80px;
    height:80px
  }
  .cartDialog li .priceBox {
    min-width:auto;
    text-align:left
  }
  .cartDialog li .headerCart_shopInfo .title {
    width:auto
  }
  .cartDialog li.goods_item .goodsNum {
    width:140px
  }
  .cartDialog li.goods_item .goodsNum span {
    min-width:35px;
    height:30px;
    width:35px
  }
  .cartDialog li.goods_item .goodsNum input {
    height:30px
  }
  .account__dialog {
    width:95%;
    min-width:inherit;
    padding:40px 20px 20px
  }
  .nw_goodList .goods_item .goodsBtn .buynow {
    line-height:inherit;
    font-size:13px
  }
}