

.shopCart input:-webkit-autofill {

    -webkit-text-fill-color: hsla(0,0%,100%,.8);

    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;

    transition: background-color 50000s ease-in-out 0s !important;

    caret-color: hsla(0,0%,100%,.8);

}

.shopCart .hasValueColor input:-webkit-autofill {

    -webkit-box-shadow: 0 0 0px 1000px #c3c3c3 inset !important;

}



.shopCart input:focus {

/*    border: 2px solid #EE6A25;*/

}

.mobile_cart_goodsList {

    display: none !important;

}



.shopCart .shipBox {

    padding-top: 30px;

    padding-bottom: 60px;

}



.shop_bred_item {

    text-align: center;

    color: #0082FB;

}

.breadcrumb .bredcrumbAbout {

    padding: 4px 0;

}

    .breadcrumb .bredcrumbAbout .shop_bred_item span {

        width: 40px;

        height: 40px;

        background: hsla(0,0%,100%,.08);

        display: flex;

        align-items: center;

        justify-content: center;

        margin-bottom: 10px;

        border-radius: 4px;

    }



.bredcrumbAbout .line.first {

    background: url(../image/payment_order_icon.png) transparent;

    background-size: 100%;

    height: 8px;

    margin-top: -32px;

}



.shop_bred_item span i {

    font-size: 22px;

}



.breadcrumb .bredcrumbAbout .shop_bred_item:last-child p {

    color: inherit;

}



.shop_bred_item:last-child {

    color: inherit;

    margin-left: 22px;

}



.bredcrumbAbout .line {

    width: 80px;

    height: 3px;

    background: hsla(0,0%,100%,.12);

    margin-top: -29px;

}



.shopCart .shoppingcart__content {

    align-items: flex-start;

}



.shopCart .shoppingcart_left {

    width: 970px;

    margin-right: 20px;

    background-color: #0f102c;

    padding: 25px 30px 30px;

    border-radius: 4px;

}



.shopCart .common_title {

    font-size: 20px;

    color: hsl(0 0% 100%/1);

    margin-bottom: 10px;

}



.shopCart .shoppingcart_right .common_title {

    color: #fff;

}



.shopCart .userInfo .input_box {

    width: 49%;

    margin-bottom: 10px;

    position: relative;

}



.shopCart .userInfo .input_box i {

    top: 10px;

    left: 13px;

    color: RGBA(177, 177, 177, 0.5);

    font-size: 20px;

}

.shopCart .userInfo .phone input {

    padding-left: 15px;

}



.shopCart .userInfo .contact input {

    padding-left: 15px;

}



.shopCart .userInfo input {

    width: 100%;

    height: 44px;

    background: hsla(0,0%,100%,.08);

    border-radius: 2px 2px 2px 2px;

    padding: 0 15px 0 45px;

    border: 1px solid #eceef00d;

    color: hsla(0,0%,100%,.8);

}

.shopCart .userInfo .input_box.hasValueColor input {

    background: #c3c3c3;

}

.shopCart .userInfo .email .select_email {

    position: absolute;

    left: 0;

    top: 50px;

    background: #fff;

    max-height: 300px;

    overflow-y: auto;

    z-index: 1;

    width: 100%;

    display: none;

    box-shadow: 0px 0px 29px 0px rgb(0 0 0 / 12%);

}



.shopCart .userInfo .email .select_email p {

    color: #101822;

    margin-bottom: 0;

    padding: 10px 5px;

    white-space: nowrap;

    cursor: pointer;

    display: flex;

    align-items: center;

}



.shopCart .userInfo .email .select_email p:hover {

    background: #315973;

    color: #fff;

}



.shopCart .userInfo .country .cityTitle {

    width: 100%;

    height: 44px;

    background: hsla(0,0%,100%,.08);

    border-radius: 2px 2px 2px 2px;

    padding: 0 15px;

    color: hsla(0,0%,100%,.8);

    border: 1px solid #eceef00d;

}

.shopCart .userInfo .country.hasValueColor .cityTitle {

    background: hsla(0,0%,100%,.08);

    color: hsla(0,0%,100%,.8);

    border: 1px solid #eceef00d;

}

.shopCart .userInfo .country .cityTitle img {

    margin-right: 10px;

}



.shopCart .userInfo .country .cityTitle i {

    color: hsla(0,0%,100%,.8);

    font-size: 12px;

}



.shopCart .userInfo .country .country_select--down {

    position: absolute;

    left: 0;

    top: 50px;

    background: #0f102c;

    z-index: 1;

    display: none;

    box-shadow: 0px 0px 29px 0px rgb(0 0 0 / 12%);

    border: 1px solid hsla(0,0%,100%,.12);

}



.shopCart .userInfo .country .country_select--down .country_select--list {

    overflow-y: auto;

    max-height: 400px;

}



.shopCart .userInfo .country .country_select--down.show {

    display: block;

}



.shopCart .userInfo .contact_select .drp_down_select.show {

    display: block;

}



.shopCart .userInfo .country .country_select--down .country_search {

    padding: 5px 10px;

    border-bottom: 1px solid hsla(0,0%,100%,.12);

}



    .shopCart .userInfo .country .country_select--down .country_search input {

        background: none;

        color: #fff;

        padding-left: 10px;

        border: 0px solid #dbdbdb;

        width: 100%;

        background: hsla(0,0%,100%,.08);

    }



.shopCart .userInfo .country ul li {

    color: #fff;

    margin-bottom: 0;

    padding: 8px 16px;

    white-space: nowrap;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.shopCart .userInfo .country ul li.hide {

    display: none;

}



.shopCart .userInfo .country ul li img {

    margin-right: 5px;

}



    .shopCart .userInfo .country ul li:hover .country_item--left {

        color: hsl(36 100% 50%/1);

    }

.shopCart .userInfo .country ul li:hover

 {

   background: hsla(0,0%,100%,.08);

}





    .shopCart .userInfo .country ul li .country_item--right {

        color: hsl(36 100% 50%/1);

   

        margin-left: 10px;

    }



.shopCart .userInfo .country ul .popular {

    display: block;

    width: 100%;

    border-bottom: 1px dashed #ccc;

    margin: 5px 0;

}



.shopCart .userInfo .input_box.pass {

    width: 100%;

    display: none;

}

.shopCart .userInfo .input_box.message {

    width: 100%;

 

}

.shopCart .userInfo .email_phone {

    align-items: baseline;

}

.shopCart .userInfo .country__phone {

    width: 49%;

}

.shopCart .userInfo .aboutVip {

    color: hsla(0,0%,100%,.6);

}

.shopCart .userInfo .aboutVip a {

    color: #0082FB;

}



.shopCart .userInfo .aboutVip a:hover {

    text-decoration: underline;

}



    .shopCart .userInfo .aboutVip .checkBox {

        width: 15px;

        min-width: 15px;

        height: 15px;

        border: solid 1px hsla(0,0%,100%,.6);

        cursor: pointer;

        margin-right: 10px;

    }



.shopCart .userInfo .aboutVip .checkBox:hover {

    border-color: #0082FB;

}



.shopCart .userInfo .aboutVip .checkBox i {

    display: none;

    color: #fff;

}



.shopCart .userInfo .aboutVip .checkBox.checked {

    border-color: #0082FB;

    background: #0082FB;

}



.shopCart .userInfo .aboutVip .checkBox.checked i {

    display: block;

}





.shopCart .deliveryInfo {

    padding: 25px 0;

    margin: 30px 0;

    border-top: 1px solid hsla(0,0%,100%,.12);

    border-bottom: 1px solid hsla(0,0%,100%,.12);

}

.shopCart .payment_method .payment_item {

    display: block;

    cursor: pointer;

    height: 100%;

    background: #fff;

    padding: 14px 0px 9px 12px;

    border-radius: 4px;

    border: 2px solid #fff;

}



.shopCart .payment_method .paymentList {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    grid-gap: 13px;

    margin-bottom: 30px;

}

 

.shopCart .payment_method .payment_item.active {

    border-color:rgba(0, 130, 251, 1);

}



.shopCart .payment_method .payment_item .paymentImg {

    background-color: #ffffff;

    position: relative;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    min-height: 45px;

    /*  border-radius: 4px;*/

}





.shopCart .checked {

    margin-top: 5px

}



    .shopCart .checked a {

        text-align: right;

        color: #0082FB;

    }







    .shopCart .checked a:hover {

        text-decoration: underline

    }



    .shopCart .checked p {

        cursor: pointer

    }

    .shopCart .checked span {

        color:#fff;

    }

    .shopCart .checked p {

        white-space: nowrap

    }



        .shopCart .checked p.active label {

            border: 1px solid #0082FB

        }



    .shopCart .checked label {

        min-width: 18px;

        height: 18px;

        border-radius: 2px;

        border: 1px solid #777;

        margin-right: 8px;

        cursor: pointer

    }



        .shopCart .checked label i {

            display: none;

            color: #0082FB

        }



    .shopCart .checked p.active label i {

        display: block

    }



.shopCart .payment_method .payment_item.usdt .paymentImg {

    background: #01a276;

}



.shopCart .payment_method .payment_item .paymentImg img {

    max-width: 100%;

    max-height: 100%;

}



.shopCart .payment_method .payment_item .select__icon {

    display: none;

}



.shopCart .payment_method .payment_item.active .select__icon {

    display: block;

}



    .shopCart .payment_method .payment_item.active .select__icon i {

        position: absolute;

        top: -14px;

        left: -9px;

        color: #fff;

        z-index: 50;

    }



    .shopCart .payment_method .payment_item.active .select__icon::before {

        content: "";

        display: block;

        width: 0;

        height: 0;

        position: absolute;

        left: 0;

        top: 0;

        margin: -40px 0 0 -38px;

        border-top: 25px solid transparent;

        border-right: 25px solid rgba(0, 130, 251, 1);

        border-bottom: 25px solid transparent;

        border-left: 25px solid transparent;

        transform: rotate(45deg);

    }



.shopCart .payment_method .payment_item.active .paymentFree {

    background: rgba(0, 130, 251, 1);

}



.shopCart .payment_method .payment_item .paymentFree {

    font-size: 12px;

    font-weight: 400;

    line-height: 20px;

    position: absolute;

    right: -2px;

    top: -16px;

    height: 20px;

    padding: 0 10px;

    color: #fff;

    border-radius: 0 4px 0 8px;

    background: #737193;

}



.payment_method .payment_item.airwallex.active .iframeParents {

    display: block;

}



.payment_method .payment_item .iframeParents .airwallexBox {

    background: #fff;

    position: relative;

}



.payment_method .payment_item .iframeParents {

    margin: 10px 0 20px;

    padding: 0 0 0 30px;

}



.payment_method .payment_item .iframeParents #card,

.payment_method .payment_item .iframeParents #card2 {

    border: solid 1px #b7b7b7;

    padding: 10px 20px;

}



.payment_method .more {

    margin-top: 10px;

}



.payment_method .more span {

    color: #d5a602;

    font-size: 16px;

    display: flex;

    margin-left: 30px;

}



.payment_method .more span:hover {

    color: #d52b1e;

}



.shoppingcart_right button.checkout {

    width: 100%;

    height: 54px;

    background-color: #EE6A25;

    border-radius: 4px;

    color: #ffffff;

    font-size: 16px;

    margin-top: 16px;

    position: relative;

    text-transform: uppercase;

}



.mobile__fixed.hide .checkout {

    display: none;

}

.shoppingcart_right button.checkout:hover {

    background-color: #ff7b00;

}

.shoppingcart_right .paypalCheckout__warp {

    display: none;

    padding: 20px 15px 0px;

/*    background: #f0f0f0;*/

    position: relative;

    margin-top: -20px;

}

.shoppingcart_right .paypalCheckout__warp.show {

    display: block;

}

.paypal__loading {

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    display: none;

    z-index: 50;

    background: rgba(27, 40, 56, .3);

}

.paypal__loading.show {

    display: flex;

}

.paypal__loading img {

    width: 100px;

    position: fixed;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.shopCart .shoppingcart_right {

    width: 410px;

    min-width: 410px;

    color: #fff;

    position: sticky;

    top: 140px;

}



    .shopCart .shoppingcart_right .cart_totals {

        background-color: #0f102c;

        padding: 30px;

        border-top: 6px solid #F95E0D;

        border-radius: 4px;

        overflow: hidden;

    }



.shopCart .cart_goodsList {

    margin-bottom: 30px;



}



.shopCart .cart_goodsList .shopCount {

    margin-right: 10px;

}



.shopCart .shoppingcart_right .coupon,.usepoint {

    margin-bottom: 39px;

}



    .shopCart .shoppingcart_right .coupon input, .usepoint input {

        width: 100%;

        height: 50px;

        background: hsla(0,0%,100%,.08);

        border-radius: 2px;

        color: hsla(0,0%,100%,.8);

        border: 1px solid #eceef00d;

        padding: 0 0 0 35px;

    }



    .shopCart .shoppingcart_right .coupon i, .usepoint i {

        position: absolute;

        left: 40px;

        color: RGBA(177, 177, 177, 0.5);

        font-size: 20px;

    }



    .shopCart .shoppingcart_right .coupon .button, .usepoint .button {

        height: 50px;

        background-color: #0082FB;

        border-radius: 2px;

        padding: 0 19px;

        margin-left: 10px;

        color: #ffffff;

    }



        .shopCart .shoppingcart_right .coupon .button:hover, .usepoint .button:hover {

            background-color: #076ccb;

        }



.shopCart .shoppingcart_right .cart_price .priceItem {

    margin-bottom: 18px;

    color: hsla(0,0%,100%,.6);

}



    .shopCart .shoppingcart_right .cart_price .priceItem.discount,

    .shopCart .shoppingcart_right .cart_price .priceItem.pointDiscount,

    .shopCart .shoppingcart_right .cart_price .priceItem.paymentFee,

    .shopCart .shoppingcart_right .cart_totals .coupon,

    .shopCart .shoppingcart_right .cart_totals .usepoint,

    .shopCart .shoppingcart_right .cart_totals .pointdiscount,

    .shopCart .shoppingcart_right .cart_price .priceItem.vipdiscount {

        display: none;

    }



        .shopCart .shoppingcart_right .cart_price .priceItem.discount.display,

        .shopCart .shoppingcart_right .cart_price .priceItem.pointdiscount.display,

        .shopCart .shoppingcart_right .cart_price .priceItem.paymentFee.display,

        .shopCart .shoppingcart_right .cart_price .priceItem.vipdiscount.display {

            display: flex;

        }

        .shopCart .shoppingcart_right .cart_totals .coupon.display,

        .shopCart .shoppingcart_right .cart_totals .usepoint.display,

        .shopCart .shoppingcart_right .cart_totals .pointdiscount.display {

            display: block;

        }



.shopCart .shoppingcart_right .cart_price .priceItem .price {

    font-family: 'montserrat';

    color:#fff;

}





.shopCart .shoppingcart_right .total {

    border-top: 1px solid hsla(0,0%,100%,.12);

    padding-top: 20px;

    margin-top: 20px;

}

.shopCart .shoppingcart_right .total p {

    font-size: 16px;

}



    .shopCart .shoppingcart_right .total .price {

        font-size: 24px;

        color: hsl(36 100% 50%/1);

    }



.shopCart .goodsList {

    overflow-y: auto;

    max-height: 440px;

    padding: 0 30px;





}



.shopCart .cart_goodsList {

    background: #0f102c;

    border-radius: 4px 4px 4px 4px;

}



.shopCart .continue_shopp {

    padding: 20px 40px;

    cursor: pointer;

    color: hsla(0,0%,100%,.6);

}

.shopCart .continue_shopp p:hover {

    color: #0082FB;

}

.shopCart .continue_shopp i {

    margin-right: 10px;

}



.shopCart .goodsList::-webkit-scrollbar {

    width: 6px;

}



.shopCart .goodsList::-webkit-scrollbar-thumb {

    background-color: #e2e2e2;

    border-radius: 5px;

    cursor: pointer;

}



.shopCart .goodsList::-webkit-scrollbar-track {

    background-color: transparent;

}



.shopCart .goodsList .goods_item {

    padding: 20px 0px;

    border-bottom: 1px solid hsla(0,0%,100%,.12);

}



    .shopCart .goodsList .goods_item .infoImg {

        width: 100px;

        min-width: 100px;

        height: 100px;

        background: hsl(228 20% 27%/1);

        margin-right: 20px;

        padding: 5px;

        justify-content: center;

        border-radius: 4px;

    }



.shopCart .goodsList .goods_item .infoImg img {

    max-width: 100%;

    max-height: 100%;

}



    .shopCart .goodsList .goods_item .goods_title_num {

        align-items: center;

        max-width: 500px;

        word-break: break-word;

    }



        .shopCart .goodsList .goods_item .goods_title_num .goods_title p {

            color: hsl(0 0% 100%/1);

        }



    .shopCart .goodsList .goods_item .goods_title span {

        display: block;

        color: hsla(0,0%,100%,.6);

    }



.shopCart .goodsList .goods_item .goods_title_num .goodsQty {

    width: 140px;

    color: #d52b1e;

    border: solid 1px #b7b7b7;

}



.shopCart .goodsList .goods_item .goods_title_num .goodsQty.boosting_goodsQty {

    border: none;

}



.shopCart .goodsList .goods_item .goods_title_num .goods_title .diy_more {

    cursor: pointer;

    margin-top: 10px;

}



.shopCart .goodsList .goods_item .goods_title_num .goods_title .diy_more:hover {

    color: #15cf2f;

}



.shopCart .goodsList .goods_item .goods_title_num .goods_title .diy_more i {

    font-size: 12px;

}



.shopCart .goodsList .goods_item .goods_title_num .goods_title .diyDetailInfo {

    position: absolute;

    top: 155px;

    background: #fff;

    z-index: 9;

    border-radius: 5px;

    padding: 10px;

    display: none;

    z-index: 1;

    box-shadow: 0px 0px 5px 1px #ccc;

}



.shopCart .goodsList .goods_item .goods_title_num .goods_title .diyDetailInfo::after {

    content: '';

    background: #fff;

    position: absolute;

    top: -5px;

    left: 20px;

    width: 10px;

    height: 10px;

    transform: rotate(45deg);

}



.shopCart .goodsList .goods_item .goods_title_num .goods_title .diyDetailInfo.display {

    display: block;

}



.shopCart .goodsList .goods_item .goods_title_num .goods_title .diyDetailInfo p {

    color: #000;

    white-space: nowrap;

    width: auto;

}







.nw_goodList .goods_item .goodsQty input {

/* border-color: #b7b7b7;*/

    color: #fff;



}



.nw_goodList .goods_item .goodsQty span {

    color: #fff;

}



.nw_goodList .goods_item .goodsQty .sub {

 

    border-radius: 4px 0 0 4px;

}



.nw_goodList .goods_item .goodsQty .add {

    border-radius: 0 4px 4px 0;

}



.shopCart .goodsList .goods_item .goods__info--right {

    width: 100%;

}



.shopCart .goodsList .goods_item .goodsPrice {

    align-items: center;

}



    .shopCart .goodsList .goods_item .goodsPrice .price {

        white-space: nowrap;

        font-size: 16px;

        margin: 0 160px 0 160px;

        color: hsl(36 100% 50%/1);

        min-width: 100px;

        font-family: montserrat;

    }



.shopCart .goodsList .goods_item .goodsPrice .deleteIco:hover .deleteSvg {

    display: block;

}



.shopCart .goodsList .goods_item .goodsPrice .deleteIco:hover .deleteSvg1 {

    display: none;

}



.shopCart .goodsList .goods_item .goodsPrice .deleteSvg {

    display: none;

}



.shopCart .goodsList .loading_mask {

    padding: 40px 0 20px;

}



.shopCart .shoppingcart_right .loading_mask {

    height: 100%;

    position: absolute;

    background-color: #f9f9f9;

    width: 100%;

    top: 0;

    z-index: 9;

}





.shopCart .cart_goodsList .clear_all {

    margin-top: 20px;

    justify-content: flex-end;

}





.shopCart .cart_goodsList .clear_all span {

    height: 44px;

    background-color: #d5a602;

    border-radius: 6px;

    padding: 0 29px;

    font-size: 16px;

    color: #ffffff;

}



.shopCart .cart_goodsList .clear_all span:hover {

    background-color: #d52b1e;

}







.shopCart .messageBox {

    position: absolute;

    background-color: #fff;

    top: calc(-100% - 20px);

    left: 0;

    padding: 10px 20px;

    color: #101822;

    display: flex;

    align-items: center;

    white-space: nowrap;

    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 12%);

}



.shopCart .messageBox img {

    width: 30px;

    height: 30px;

    margin-right: 10px;

    position: initial;

}



.shopCart .messageBox::after {

    content: '';

    position: absolute;

    bottom: -7px;

    left: 50%;

    background: #fff;

    width: 15px;

    height: 15px;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -ms-transform: rotate(45deg);



}



input::placeholder {

    color: #9ca3af;

}









/* 交易方式样式 */

.deliveryInfo .input_box {

    margin-bottom: 10px;

    position: relative;

}



    .deliveryInfo .input_box input {

        width: 100%;

        height: 44px;

        background: hsla(0,0%,100%,.08);

        border-radius: 2px 2px 2px 2px;

        border: 1px solid #eceef00d;

        color: hsla(0,0%,100%,.8);

    }

.deliveryInfo .input_box.hasValueColor input {

    background: #c3c3c3;

}

.deliveryInfo .input_box i.iconfont {

    display: none;

}



.deliveryInfo .delivery_select {

    margin-bottom: 16px;

}



.deliveryInfo .delivery_select.label_delivery_select {

    margin-top: 40px;

}



.deliveryInfo .delivery_select.label_delivery_select p.label {

    margin-right: 10px;

    font-size: 16px;

}



.deliveryInfo .delivery_select.label_delivery_select ul {

    flex: 1;

}



    .deliveryInfo .delivery_select ul {

        display: flex;

    }



.deliveryInfo .delivery_select.regin_select {

    margin-top: 20px;

}



.deliveryInfo .delivery_select.regin_select ul {

    display: flex;

    margin-left: 20px;

}



.deliveryInfo .delivery_select.regin_select ul li {

    margin-right: 20px;

}



    .deliveryInfo .delivery_select ul li {

        font-size: 14px;

        font-family: 'Sans';

        cursor: pointer;

        border: 1px solid #37475f;

        margin-right: 5px;

        padding: 10px;

        border-radius: 4px;

        color: #fff;

    }



        .deliveryInfo .delivery_select ul li .checkBox {

            width: 16px;

            min-width: 16px;

            height: 16px;

            border-radius: 10px;

            border: solid 2px #37475f;

            cursor: pointer;

            margin-right: 10px;

        }

        .deliveryInfo .delivery_select ul li.active {

            background: #0082fb;

            color: #fff;

            border: 1px solid #0082fb;

        }



    .deliveryInfo .delivery_select ul li.active .checkBox {

        border: solid 2px #fff;

    }



        .deliveryInfo .delivery_select ul li.active .checkBox i {

            width: 8px;

            height: 8px;

            background: #fff;

            border-radius: 50%;

        }





.deliveryInfo .delivery_uploadImg {

    height: 80px;

    background-color: hsla(0,0%,100%,.08);

    cursor: pointer;

    padding: 7px 20px;

    position: relative;

    width: 100%;

    border-radius: 4px;

    margin-top: 5px;

    border: 1px dashed #eceef01f;

}



.deliveryInfo .delivery_upload

{



}

.deliveryInfo .delivery_uploadImg .uploadimgIco {

    width: 44px;

    height: 40px;

    background:url(../images/uploadimg.svg) no-repeat center center;

}



.deliveryInfo .delivery_uploadImg .uploadImgText {

    color: hsla(0,0%,100%,.6);

    flex: 1;

    display: flex;

    flex-direction: row;

    flex-flow: row-reverse;

    white-space: nowrap;

    height: 100%;

}



.deliveryInfo .delivery_uploadImg .uploadImgText span {

    cursor: pointer;

    color: #0082FB;

    margin-right: 3px;

}



.deliveryInfo .delivery_uploadImg .uploadImgText span:hover {

    text-decoration: underline;

}



.deliveryInfo .delivery_upload #upload {

    display: none;

}



.deliveryInfo .delivery_uploadImg .upload_wait {

    z-index: 1;

    text-align: center;

    line-height: 80px;

}



.deliveryInfo .delivery_upload .uploading_img {

    position: relative;

    width: 100%;

    height: 80px;

    background: hsla(0,0%,100%,.08);

    left: 0;

    top: 0;

    color: #fff;

    margin-bottom: 5px;

    border-radius: 4px;

}



.deliveryInfo .delivery_uploadImg .upload_wait {

    position: absolute;

    width: 100%;

    height: 100%;

    background: #1b2838;

    left: 0;

    top: 0;

    color: #fff;

}



        .deliveryInfo .delivery_upload .uploading_img .imgBox {

            height: 100%;

            width: 100%;

            padding-left: 10px;

        }



        .deliveryInfo .delivery_upload .uploading_img img {

         /*   max-width: 80px;*/

            max-height: 99%;

        }



    .deliveryInfo  .delivery_upload i.close-ico {

        position: absolute;

        right: 20px;

        top: 29px;

        font-size: 20px;

        cursor: pointer;

    }



.deliveryInfo .delivery_upload .uploading_img i.close-ico:hover {

    color: #d52b1e;

}



.deliveryInfo .delivery_uploadImg .messageBox {

    top: calc(-100% + 10px);

}



.deliveryInfo .notice {

    font-size: 12px;

    margin-top: 22px;

}



.deliveryInfo .notice img{

    width: 100%;

}

.deliveryInfo .notice p {

    margin-bottom: 10px;

    line-height: 14px;

    font-size: 14px;

}



.deliveryInfo .notice .notice_img {

    position: relative;

}



.deliveryInfo .notice.red {

    color: red;

}



.deliveryInfo .notice.yellow {

    color: #d52b1e;

}



.deliveryInfo .notice p span.red {

    color: red;

}



.deliveryInfo .notice p a {

    color: #faf9f8;

}



.deliveryInfo .device_tips {

    color: #d52b1e;

    margin: 10px 0;

    display: block;

}



.deliveryInfo .delivery_server_name {

    margin-bottom: 10px;

    color: red;

}



.deliveryInfo .notice p a:hover {

    text-decoration: underline;

}



.deliveryInfo .notice p img.oneImg {

    width: 100%;

}



.deliveryInfo .delivery_select_type {

    display: none;

    margin-bottom: 20px;

}



.deliveryInfo .delivery_select_type.active {

    display: block;

}



.deliveryInfo textarea {

    width: 100%;

    height: 200px;

    color: #000;

    background-color: #ffffff;

    border: solid 1px #b7b7b7;

    padding: 10px 15px;

    resize: none;

}



/* 下拉 */

.deliveryInfo .drop_down_select {

    position: relative;

    width: 100%;

}



.deliveryInfo .drop_down_select .input_box input {

    padding-left: 10px;

    cursor: pointer;

}



.deliveryInfo .drop_down_select .input_box i.drop_down_ico {

    right: 15px;

    left: auto;

    top: 17px;

    display: block;

    color: rgba(18, 18, 18, .5);

    font-size: 12px;

    position: absolute;

}



.deliveryInfo .drop_down_select .downBox {

    position: absolute;

    left: 0;

    top: 50px;

    width: 100%;

    background: #fff;

    max-height: 300px;

    overflow-y: auto;

    z-index: 1;

    color: #101822;

    display: none;

    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 12%);

}



.deliveryInfo .drop_down_select .downBox p {

    padding: 10px;

    cursor: pointer;

}



.deliveryInfo .drop_down_select .downBox p:hover,

.deliveryInfo .drop_down_select .downBox p.active {

    background-color: #EE6A25;

    color: #ffffff;

}



.deliveryInfo .deliveryContent {

    position: relative;

    color: hsla(0,0%,100%,.6);

}



.deliveryInfo .deliveryContent .delivery_bigImg {

    position: absolute;

    top: -60%;

    /* left: 28%; */

    right: 0;

    opacity: 0;

    transition: all .5s;

    transform: scale(0);

    max-width: 800px;

}



.deliveryInfo .deliveryContent .delivery_bigImg i.close-ico {

    display: none;

}



.deliveryInfo .deliveryContent .delivery_bigImg img {

    width: 100%;

}



.deliveryInfo .deliveryContent .delivery_bigImg.display {

    transform: scale(1);

    opacity: 1;

}









.waitCheckout {

    width: 480px;

    background: #fff;

    position: fixed;

    top: 50%;

    left: 50%;

    z-index: 1000;

    margin: auto;

    text-align: center;

    padding: 36px 20px;

    display: none;

    transform: translate(-50%, -50%);

}



.waitCheckout img {

    width: 80px;

    display: block;

    margin: 0 auto;

    margin-bottom: 29px;

}



.waitCheckout.display {

    display: block;

    animation: waitBox .3s;

    -webkit-animation: waitBox .3s;

}



.waitCheckout h2 {

    color: #101822;

    margin-bottom: 20px;

    font-size: 22px;

    margin-top: 10px;

}



.waitCheckout .wait-time span {

    display: inline-block;

    color: #121212;

    font-size: 60px;

}



.waitCheckout p {

    color: #666666;

    font-size: 14px;

    margin-bottom: 5px;

}



.waitCheckout.repay-waiting a {

    height: 50px;

    width: 200px;

    background-color: #EE6A25;

    box-shadow: 0px 6px 18px 0px rgb(213 43 30 / 56%);

    border-radius: 6px;

    color: #fff;

    font-size: 18px;

    margin: 0 auto;

}

































/* 支付宝支�?*/

.payment_alipaycn {

    margin: 120px 0 50px;

    padding: 20px 50px;

    color: #000;

    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);

}



.payment_alipaycn .alipaycn_title {

    background: #f9f9f9;

    height: 45px;

    padding-left: 20px;

    font-size: 20px;

    font-family: 'Sans';

    border-bottom: 1px solid #e2e2e2;

}



.payment_alipaycn .alipaycn_top {

    margin-bottom: 30px;

    align-items: baseline;

}



.payment_alipaycn .alipaycn_top .commom_order {

    width: 48%;

}



.payment_alipaycn .alipaycn_top .order_info {

    background: #f9f9f9;

    padding: 20px;

}



.payment_alipaycn .alipaycn_top .order_info .amount {

    color: #d52b1e;

}



.payment_alipaycn .alipaycn_top .order_info .price {

    color: #d52b1e;

}



.payment_alipaycn .alipaycn_top .order_info .item {

    margin-bottom: 10px;

}



.payment_alipaycn .alipaycn_top .order_info .item p {

    min-width: 200px;

}



.payment_alipaycn .alipaycn_bottom .pay_img {

    padding: 50px 150px;

    background: #f9f9f9;

}



.payment_alipaycn .alipaycn_bottom .pay_img .img_title {

    margin-bottom: 20px;

}



.payment_alipaycn .alipaycn_bottom .alipay_img {

    text-align: center;

}



.payment_alipaycn .alipaycn_liveChat {

    text-align: center;

    margin-top: 20px;

}



.payment_alipaycn .alipaycn_liveChat p {

    margin-bottom: 20px;

}



.payment_alipaycn .alipaycn_liveChat button {

    width: 190px;

    height: 40px;

    font-size: 20px;

    background-color: #d52b1e;

    box-shadow: 0px 6px 18px 0px rgb(213 43 30 / 56%);

    padding: 0;

    color: #fff;

    cursor: pointer;

}



.payment_alipaycn .alipaycn_liveChat button:hover {

    background-color: #d5a602;

    box-shadow: 0px 6px 18px 0px rgb(227 206 27 / 56%);

}









/* 订单成功页面 */



.payment-success {

    background: #f9f9f9;

    text-align: center;

    margin-top: 20px;

    padding: 125px 0;

}



.payment-success i {

    width: 70px;

    height: 70px;

    background-position: 0 -200px;

}



.payment-success h3 {

    font-size: 30px;

}



.payment-success .order-no {

    font-size: 20px;

    font-weight: 700;

    display: flex;

    justify-content: center;

    margin: 40px 0;

}



.payment-success .order-no span {

    cursor: pointer;

}



.payment-success .order-no span:hover {

    color: #d52b1e;

}



.payment-success .order-no p {

    height: 10px;

    margin-top: -10px;

    margin: -10px -10px 0;

}



.payment-success a {

    color: #d52b1e;

}



.payment-success a:hover {

    text-decoration: underline;

}



.payment-success ul {

    width: 500px;

    margin: auto;

    background: #121212;

    padding: 20px 0;

    margin-bottom: 30px;

    padding-left: 20px;

}



.payment-success ul li {

    display: flex;

    align-items: center;

    color: #fff;

}



.payment-success ul li .orderImg {

    width: 100px;

    height: 100px;

    min-width: 100px;

    border-radius: 50%;

    padding: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.payment-success ul li .orderImg img {

    max-width: 100%;

    max-height: 100%;

}



.payment-success ul li .orderTitle {

    width: 50%;

    margin: 0 20px;

}



.payment-success ul li>div {

    text-align: left;

}











/* paying */

.paying_progress {

    margin: 120px auto 200px;

}



.mobile_paying {

    min-height: 600px;

    background: #f9f9f9;

    padding: 80px;

}



.paying_progress h2 {

    font-size: 30px;

    color: #33ac44;

    text-align: center;

}



.paying_progress .paying_order {

    width: 680px;

    margin: 70px auto 0;

    border: 1px solid #e2e2e2;

}



.paying_progress .paying_order .order_no {

    height: 49px;

    background-color: #121212;

    padding: 0 50px;

    color: #fff;

}



.paying_progress .paying_order .order_no p {

    text-decoration: underline;

    color: #d52b1e;

    cursor: pointer;

}



.paying_progress .paying_order .order_no p:hover {

    color: #fff;

}



.paying_progress .paying_order ul li {

    padding: 20px 50px;

    border-bottom: 1px solid #e2e2e2;

}



.paying_progress .paying_order ul li:last-child {

    border: none;

}



.paying_progress .paying_order ul li .orderImg {

    min-width: 80px;

    height: 80px;

    background-color: #fff;

    margin-right: 30px;

    padding: 3px;

}



.paying_progress .paying_order ul li .orderImg img {

    max-width: 100%;

    max-height: 100%;

}









.orderRePay {

    padding-top: 20px;

}

.orderRePay .cart_goodsList  {

    margin-top: 50px;

}



.orderRePay .time_title {

    text-align: center;

    margin-top: 20px;

}



.orderRePay .times {

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 32px;

    margin: 20px 0;

}



.orderRePay .times span {

    width: 80px;

    height: 80px;

    border-radius: 4px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: rgba(85, 85, 85, 1);

    margin: 0 10px;

    color: #fff;

}

.orderRePay .userInfo  {

    margin-bottom: 30px;

}

.orderRePay .common-info ul {

    background: #E2E2E2;

    border: 1px solid #B0B0B0;

    display: flex;

    flex-wrap: wrap;

    white-space: nowrap;

    padding: 20px;

    grid-gap: 40px;

    color: #777777;

}

.orderRePay .common-info ul li span {

    color: #555555;

   /* font-family: 'sans';*/

}

.orderRePay .goodsPrice div {

    font-size: 16px;

    text-align: center;

    white-space: nowrap;

    margin-left: 10px;

}

.orderRePay .common-info ul li label {

    display: inline-block;

    margin-right: 10px;

}



.orderRePay .common-info li span {

    color: rgba(85, 85, 85, 1);

}







.hascartData {

    display: none;

}



.hascartData.display {

    display: block;

}



.nocartData {

    display: none;

    flex-direction: column;

    align-items: center;

    padding: 0 0 40px 0;

    text-align: center;

}



.nocartData.display {

    display: flex;

}



.nocartData h3 {

    font-size: 40px;

    color: #fff;

    margin-bottom: 10px;

    text-transform: uppercase;

}



.nocartData span {

    margin: 20px 0;

    color:#fff;

}



.nocartData a {

    width: 300px;

    height: 55px;

    background-color: #0377e3;

    border-radius: 2px;

    font-size: 20px;

    color: #fff;

    margin-top: 30px;

    cursor: pointer;

}



.nocartData a i {

    margin-left: 10px;

    font-size: 20px;

}



.nocartData a:hover {

    background: #ee6a25;

}



.nocartData img {

    width: 300px;

}







/* googleapple */

.google_apple--warpper {

    background: #0f102c;

    margin: 0 auto;

    padding: 50px 50px 200px;

    color: #fff;

    display: flex;

    justify-content: space-between;

    min-height: 500px;

}



.google_apple--warpper .title {

    font-size: 24px;

  /*  font-family: 'sans';*/

    margin-bottom: 40px;

}



.google_apple--warpper .google_apple_left {

    width: 550px;

    min-width: 550px;

    margin-right: 80px;

}



.google_apple--warpper .google_apple_left ul {

    border-bottom: 1px solid #eee;

    padding-bottom: 20px;

}



.google_apple--warpper .google_apple_left ul li {

    display: flex;

    margin-bottom: 10px;

    justify-content: space-between;

}



.google_apple--warpper .google_apple_left ul li span {

    display: flex;

    margin-left: 20px;

    white-space: nowrap;

}



.google_apple--warpper .google_apple_left .subtotal,

.google_apple--warpper .google_apple_left .total_to_pay {

    display: flex;

    justify-content: space-between;

    margin-top: 20px;

}



.google_apple--warpper .google_apple_left .total_to_pay span {

    font-size: 18px;

    /*font-family: 'sans';*/

}



    .google_apple--warpper .google_apple_left .game_shopping {

        display: flex;

        justify-content: space-between;

        margin-bottom: 20px;

        border-bottom: 1px solid #eee;

        padding-bottom: 20px;

        font-size: 18px;

    }



        .google_apple--warpper .google_apple_left .game_shopping span {

            /*font-family: 'sans';*/

            font-weight: bold;

        }



.google_apple--warpper .google_apple_right {

    width: 100%;

}



    .google_apple--warpper .google_apple_right .google_right_payment {

        border: 1px solid #0f102c;

        box-shadow: rgb(0 0 0 / 8%) 0px 0px 16px 0px;

        border-radius: 6px;

        background-color: #0f102c;

        padding: 30px;

    }



@media (max-width: 1200px) {

    .shopCart .shoppingcart_right {

        width: 360px;

        min-width: 360px;

    }



    .shopCart .shoppingcart_right .cart_totals {

        padding: 30px 20px;

    }



    .shopCart .payment_method .paymentList {

        grid-template-columns: repeat(3, 1fr);

    }

}



.shoppingcart__content .contact_means  {

   width:49%;

}

    .shoppingcart__content .contact_means .select_title {

        width: 100%;

        height: 44px;

        background: hsla(0,0%,100%,.08);

        border-radius: 2px 2px 2px 2px;

        opacity: 1;

        padding-left: 10px;

        cursor: pointer;

        color: hsla(0,0%,100%,.8);

        border: 1px solid #eceef00d;

    }

.shoppingcart__content .contact_means .contact_select {

    width:49%;

    margin-right: 10px;

    position: relative;

}



    .shoppingcart__content .contact_means .select_title i {

        top: 17px;

        

    }



    .shoppingcart__content .contact_means i.ico {

        position: absolute;

        right: 10px;

        font-size: 14px;

        color: hsla(0,0%,100%,.8);

    }



    .shoppingcart__content .contact_means .drp_down_select {

        position: absolute;

        top: 90%;

        left: 0;

        width: 100%;

        background: #0f102c;

        z-index: 9;

        display: none;

        box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 12%);

        border: 1px solid hsla(0,0%,100%,.12);

    }



.shoppingcart__content .contact_means .drp_down_select li {

    color: #fff;

    height: 40px;

    line-height: 40px;

    padding-left: 10px;

    cursor: pointer;

}



    .shoppingcart__content .contact_means .drp_down_select li:hover {

        background-color: hsla(0,0%,100%,.08);

       

    }



.shoppingcart__content .contact_means .contact_select {

    margin-right: 10px;

    position: relative;

}



    .shoppingcart__content .contact_means .selectools {

       width:69%

    }



.shoppingcart_left .payment_method .divider {

    font-size: 12px;

    display: flex;

    margin-bottom: 20px;

    align-items: center;

    white-space: nowrap;

 

}

    .shoppingcart_left .payment_method .divider span {

        white-space: nowrap;

        color: hsla(0,0%,100%,.82);

    }

    .shoppingcart_left .payment_method .divider em {

        height: 1px;

        background: hsla(0,0%,100%,.12);

        width: 100%;

        margin-left: 20px;

        display: block;

    }

.shoppingcart_left .payment_method .other_payment_more {

    color: rgba(0, 130, 251, 1);

    margin-top: 20px;

    text-align: right;

    padding-right: 20px;

    cursor: pointer;

    display:none;

}



.shoppingcart_left .payment_method .other_payment .payment_item {

    display: none;

}

