@media (max-width: 1200px) {
    .shopcart .cart-left {
        width: 67%;
    }

    .payment-method .payment-info ul {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1024px) {
    @font-face {
        font-family: 'Montserrat';
        src: url("../font/Montserrat-Medium.ttf");
        font-display: swap
    }

    @font-face {
        font-family: 'Montserrat Bold';
        src: url("../font/Montserrat-Bold.ttf");
        font-display: swap
    }

    @font-face {
        font-family: 'Montserrat Black';
        src: url("../font/Montserrat-Black.ttf");
        font-display: swap
    }

    @font-face {
        font-family: 'Montserrat SemiBold';
        src: url("../font/Montserrat-SemiBold.ttf");
        font-display: swap
    }

    @font-face {
        font-family: 'Oswald';
        src: url("../font/Oswald-Medium.ttf");
        font-display: swap
    }
    .waiting-box {
        width: 90%;
    }

    .waiting-box h2 {
        font-size: 20px;
    }

    .shopcart .ico {
        background-image: url(../pc/image/public_ico.png);
        background-repeat: no-repeat;
        background-size: 200px;
        content: '';
        display: inline-block;
    }

    .shopcart .cart-left,
    .shopcart .cart-right {
        float: none;
    }

    .shopcart .cart-right {
        position: relative;
        width: 100%;
        margin-top: 20px;
        top: 0 !important;
    }

    .shopcart .cart-left {
        width: 100%;
    }

    .shopcart .pc_cart_list {
        display: none !important;
    }

    .shopcart .goods_li .diyDetailInfo {
        left: -82px;
        width: 300px;
        top: 50px;
    }

    .shopcart .goods_li .diyDetailInfo::after {
        left: 45%;
    }

    .shopcart .goods_li .diyDetailInfo p {
        white-space: normal;
    }

    .mobile_title {
        display: block;
        font-size: 20px;
        padding: 0px 8px 20px;
    }

    .cart-left .common-info {
        padding: 20px 10px;
    }

    .cart-left .information>div {
        width: 100%;
    }

    .cart-left .common-info.delivery-info {
        margin-top: 20px;
        padding: 20px 10px;
    }

    .cart-left .common-info.payment-method {
        padding-right: 10px;
    }

    .payment-method .payment-info ul {
        grid-template-columns: repeat(4, 1fr);
        padding-right: 0;
    }

    .cart-left .information {
        display: block;
    }

    .order-info .order-top {
        display: none;
    }

    .cart-right .order-info {
        padding: 5px 10px 40px;
    }

    .order-info .order-price,
    .order-info h2,
    .order-info .order-coupon {
        padding: 0;
    }



    .mobile_cart_list.common {
        padding: 0;
    }

    .mobile_cart_list li {
        display: flex;
        padding: 15px 19px 15px 10px;
        position: relative;
        border-bottom: 1px solid #07254c;
    }

    .mobile_cart_list li:last-child {
        border: none;
    }

    .mobile_cart_list li .shopCartImages {
        height: 70px;
        width: 70px;
        margin-right: 25px;
        display: flex;
        align-items: center;
        justify-content: center;

    }

    .mobile_cart_list li img {
        max-height: 70px;
        max-width: 70px;
    }

    .mobile_cart_list li .goods-num {
        display: flex;
        align-items: center;
        margin: 12px 0;
    }

    .mobile_cart_list li .goods-num span {
        width: 26px;
        height: 30px;
        background: #072446;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile_cart_list li .goods-num span.sub {
        border-radius: 5px 0 0 5px;
    }

    .mobile_cart_list li .goods-num span.sub i {
        height: 2px;
        background-position: -171px -105px;
        width: 10px;
    }

    .mobile_cart_list li .goods-num span.add {
        border-radius: 0 5px 5px 0;
    }

    .mobile_cart_list li .goods-num span.add i {
        height: 10px;
        background-position: -187px -100px;
        width: 10px;
    }

    .mobile_cart_list li .goods-num input {
        width: 75px;
        height: 30px;
        background: #072446;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        color: #fff;
        text-align: center;
        font-size: 12px;
    }

    .mobile_cart_list li p {
        color: #e0e1ff;
        font-size: 12px;
    }

    .mobile_cart_list li .price {
        font-size: 16px;
        color: #0b85ea;
        margin-left: auto;
        padding-top: 10px;
        white-space: nowrap;
    }

    .mobile_cart_list li .delete i {
        position: absolute;
        bottom: 19px;
        right: 19px;
        background-position: -161px -56px;
        width: 12px;
        height: 13px;
    }

    .shopcart .mobile_cart_list {
        display: block !important;
        background: #060d25;
    }

    .delete-modal-box i {
        background-image: url(../pc/image/public_ico.png)
    }

    .delivery-info li.word-li p {
        padding: 0 10px;
    }

    .delete-modal-box {
        width: 90%;
        padding: 30px 20px 20px;
    }

    .delete-modal-box p {
        margin-bottom: 20px;
    }

    .cart-left .information .common-info .grid_items {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0px;
    }


    .cart-left .delivery-info .delivery-tips p.grid_img {
        display: block;
    }

    .cart-left .delivery-info .delivery-tips p.grid_img img {
        max-width: 600px;
    }

    /* 支付宝 */
    .alipaycn_payment {
        padding: 30px 10px;
        margin-top: 0;
    }

    .alipaycn_payment .orderDetails {
        display: block;
    }

    .alipaycn_payment .orderDetails>div {
        width: 100%;
        margin-bottom: 20px;
    }

    .alipaycn_payment .alipaycn_payment_instruction ul {
        display: block;
    }



    .payment-success,
    .failed_success.payment-success {
        padding: 30px 10px;
    }

    .failed_success.payment-success h3 {
        display: flex;
        margin-left: 0;
        flex-direction: column;
        padding: 20px 0;
        margin-bottom: 20px;
    }

    .payment-success ul {
        width: 100%;
        padding: 0;
    }

    .payment-success ul li {
        padding: 10px;
    }

    .payment-success ul li span {
        white-space: nowrap;
    }

    .payment-success h3 {
        font-size: 24px;
    }

    .payment-success .order-no {
        margin: 20px 0 40px;
    }

    .payment-success img.success {
        width: 70px;
        display: block;
        margin: 0 auto;
    }

    .payment-success i {
        display: none;
    }


    .orderRePay .goods-info {
        display: block;
        background: #060d25;
    }

    .orderRePay .goods-info.common {
        padding: 0;
    }

    .orderRePay .goods-info li {
        display: flex;
        padding: 15px 19px 15px 10px;
        position: relative;
        border-bottom: 1px solid #07254c;
        justify-content: space-between;
    }

    .orderRePay .goods-info li:last-child {
        border: none;
    }

    .orderRePay .goods-info li .shopCartImages {
        height: 70px;
        width: 70px;
        margin-right: 25px;
        display: flex;
        align-items: center;
        justify-content: center;

    }

    .orderRePay .goods-info li img {
        max-height: 70px;
        max-width: 70px;
    }

    .orderRePay .goods-info li .goods-num {
        display: flex;
        align-items: center;
        margin: 12px 0;
    }

    .orderRePay .goods-info li .goods-num span {
        width: 26px;
        height: 30px;
        background: #072446;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .orderRePay .goods-info li .goods-num span.sub {
        border-radius: 5px 0 0 5px;
    }

    .orderRePay .goods-info li .goods-num span.add {
        border-radius: 0 5px 5px 0;
    }

    .orderRePay .goods-info li .goods-num input {
        width: 75px;
        height: 30px;
        background: #072446;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        color: #fff;
        text-align: center;
        font-size: 12px;
    }

    .orderRePay .goods-info li p {
        color: #e0e1ff;
        font-size: 12px;
    }

    .orderRePay .goods-info li .price {
        font-size: 16px;
        font-family: 'Montserrat SemiBold';
        color: #0b85ea;
        margin-left: auto;
        padding-top: 10px;
        white-space: nowrap;
    }

    .orderRePay .goods-info li .delete i {
        position: absolute;
        bottom: 18px;
        right: 18px;
        width: 12px;
        height: 13px;
        background-position: -175px -65px;
    }

    .orderRePay .cart-list {
        display: none !important;
    }




    .mobile_fixed_cart {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 50px;
        display: none;
    }

    .mobile_fixed_cart .opacity-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        background: -webkit-linear-gradient(left, #5edeab, #2059d2);
        background: -o-linear-gradient(right, #5edeab, #2059d2);
        background: -moz-linear-gradient(right, #5edeab, #2059d2);
        background: linear-gradient(to right, #5edeab, #2059d2);
    }

    .mobile_fixed_cart .total-cart {
        position: absolute;
        z-index: 1;
        display: flex;
        align-items: center;
        font-family: 'Montserrat Bold';
        bottom: 0;
        height: 100%;
        width: 100%;
        justify-content: space-between;
        padding: 0 8px 0 20px;
    }

    .mobile_fixed_cart .total-cart p {
        font-size: 16px;
        color: #fff;
    }

    .mobile_fixed_cart .total-cart p .price {
        margin-left: 5px;
        font-size: 16px;
        font-family: 'Montserrat Bold';
    }

    .mobile_fixed_cart .total-cart button {
        background: #62e8a8;
        color: #fff;
        font-family: 'Montserrat Bold';
        font-size: 14px;
        padding: 10px 22px;
        height: 40px;
        border-radius: 40px;
    }

    .mobile_fixed_cart .total-cart button.noval {
        background: #ccc;
    }

    .anchTips {
        white-space: pre-wrap;
        padding: 10px;
        top: -64px;
    }

    .countryTips {
        left: 0;
        width: auto;
        white-space: nowrap;
    }


    .noCartDiv {
        padding: 50px 0;
    }


    .google_apple--warpper {
        display: block;
        margin-top: 0;
        padding: 20px;
    }

    .google_apple--warpper .google_apple_left {
        width: 100%;
        min-width: auto;
        margin-right: 0;
    }

    .google_apple--warpper .google_apple_right {
        margin-top: 40px;
    }

    .google_apple--warpper .title {
        font-size: 20px;

    }


    /* bt */
    .usdt_payment {
        padding: 20px 12px;
        display: block;
        text-align: center;
    }

    .usdt_payment .usdt_pay_left {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .usdt_payment .usdt_pay_right .pay-note-block {
        text-align: left;
    }

    .usdt_payment .usdt_pay_right ul li {
        font-size: 12px;
    }

    .usdt_payment .usdt_pay_right ul li span {
        text-align: left;
        white-space: nowrap;
        margin-right: 10px;
    }

    .usdt_payment .usdt_pay_right ul li p {
        font-size: 12px;
        word-break: break-all;
        text-align: right;
    }

    .usdt_payment .error_dialog {
        width: 90%;
    }

    .usdt_payment .error_dialog i {
        background-image: url(../pc/image/public_ico.png);
    }
}

@media (max-width: 840px) {
    .payment-method .payment-info li {
        width: 170px;
    }
}

@media (max-width: 768px) {
    .payment-method .payment-info ul {
        grid-template-columns: repeat(3, 1fr);
    }

    .payment-method .payment-info li {
        width: 190px;
    }

    .player__warp .playerContent .playerBox {
        flex-wrap: wrap;
    }

    .player__warp .playerContent .playerBox .player_name {
        width: 100%;
        flex: 1 100%;
    }
    .player__warp .playerContent .playerBox .player_price {
        width: 20%;
    }
}

@media (max-width: 630px) {
    .payment-method .payment-info li {
        width: 170px;
    }

    .cart-left .delivery-info .delivery-tips p.grid_img img,
    .cart-left .delivery-info .delivery-tips img {
        max-width: 100%;
    }
}

@media (max-width: 570px) {
    .payment-method .payment-info ul {
        grid-gap: 10px;
    }

    .payment-method .payment-info li {
        width: 165px;
    }


    .emailErrorTips {
        width: 90%;
    }
}

@media (max-width: 540px) {
    .payment-method .payment-info ul {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 15px;
    }

    .payment-method .payment-info.other-payment ul {
        height: 360px;
    }

    .payment-method .payment-info li {
        width: 100%;
    }

    .google_apple--warpper .google_apple_right .google_right_payment {
        padding: 20px 10px;
    }

    #pacypay_checkout {
        height: 450px;
    }

    .player__warp .playerContent .playerBox .player_price {
        width: 48%;
    }
    .player__warp .playerContent .playerBox .duration_select {
        width: 34%;
    }
}