.shopCart_main input:-webkit-autofill {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    transition: background-color 50000s ease-in-out 0s !important;
    caret-color:#fff;
}
.shopCart_main .container {
    margin-top: 80px;
}

.shopCart_main .shopCart_title h2 {
    font-size: 64px;
    color: #00baff;
    margin-bottom: 10px;
}

.shopCart_content {
    background-color: rgba(24, 32, 38, .6);
    border-radius: 2px;
    margin-top: 40px;
    padding: 40px 30px;
    align-items: flex-start;
}

.shop_common_title {
    color: #ffffff;
    font-size: 20px;
    border-bottom: 2px solid rgba(95, 107, 124, .2);
    padding-bottom: 18px;
    margin-bottom: 30px;
}

.shop_common_title span::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 100%;
    height: 2px;
    background-color: #ffffff;

}

.cart_left {
    flex: 1;
}


.cart_left .input_box {
    width: 48.5%;
    margin-bottom: 20px;
    position: relative;
}
.cart_left .input_box.email {
    width: 100%;
}
.cart_left .input_box.textarea {
    width: 100%;
}

.cart_left .input_box.textarea textarea {
    width: 100%;
    background: none;
    border: solid 2px rgba(95, 107, 124, .2);
    border-radius: 2px;
    color: #fff;
    resize: none;
    height: 200px;
    padding-left: 17px;
}

.cart_left input {
    width: 100%;
    height: 44px;
    background: none;
    border: solid 2px rgba(95, 107, 124, .2);
    padding: 0 17px;
    border-radius: 2px;
}
.cart_left .userInfo input:focus {
    border: solid 2px #5f6b7c;
}
.cart_left .userInfo .email .select_email {
    position: absolute;
    left: 0;
    top: 50px;
    background-color: rgba(24, 32, 38, .9);
    max-height: 300px;
    overflow-y: auto;
    z-index: 1;
    width: 100%;
    display: none;
    border-radius: 2px;
}

.cart_left .userInfo .email .select_email p {
    color: #a7b6c2;
    margin-bottom: 0;
    padding: 10px 5px;
    white-space: nowrap;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 10px 16px;
}

.cart_left .userInfo .email .select_email p:hover {
    color: #fff;
}

.cart_left .userInfo .country .cityTitle {
    width: 100%;
    height: 44px;
    background: none;
    border: solid 2px rgba(95, 107, 124, .2);
    padding: 0 17px;
    border-radius: 2px;
}
.cart_left .userInfo .country .cityTitle img {
    margin-right: 10px;
}
.cart_left .userInfo .country .cityTitle i {
    color: #404854;
    font-size: 12px;
}

.cart_left .userInfo .country .country_select--down {
    position: absolute;
    left: 0;
    top: 50px;
    background-color: rgba(24, 32, 38, 1);
    z-index: 1;
    display: none;
    border-radius: 2px;
}
.cart_left .userInfo .country .country_select--down .country_select--list {
    max-height: 300px;
    overflow-y: auto;
}
.cart_left .userInfo .country .country_select--down.show {
    display: block;
}
.cart_left .userInfo .country .country_select--down .country_search {
    padding: 5px 10px;
    border-bottom: 2px solid rgba(95, 107, 124, .2);
}
.cart_left .userInfo .country .country_select--down .country_search input {
    background: none;
    color: #fff;
    padding-left: 10px;
    border: solid 2px rgba(95, 107, 124, .2);
    width: 100%;
}
.cart_left .userInfo .country ul li {
    color: #a7b6c2;
    margin-bottom: 0;
    padding: 8px 16px;
    white-space: nowrap;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
}
.cart_left .userInfo .country ul li.hide {
    display: none;
}

.cart_left .userInfo .country ul li img {
    margin-right: 5px;
}
.cart_left .userInfo .country ul li:hover .country_item--left {
    color: #1ce64b;
}
.cart_left .userInfo .country ul li .country_item--right {
    color: #1ce64b;
    font-family: 'din';
    margin-left: 10px;
}
.cart_left .userInfo .country ul .popular {
    display: block;
    width: 100%;
    border-bottom: 1px dashed #ccc;
    margin: 5px 0;
}

.cart_left .userInfo .input_box.pass {
    width: 100%;
    display: none;
}

.cart_left .userInfo .aboutVip {
    font-size: 14px;
    align-items: baseline;
}

.cart_left .userInfo .aboutVip div p {
    margin-bottom: 5px;
}

.cart_left .userInfo .aboutVip div p:first-child {
    margin-bottom: 20px;
}

.cart_left .userInfo .aboutVip a {
    color: #1ce64b;
}

.cart_left .userInfo .aboutVip a:hover {
    text-decoration: underline;
}

.cart_left .userInfo .aboutVip .checkBox {
    margin-right: 11px;
}

.checkBox {
    padding: 10px 0 10px 10px;
    cursor: pointer;
}

.checkBox span {
    width: 28px;
    height: 6px;
    background-color: rgba(95, 107, 124, .2);
    border-radius: 3px;
    position: relative;
    cursor: pointer;
}

.checkBox span i {
    position: absolute;
    width: 14px;
    height: 14px;
    background-color: rgba(240, 64, 72, 1);
    border-radius: 50%;
    top: -4px;
    left: 0;
    transition: all .3s;
}

.checkBox.checked span {
    background-color: rgba(28, 230, 75, 1);
}

.checkBox.checked span i {
    background-color: rgba(255, 255, 255, 1);
    left: 15px;
}


.deliveryInfo {
    margin-top: 50px;
}
.shopCart_main .payment_method {
    margin-top: 40px;
}
.shopCart_main .payment_method .paymentList {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
    display: grid;
    margin-bottom: 30px;
}
.shopCart_main .payment_method .payment_title {
    margin-bottom: 15px;
    white-space: nowrap;
}
.shopCart_main .payment_method .payment_title i {
    height: 1px;
    background: rgba(95, 107, 124, .2);
    width: 100%;
    margin-left: 15px;
}
.shopCart_main .payment_method .payment_item .paymentImg {
    background-color: #ffffff;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: end;
}

.shopCart_main .payment_method .payment_item .paymentImg img {
    width: 100%;
    max-width: 160px;
    max-height: 60px;
}

.shopCart_main .payment_method .payment_item .paymentFree {
    color: #fff;
    font-size: 12px;
    top: -10px;
    right: 0;
    background: #9d9797;
    padding: 3px;
}
.shopCart_main .payment_method .payment_item {
    border-radius: 2px;
    border: solid 1px #fff;
}
.shopCart_main .payment_method .payment_item.usdt {
    border: solid 1px #01a276;
}
.shopCart_main .payment_method .payment_item.usdt .paymentImg {
    background: #01a276;
}

.shopCart_main .payment_method .payment_item.active {
    border: solid 1px #1ce64b;
}
.shopCart_main .payment_method .payment_item .checkbox {
    display: none;
    top: 0;
    left: 0;
}
.shopCart_main .payment_method .payment_item .checkbox i.triangle {
    left: 0;
    top: 0;
    color: #1ce64b;
    font-size: 20px;
}
.shopCart_main .payment_method .payment_item .checkbox i.gou {
    left: 0;
    top: 0px;
    color: #fff;
    font-size: 12px;
}
.shopCart_main .payment_method .payment_item.active .checkbox {
    display: block;
}
.shopCart_main .payment_method .payment_item.usdt.active {
    border: solid 1px #fff;
}
.shopCart_main .payment_method .payment_item.usdt.active .checkbox i.triangle {
    color: #fff;
}
.shopCart_main .payment_method .payment_item.usdt.active .checkbox i.gou {
    color: #1ce64b;
}
.payment_method .more {
    margin-top: 10px;
}

.payment_method .more span {
    color: #a7b6c2;
    display: flex;
}

.payment_method .more span:hover {
    color: #00baff;
}

.cart_right .cart_checkout {
    margin-top: 20px;
}


.cart_right .cart_checkout .coupon {
    margin-bottom: 30px;
}

.cart_right .cart_checkout .coupon .input_box {
    width: 360px;
    height: 44px;
    border-radius: 2px;
    border: solid 2px rgba(95, 107, 124, .2);
    padding: 3px;
}

.cart_right .cart_checkout .coupon input {
    height: 100%;
    background: none;
    flex: 1;
}

.cart_right .cart_checkout .coupon .button {
    background-color: rgba(95, 107, 124, 1);
    border-radius: 2px;
    padding: 0 19px;
    margin-left: 10px;
    color: #ffffff;
    height: 100%;
}

.cart_right .cart_checkout .coupon .button:hover {
    background-color: rgba(0, 186, 255, 1);
}

.cart_right .cart_checkout .cart_price .priceItem {
    margin-bottom: 18px;
    font-size: 14px;
}

.cart_right .cart_checkout .cart_price .priceItem.discount,
.cart_right .cart_checkout .cart_price .priceItem.vipDiscount {
    display: none;
}

.cart_right .cart_checkout .cart_price .priceItem.discount.display,
.cart_right .cart_checkout .cart_price .priceItem.vipDiscount.display {
    display: flex;
}

.cart_right .cart_checkout .total p {
    color: rgba(254, 254, 254, 1);
}

.cart_right .cart_checkout .total .price {
    font-size: 24px;
    font-family: 'din';
    color: #1ce64b;
}

.cart_right .cart_checkout button.pay_now {
    width: 360px;
    height: 55px;
    background-color: #00baff;
    box-shadow: 0px 4px 25px 0px rgba(0, 186, 255, 0.3);
    border-radius: 2px;
    font-size: 24px;
    color: #fff;
    margin-top: 30px;
    cursor: pointer;
}

.cart_right .cart_checkout button.pay_now:hover {
    background: #00a8ff;
}

.cart_right .cart_checkout button.pay_now em {
    margin-left: 10px;
}

.shopCart_main .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%);
    border-radius: 2px;
}

.shopCart_main .textarea .messageBox {
    top: -65px;
    white-space: normal;
}

.shopCart_main .messageBox img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    position: initial;
}

.shopCart_main .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);

}



/* 交易方式样式 */
.deliveryInfo .delivery_uploadImg {
    height: 80px;
    background-color: #0a0e11;
    padding: 7px 20px;
    position: relative;
    width: 100%;
    margin-top: 30px;
    justify-content: center;
}

.deliveryInfo .delivery_uploadImg .uploadimgIco {
    font-size: 44px;
    margin-right: 23px;
}

.deliveryInfo .delivery_uploadImg .uploadImgText {
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-flow: row-reverse;
    white-space: nowrap;
    height: 100%;
    cursor: pointer;
}

.deliveryInfo .delivery_uploadImg .uploadImgText span {
    cursor: pointer;
    color: #12b73d;
    margin-right: 3px;
}

.deliveryInfo .delivery_uploadImg .uploadImgText span:hover {
    text-decoration: underline;
}

.deliveryInfo .delivery_uploadImg #upload {
    display: none;
}

.deliveryInfo .delivery_uploadImg .upload_wait {
    z-index: 1;
    text-align: center;
    line-height: 80px;
}

.deliveryInfo .delivery_uploadImg .upload_wait,
.deliveryInfo .delivery_uploadImg .uploading_img {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #0a0e11;
    left: 0;
    top: 0;
    display: none;
    color: #fff;
}

.deliveryInfo .delivery_uploadImg .uploading_img .imgBox {
    height: 100%;
    width: 100%;
    padding-left: 10px;
}

.deliveryInfo .delivery_uploadImg .uploading_img img {
    max-width: 80px;
}

.deliveryInfo .delivery_uploadImg .uploading_img i.close-ico {
    position: absolute;
    right: 20px;
    top: 29px;
    font-size: 20px;
    cursor: pointer;
}

.deliveryInfo .delivery_uploadImg .uploading_img i.close-ico:hover {
    color: #00a8ff;
}

.deliveryInfo .delivery_uploadImg .messageBox {
    top: calc(-100% + 10px);
}

.deliveryInfo .notice {
    font-size: 14px;
    margin-top: 22px;
}
.deliveryInfo .notice a.red{
	color: red;
	text-decoration: 1px solid red;
}

.deliveryInfo .notice p {
    margin-bottom: 10px;
    line-height: 14px;
}

.deliveryInfo .notice .notice_img {
    position: relative;
}

.deliveryInfo .notice.red {
    color: red;
}

.deliveryInfo .notice.yellow {
    color: #00a8ff;
}

.deliveryInfo .notice p span.red {
    color: red;
}

.deliveryInfo .notice p a {
    color: #faf9f8;
}

.deliveryInfo .device_tips {
    color: #00a8ff;
    margin: 10px 0;
    display: block;
}

.deliveryInfo .delivery_server_name {
    margin-bottom: 10px;
    color: red;
}

.deliveryInfo .notice p a:hover {
    text-decoration: underline;
}
.delivery__nhl_list .mobileBlock {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
}
.cart_left .delivery__nhl_list .input_box {
    width: 100%;
}

/* 下拉 */
.deliveryInfo .drop_down_select {
    position: relative;
}

.deliveryInfo .drop_down_select .input_box input {
    padding-left: 10px;
    cursor: pointer;
}
.deliveryInfo .drop_down_select.player_name .input_box input {
    padding-right: 26px;
}
.deliveryInfo .drop_down_select .input_box i.drop_down_ico {
    right: 15px;
    left: auto;
    top: 17px;
    display: block;
    color: #404854;
    font-size: 12px;
    position: absolute;
}

.deliveryInfo .drop_down_select .downBox {
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    background-color: rgba(24, 32, 38, .9);
    border-radius: 2px;
    max-height: 300px;
    overflow-y: auto;
    z-index: 1;
    color: #a7b6c2;
    display: none;
}
 .deliveryInfo .drop_down_select.player_name .downBox{
    width: 400px;
    min-width: 400px;
}

.deliveryInfo .drop_down_select .downBox p {
    padding: 10px;
    cursor: pointer;
}

.deliveryInfo .drop_down_select .downBox p:hover,
.deliveryInfo .drop_down_select .downBox p.active {
    color: #fff;
}

.deliveryInfo .deliveryContent {
    position: relative;
}

.deliveryInfo .deliveryContent ul li{
    margin-bottom: 10px;
}
.deliveryInfo .deliveryContent .delivery-tips p{
    font-size: 14px;
    margin-bottom: 5px;
}
.deliveryInfo .deliveryContent .delivery_bigImg {
    position: absolute;
    top: -60%;
    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;
}

/* 球员交易 */
.deliveryInfo .nba_card_select {
    margin-top: 20px;
}
.deliveryInfo .nba_card_select p {
    height: 40px;
    font-size: 16px;
    color: #6f7d88;
    border-radius: 2px;
    cursor: pointer;
    border: solid 2px rgba(95, 107, 124, 1);
    padding: 0 20px;
    margin-right: 10px;
    cursor: pointer;
}
.deliveryInfo .nba_card_select p.active {
    background: #00baff;
    border-color: #00baff;
    color: #fff;
}
.deliveryInfo .bid_card.hide {
    display: none;
}
.deliveryInfo .buy_card.hide {
    display: none;
}
.deliveryInfo .item_list {
    margin-top: 40px;
}

.deliveryInfo .item_list .item_title {
    height: 44px;
    background-color: rgba(95, 107, 124, .2);
    padding: 0 20px;
    border-left: 8px solid #00baff;
    margin-bottom: 10px;
}

.deliveryInfo .item_list .item_title .title_l {
    color: #ffffff;
    font-size: 18px;
}

.deliveryInfo .item_list .item_title .title_l p {
    border-right: 2px solid rgba(95, 107, 124, .2);
}

.deliveryInfo .item_list .item_title .title_l .game_name {
    padding-right: 20px;
}

.deliveryInfo .item_list .item_title .title_l .game_device {
    padding: 0 20px;
}

.deliveryInfo .item_list .item_title .title_l .game_num {
    color: #00baff;
    padding: 0 20px;
    margin-right: 20px;
}

.deliveryInfo .item_list .item_title .title_l .game_price {
    color: #1ce64b;
    border: none;
}

.deliveryInfo .item_list .item_title .title_r {
    color: #3c4956;
    cursor: pointer;
}

.deliveryInfo .item_list .item_title .title_r:hover {
    color: #a7b6c2;
}

.deliveryInfo .item_list .item_template {
    margin-top: 30px;
}

.deliveryInfo .player_other_select {
    justify-content: space-between;
}

.deliveryInfo .player_other_select input {
    padding: 10px 17px 2px 17px;
}

.deliveryInfo .player_other_select .input_box {
    width: 32%;
    position: relative;
}
.deliveryInfo .player_other_select .drop_down_select.player_name {
    width: 28%;
    margin-right: 6px;
}
.deliveryInfo .player__warp .player_other_select .drop_down_select.drop_down_select_duration {
width: 8%;
}
.deliveryInfo .player__warp .player_other_select .input_box {
    width: 20%;
}

.deliveryInfo .player_other_select .input_box label {
    position: absolute;
    top: -7px;
    font-size: 14px;
    left: 11px;
    color: #00baff;
    background: rgba(24, 32, 38, 1);
    padding: 0 5px;
}

.deliveryInfo .player_other_select .drop_down_select {
    width: 18%;
}

.deliveryInfo .player_other_select .drop_down_select .input_box {
    width: 100%;
}

.deliveryInfo .item_list .player_select {
    width:40%;
    height: 44px;
    border: solid 2px rgba(95, 107, 124, .2);
    border-radius: 2px;
}

.deliveryInfo .item_list .player_select input {
    border: none;
}

.deliveryInfo .player_btn span {
   width: 40px;
   height: 40px;
  text-align: center;
    border-radius:50%;
    border: solid 1px rgba(0, 186, 255, .5);
    color: #00baff;
    cursor: pointer;
}
.deliveryInfo .player_btn span.addPlayer {
margin:  0 5px;
}

.deliveryInfo .player_btn span:hover {
    background: #00baff;
    color: #fff;
}

.deliveryInfo .player_btn span.delPlayer {
   
    margin-right: 20px;
}
.player__warp .playerContent .playerBox{
    margin-bottom: 10px;
    border-bottom: 1px dashed #1b2838;
}
.deliveryInfo .player_box .selected-player {
    white-space: nowrap;
    padding-left: 5px;
}

.deliveryInfo .player_box .selected-player img {
    margin-right: 10px;
    width: 28px;
}

.deliveryInfo .player_box .selected-player p.name {
    max-width: 150px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}

.player_other_select .now_price {
    margin: 0 10px;
}

.deliveryInfo .player_box span.stars {
    display: block;
    width: 30px;
    height: 30px;
    color: #fff;
    text-shadow: 1px 1px #6a6a6a;
    text-align: center;
    font-weight: 700;
    border-radius: 3px;
    background-image: linear-gradient(to bottom right, #fa7e7e, #a50707);
    line-height: 30px;
    margin-right: 10px;
}

.deliveryInfo .player_box span.stars.stars-yell {
    background-image: linear-gradient(to bottom right, #ffe766, #998100);
}

.deliveryInfo .player_select .player_list {
    background-color: rgba(24, 32, 38, 1);
    border-radius: 2px;
    position: absolute;
    top: 105%;
    left: 0;
    width:350px;
    z-index: 9;
    max-width: 350px;
    max-height: 300px;
    overflow-y: auto;
    display: none;
}

.deliveryInfo .player_select .player_list>p {
    padding: 20px;
    cursor: pointer;
    color: #fff;
    display: flex;
}

.deliveryInfo .player_select .player_list p span {
    color: #009fe4;
}

.deliveryInfo .player_select .player_list li {
    color: #a7b6c2;
    padding: 5px 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.deliveryInfo .player_select .player_list li img{
    width:28px;
}
.deliveryInfo .player_select .player_list li:hover {
    background: #00baff;
    color: #fff;
}

.team-logo-box {
    width: 60px;
    height: 40px;
    border-radius: 3px;
    background-image: url(/static/web/image/team-logo.png);
    margin-right: 10px;
}

.team-logo-box--ari {
    background-position: 0 -50px
}

.team-logo-box--atl {
    background-position: 0 -100px
}

.team-logo-box--bal {
    background-position: 0 -150px
}

.team-logo-box--buf {
    background-position: 0 -200px
}

.team-logo-box--car {
    background-position: 0 -250px
}

.team-logo-box--chi {
    background-position: 0 -300px
}

.team-logo-box--cin {
    background-position: 0 -350px
}

.team-logo-box--cle {
    background-position: 0 -400px
}

.team-logo-box--dal {
    background-position: 0 -450px
}

.team-logo-box--den {
    background-position: 0 -500px
}

.team-logo-box--det {
    background-position: 0 -550px
}

.team-logo-box--gb {
    background-position: 0 -600px
}

.team-logo-box--hou {
    background-position: 0 -650px
}

.team-logo-box--ind {
    background-position: 0 -700px
}

.team-logo-box--jax {
    background-position: 0 -750px
}

.team-logo-box--kc {
    background-position: 0 -800px
}

.team-logo-box--mia {
    background-position: 0 -850px
}

.team-logo-box--min {
    background-position: 0 -900px
}

.team-logo-box--ne {
    background-position: 0 -950px
}

.team-logo-box--no {
    background-position: 0 -1000px
}

.team-logo-box--nyg {
    background-position: 0 -1050px
}

.team-logo-box--nyj {
    background-position: 0 -1100px
}

.team-logo-box--oak {
    background-position: 0 -1150px
}

.team-logo-box--phi {
    background-position: 0 -1200px
}

.team-logo-box--pit {
    background-position: 0 -1250px
}

.team-logo-box--lac {
    background-position: 0 -1300px
}

.team-logo-box--sea {
    background-position: 0 -1350px
}

.team-logo-box--sf {
    background-position: 0 -1400px
}

.team-logo-box--lar {
    background-position: 0 -1450px
}

.team-logo-box--tb {
    background-position: 0 -1500px
}

.team-logo-box--ten {
    background-position: 0 -1550px
}

.team-logo-box--was {
    background-position: 0 -1600px
}








.waitCheckout {
    width: 480px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000;
    margin: auto;
    text-align: center;
    padding: 36px 20px;
    display: none;
    transform: translate(-50%, -50%);
    border-radius: 2px;
    background: -webkit-linear-gradient(top, #182026 0%, #182026 60%, #134053 100%);
    background: linear-gradient(to bottom, #182026 0%, #182026 60%, #134053 100%);
}

.waitCheckout img {
    width: 55px;
    height: 70px;
    display: block;
    margin: 0 auto;
    margin-bottom: 29px;
    animation:salou 2s linear infinite;
}

@keyframes salou {
    0%, 50% {
     transform: rotate(0deg);
    }

    100% {
     transform: rotate(180deg);
    }
}


.waitCheckout.display {
    display: block;
    animation: waitBox .3s;
    -webkit-animation: waitBox .3s;
}

.waitCheckout h2 {
    color: #fff;
    margin-bottom: 20px;
    font-size: 20px;
    margin-top: 10px;
    font-family: 'roboto';
}


.waitCheckout p {
    color: #a7b6c2;
    font-size: 14px;
    margin-bottom: 5px;
}

.waitCheckout.repay-waiting a {
    height: 50px;
    width: 200px;
    background-color: #00a8ff;
    border-radius: 2px;
    color: #fff;
    font-size: 18px;
    margin: 0 auto;
}


.cart_right {
    width: 360px;
    margin-left: 40px;
}







/* 支付宝支付 */
.payment_alipaycn {
    margin: 40px 0 50px;
    padding: 20px 50px;
    color: #fff;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
    background-color: rgba(24, 32, 38, .6);
}

.payment_alipaycn .alipaycn_title {
    height: 45px;
    padding-left: 20px;
    font-size: 20px;
    border-bottom: solid 2px rgba(95, 107, 124, .2);
    background: #182026;
    color: #fff;
}

.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: #182026;
    padding: 20px;
}

.payment_alipaycn .alipaycn_top .order_info .amount {
    color: #00baff;
}

.payment_alipaycn .alipaycn_top .order_info .price {
    color: #00baff;
}

.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: #182026;
}

.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;
    color: #fff;
}

.payment_alipaycn .alipaycn_liveChat button {
    width: 190px;
    height: 40px;
    font-size: 20px;
    background-color: #00baff;
    padding: 0;
    color: #fff;
    cursor: pointer;
}

.payment_alipaycn .alipaycn_liveChat button:hover {
    background: #00a8ff;
}




/* 订单成功页面 */

.payment-success {
    background-color: rgba(24, 32, 38, .6);
    text-align: center;
    margin-top: 20px;
    padding: 125px 0;
}

.payment-success h3 {
    font-size: 30px;
    color: #FFF;
}

.payment-success .order-no {
    font-size: 20px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    margin: 40px 0;
    color: #fff;
}

.payment-success .order-no p {
    height: 10px;
    margin-top: -10px;
    margin: -10px -10px 0;
}
.payment-success .order-no span {
    cursor: pointer;
}
.payment-success .order-no span:hover {
    color: #00a8ff;
}
.payment-success a {
    color: #00a8ff;
}

.payment-success a:hover {
    text-decoration: underline;
}

.payment-success ul {
    width: 500px;
    margin: auto;
    background: #182026;
    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-color: rgba(24, 32, 38, .6);
    padding: 80px;
}

.paying_progress h2 {
    font-size: 30px;
    color: #fff;
    text-align: center;
}

.paying_progress .paying_order {
    width: 680px;
    margin: 70px auto 0;
    border: solid 2px rgba(95, 107, 124, .2);
}

.paying_progress .paying_order .order_no {
    height: 49px;
    padding: 0 50px;
    color: #fff;
}

.paying_progress .paying_order .order_no p {
    text-decoration: underline;
    color: #00a8ff;
    cursor: pointer;
}

.paying_progress .paying_order .order_no p:hover {
    text-decoration: underline;
}

.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;
    margin-right: 30px;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.paying_progress .paying_order ul li .orderImg img {
    max-width: 100%;
    max-height: 100%;
}



.orderRePay .time_title {
    text-align: center;
    margin-top: 20px;
}
.orderRePay .shopCart_main .container {
    margin-top: 30px;
}
.orderRePay .times {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    margin: 20px 0;
}

.orderRePay .times span {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00baff;
    margin: 0 5px;
    color: #fff;
}
.orderRePay .cart_left ul li {
    margin-top: 10px;
    word-break: break-all;
}
.orderRePay .cart_left ul li label {
    display: inline-block;
    min-width: 100px;
}
.orderRePay .goodsPrice div {
    font-size: 16px;
    text-align: center;
    white-space: nowrap;
    margin-left: 10px;
}

.orderRePay .common-info ul li {
    margin-bottom: 10px;
}

.orderRePay .common-info ul li label {
    display: inline-block;
    margin-right: 10px;
}

.orderRePay .common-info li span {
    color: #12b73d;
}



.loading_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-color: rgba(24, 32, 38, .8);
    backdrop-filter: blur(10px);
    z-index: 9;
}

.success_copy {
	position: fixed;
	top: 30%;
	left: 50%;
	background-color: #f0f9eb;
	color: #67c23a;
	width: 200px;
	height: 40px;
	font-size: 14px;
	transform: translateX(-50%);
	z-index: 999;
	display: none;
}

.success_copy.show {
	display: flex;
}
.hascartData {
    display: none;
}
.hascartData.display {
    display: block;
}
.nocartData {
    display: none;
    flex-direction: column;
    align-items: center;
}
.nocartData.display {
    display: flex;
}
.nocartData h2 {
    font-size: 40px;
    color: #00baff;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.nocartData span {
    margin: 20px 0;
}
.nocartData a {
    width: 300px;
    height: 55px;
    background-color: #00baff;
    box-shadow: 0px 4px 25px 0px rgb(0 186 255 / 30%);
    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: #00a8ff;
}
.nocartData img {
    width: 300px;
}


.ar .cart_right {
    margin-left: 0;
    margin-right: 40px;
}

.ar.shopCart_main .payment_method .payment_item .paymentImg {
    margin-left: 32px;
    margin-right: 0;
}

.ar .deliveryInfo .item_list .item_title .title_l .game_num {
    margin-left: 20px;
    margin-right: 0;
}
.ar .deliveryInfo .item_list .item_title .title_l .game_name {
    padding-left: 20px;
    padding-right: 0;
}

.ar .deliveryInfo .item_list .item_title .title_l p {
    border-left: 2px solid rgba(95, 107, 124, .2);
    border-right: none;
}
.ar .deliveryInfo .item_list .item_title .title_l .game_price {
    border: none;
}

.ar .cart_right .cart_checkout .coupon .button {
    margin: 0 10px 0 0;
}

.ar.shopCart_main .messageBox img {
    margin: 0 0 0 10px;
}

.ar .cart_left .userInfo .country ul li img {
    margin: 0 0 0 5px;
}

.ar .ut_dialog button.yes {
    margin-left: 20px;
    margin-right: 0;
}

.ar .nocartData a i {
    margin-left: 0;
    margin-right: 10px;
}

.ar .payment_alipaycn .alipaycn_title {
    padding: 0 20px 0 0;
}
.ar .cart_price .price{
    direction: ltr;
}
.ar .cart_right .cart_checkout .total .price{
    direction: ltr;
}



/* googleapple */
.google_apple--warpper {
    background: #fff;
    margin: 0 auto;
    padding: 50px 50px 200px;
    color: #000;
    display: flex;
    justify-content: space-between;
    min-height: 500px;
}

.google_apple--warpper .title {
    font-size: 24px;
    font-family: 'din';
    margin-bottom: 40px;
}
.google_apple--warpper .google_apple_left {
    width: 450px;
    min-width: 450px;
    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: 'din';
}
.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;
}
.google_apple--warpper .google_apple_left .game_shopping span {
    font-family: 'din';
}
.google_apple--warpper .google_apple_right {
    width: 100%;
}

.google_apple--warpper .google_apple_right .google_right_payment {
    border: 1px solid rgb(235, 236, 240);
    box-shadow: rgb(0 0 0 / 8%) 0px 0px 16px 0px;
    border-radius: 6px;
    background-color: #fff;
    padding:30px;
 }



 
/* 订单失败页面 */
.failed_success {
    text-align: left;
    padding: 50px;
}
.failed_success ul {
    width: 100%;
    padding-right: 20px;
    margin-top: 20px;
}
.failed_success p {
    margin-bottom: 10px;
    margin-top: 10px;
}
.failed_success p span {
    color: #66c0f4;
    text-decoration: underline;
    cursor: pointer;
}
.failed_success .payAgain {
    height: 40px;
    background: #00baff;
    box-shadow: 0px 4px 25px 0px rgb(0 186 255 / 30%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 150px;
    border-radius: 3px;
}
.failed_success .payAgain:hover {
    text-decoration: none;
}
.failed_success ul li .orderTitle {
    flex: 1;
}
/* BT */
.usdt_payment {
    display: flex;
    background: #fff;
    padding: 40px 200px 100px;
}
.usdt_payment .usdt_pay_left {
    margin-right: 60px;
}
.usdt_payment .usdt_pay_left img {
    width: 180px;
}
.usdt_payment .usdt_pay_left p {
    text-align: center;
}
.usdt_payment .usdt_pay_left .timer {
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
}
.usdt_payment .usdt_pay_right {
    width: 100%;
}
.usdt_payment .usdt_pay_right ul li {
    display: flex;
    justify-content: space-between;
    color: #000;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
}

.usdt_payment .usdt_pay_right ul li p {
    display: flex;
    align-items: center;
}
.usdt_payment .usdt_pay_right ul li p img {
    width: 20px;
    margin-left: 10px;
    cursor: pointer;
    opacity: .8;
}
.usdt_payment .usdt_pay_right ul li p img:hover {
    opacity: 1;
}

.usdt_payment .usdt_pay_right .pay-note-block {
    color: #000;
    margin-top: 20px;
    line-height: 25px;
}

.usdt_payment .success_copy {
    position: fixed;
    top: 30%;
    left: 50%;
    background-color: #f0f9eb;
    color: #67c23a;
    width: 200px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    transform: translateX(-50%);
    z-index: 999;
    display: none;
    border-radius: 10px;
    text-align: center;
}

.usdt_payment button {
    background: #0b85ea;
    color: #fff;
    height: 45px;
    font-size: 16px;
    padding: 0 40px;
    margin-top: 40px;
}


.usdt_payment button i {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border-left: 2px solid #fff;
    animation: rotation 1s linear infinite;
    margin: auto;
    display: none;
}

.usdt_payment .error_dialog {
    position: fixed;
    z-index: 100;
    padding: 40px 50px;
    background: #fff;
    color: #666;
    border-radius: 10px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    display: none;
}

.usdt_payment .error_dialog i {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 24px;
    background-position: -175px -120px;
    cursor: pointer;
}