.header .personal .cart-area{display: none;}
.finish{
  filter: grayscale(100%);
}
.system-message {
  text-align: center;
  color: #484848;
  width: 1200px;
  margin: 330px auto;
  line-height: 2;
  padding: 40px;
  border-radius: 5px;
  background: #fff;
}
.system-message .error{
  font-size: 25px;
}
/*付款倒计时*/
.countdown-d-area {
  margin-bottom: 20px;
  text-align: center;
}
.countdown-d-area .time-t-title {
  display: block;
  margin-bottom: 10px;
  color: var(--ep-color-d);
  font-weight: 700;
}
.countdown-d-area .time-t-content {
  width: 240px;
  margin: 0 auto;
}
.countdown-d-area .dash {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 44px;
  line-height: 44px;
  margin: 0 2px;
  padding: 0 5px;
  text-align: center;
  border-radius: 5px;
  background: #940808;
}
.countdown-d-area .digit {
  font-size: 30px;
  font-weight: 600;
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 39px;
  text-align: center;
  color: #fff;
}
.countdown-d-area .colon {
  font-size: 30px;
  vertical-align: top;
  color: var(--ep-color-d);
}
/*-----------支付区域-------------*/
.cart-pay-area {
  height: 290px;
  margin-bottom: -141px;
  background: none;
  background-image: radial-gradient(100% 100% at 0 0, rgba(0, 110, 245, .2) 0, rgba(0, 110, 245, 0) 95%), radial-gradient(100% 100% at 100% 10%, rgba(255, 79, 29, .2) 0, rgba(255, 79, 29, 0) 95%);
}
.cart-list .cart-img {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 74px;
  height: 74px;
  padding: 8px;
  border-radius: 4px;
  background: var(--ep-color-b2);
}
.cart-list .content {
  width: 100%;
  flex: 1;
}
.cart-list .list-item {
  display: flex;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 10px;
  background: var(--ep-color-h);
}
.cart-list .list-item .link {
  display: flex;
  float: left;
  min-height: 74px;
  flex-direction: column;
  justify-content: center;
}
.cart-list .list-item .title-game {
  font-size: 14px;
  width: 46%;
  padding: 0 20px;
}
.cart-list .list-item .title-game .name {
  font-size: 14px;
  display: block;
  color: var(--ep-color-d);
  display: flex;
  margin-bottom: 4px;
  font-weight: 600;
}
.cart-list .title-game .frer {
  color: #00d500;
  font-style: normal;
  margin-left: 5px;
}
.cart-list .list-item .quantity{
  width: 24%;
  text-align: center;
}
.cart-list .list-item .quantity .goods-num{
  margin-bottom: 0;
}
.cart-list .list-item .quantity .goods-num .btn-sm{
  height: 42px;
  line-height: 42px;
  background: var(--ep-color-b2);
}
.cart-list .list-item .quantity .goods-num .reduce{
  border-radius: 6px 0 0 6px;
}
.cart-list .list-item .quantity .goods-num .num-add{
  border-radius: 0 6px 6px 0;
}
.cart-list .list-item .quantity .goods-num .item-num{
  height: 42px;
  line-height: 42px;
  margin: 0;
  background: var(--ep-color-b2);
}
.cart-list .list-item .total {
  font-size: 16px;
  font-weight: 600;
  width: 24%;
  color: #ff4f1d;

}
.cart-detail .list-item .total {
  width: 28%;
}
.cart-list .list-item .del {
  width: 4%;
  text-align: right;
}
.cart-list .list-item .del .icon {
  font-size: 18px;
  cursor: pointer;
  color: var(--ep-color-g);
}
.cart-list .list-item .del .icon:hover{
  color: red;
}
.cart-list .also-inct {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  height: 36px;
  margin-top: 10px;
  padding: 0 16px;
  color: var(--ep-color-d);
  border-radius: 4px;
  background: var(--ep-color-q2);
}
.cart-list .also-inct span {
  font-size: 20px;
  margin-left: -7px;
}
.cart-list .also-inct:hover{
  color: #fff;
  background: #006ef5;
}
.cart-detail .list-item:last-child{
  border-bottom: none;
}
.cart-detail .total{
  text-align: right;
}
.cart-order {
  border-radius: 5px;
}
.order .cart-left {
  float: left;
  width: 920px;
}
.order .cart-right {
  float: left;
  position: sticky;
  top: 205px;
  width: 34%;
  padding-top: 0;
  padding-left: 32px;
}

.input-form{
  font-size: 14px;
  line-height: 42px;
  height: 44px;
  width: 100%;
  padding: 0 15px 0 42px;
  color: var(--ep-color-d);
  border: 1px solid var(--ep-color-h);
  border-radius: 4px;
  background: var(--ep-color-h);
}
.input-form::placeholder{
  color: var(--ep-color-g1);
}
.input-form::-webkit-input-placeholder{
  color: var(--ep-color-g1);
}
.redborder{
  box-shadow: 0 0 5px 1px red;
}
.block-widget.userinfo .title-2{
  margin-bottom: 23px;
}
.userinfo .list-link {
  margin: 0 -7px;
}
.userinfo .list-link .list-item.none{
  display: none;
}
.userinfo .list-link .list-item {
  display: flex;
  position: relative;
  padding: 7px;
  width: 50%;
}
.userinfo .list-link .list-item .icon {
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -9px;
}
.userinfo .country{
  position: relative;
  max-width: 240px;
  padding-right: 12px;
}
.userinfo .country .ui-btn{
  width: 100%;
  height: 44px;
  line-height: 42px;
  border-radius: 6px;
  cursor: pointer;
  background: var(--ep-color-h);
}
.userinfo .country .ui-btn .country-code{
  float: left;
  width: 100%;
  padding: 0 49px 0 15px;
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--ep-color-d);
}
.userinfo .phone-box{
  position: relative;
  width: 100%;
}
.userinfo .list-link .list-item .phone-box .icon{
  top:23px;
  left: 10px;
}
.userinfo .country .ui-btn .ico {
  position: absolute;
  top: 0;
  right: 11px;
  pointer-events: none;
  color: var(--ep-color-d);
  font-size: 20px;
}
.userinfo .list-link .list-item .country .ui-btn .icon{
  top:10px;
  left: 10px;
  color: #94a7c6;
}
.userinfo .textarea-box{
  position: relative;
  padding: 5px 7px;
}
.userinfo .textarea-box .note{
  resize: none;
  height: 100px;
  line-height: 1.45;
  padding: 12px 35px;
  font-family: arial;
}
.userinfo .textarea-box .icon {
  font-size: 18px;
  position: absolute;
  top: 19px;
  left: 15px;
  color: #94a7c6;
}

.playerinfo.block-widget{
  padding-bottom: 12px;
}
.playerinfo .title-22 {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  color: var(--ep-color-d);
  padding-bottom: 15px;
}
.playerinfo .title-22 .icon{
  color: var(--ep-color-yellow);
  font-size: 20px;
  margin-right: 10px;
}
.playerinfo .text-area{
  margin-bottom: 20px;
  line-height: 1.5;
}

.add-options .field-wrapper:first-child{
  margin-bottom: 10px;
}
.add-options .action-button-column{
  height: 32px;
}
.add-options .el-form-item__label{
  color: var(--ep-color-d);
  margin-bottom: 2px !important;
  font-family: Poppins;
}
.el-input--default .el-input-group__append{
  background: var(--ep-color-h);
}
.el-input--default .el-button--default .el-icon{
  color: var(--ep-color-d);
}
.add-options .el-input__inner{
  font-size: 14px;
  line-height: 42px;
  height: 44px;
  padding: 0 15px;
  color: var(--ep-color-d);
  border: 1px solid var(--ep-color-h);
  box-shadow: 0 0 0 1px var(--ep-color-h) inset;
  border-radius: 4px;
  background: var(--ep-color-h);
}
.add-options .el-textarea__inner{
  padding: 15px;
  color: var(--ep-color-d);
  border: 1px solid var(--ep-color-h);
  box-shadow: 0 0 0 1px var(--ep-color-h) inset;
  border-radius: 4px;
  background: var(--ep-color-h);
}
.el-form-item__error{
  z-index: 1;
  background: #000;
  padding: 4px !important;
  border-radius: 4px;
}
.el-input--suffix .el-input__inner{padding-right: 15px!important;}

.payment-method {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -11px;
}
.payment-method li{
  width: 25%;
  float: left;
  padding: 16px 11px;
}
.payment-method .pay-box{
  display: block;
  height: 100%;
  position: relative;
  border-radius: 5px;
}
.payment-method .pay-box .pay-text{
  display: none;
  position: absolute;
  right: -4px;
  top: -11px;
  height: 22px;
  line-height: 22px;
  color: var(--ep-color-d);
  padding: 0 10px;
  font-size: 12px;
  background: var(--ep-color-q);
  border-radius: 11px;
}
.payment-method .pay-box input[type="radio"] {
  position: absolute;
  left: -9999px;
}
.payment-method .pay-box label{
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 100%;
  background: #fff;
  border-radius: 8px;
  border: 1px solid var(--ep-color-q);
}
.payment-method .pay-box label img{
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  border-radius: 8px;
}
.payment-method .pay-box label .metpera{
  position: relative;
  top:8px;
}
.payment-method .pay-box input[type="radio"] + label::before {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 9px;
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #0C111C;
  border-radius: 50%;
}
.payment-method .pay-box input[type="radio"] + label::after {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -8px;
  right: 16px;
  width: 5px;
  height: 12px;
  opacity: 0;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
}
.payment-method .pay-box input[type="radio"]:checked + label::after{
  opacity: 1;
}
.payment-method .pay-box input[type="radio"]:checked + label::before{
  border-color: #006ef5;
  background: #006ef5;
}
.payment-method .pay-box input[type="radio"]:checked + label{
  border-color: #006ef5;
}
.payment-method .pay-box input[type="radio"]:checked + label .pay-text{
  color: #fff;
  background: #006ef5;
}
.payment-method .pay-box .pay-coinpal4 .pay-text{
  color: #fff;
  background:#E72222;
}
.payment-method .pay-box input[type="radio"]:checked + .pay-coinpal4 .pay-text{background:#E72222;}
.payment-method .pay-box input[type="radio"]:checked + .pay-coinpal4::before{border-color: #E72222;background: #E72222;}
.payment-method .pay-box input[type="radio"]:checked + .pay-coinpal4{border-color: #E72222;}

.check-out .check-box{
  display: flex;
  margin-top: -19px;
}
.check-out .check-box p{
  padding-left: 25px;
}
.check-out .check-box>a{
  color: #ff4f1d;
}
.paymentbox .text-area{
  display: none;
  line-height: 24px;
  background: #141b27;
  border-radius: 10px;
  padding: 24px 30px 30px 30px;
  margin-top: 10px;
}
.paymentbox .text-area strong{
  color: #fff;
  margin-bottom: 15px;
  display: flex;
}
.payment-area2{margin-top: 12px;}
.paymentbox .title-2-1{
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #ff4f1d;
  font-weight: 400;
  margin-bottom: 5px;
}
.paymentbox .title-2-1 span{
  flex:1;
  width: 100%;
  margin-left: 20px;
  border-top: 1px solid #2a3742;
}
.paymentbox .payment-area2 li:nth-child(n+9){
  display: none;
}
.paymentbox .more-pm{
  float: right;
  color: var(--ep-color-d);
  font-size: 12px;
  margin-top:4px;
  cursor: pointer;
}
.paymentbox .more-pm:hover{
  color: #ff4f1d;
}
.paymentbox .payment-area2 .show:nth-child(n+9){
  display: block;
}

.cart-rightbox {
  position: relative;
  overflow-y: auto;
  z-index: 100;
  width: 414px;
  max-height: 1024px;
  padding: 22px 24px 0px 24px;
  border-radius: 10px;
  background: var(--ep-color-b2);
}
.cart-rightbox::-webkit-scrollbar {width :8px;}
.cart-rightbox::-webkit-scrollbar-track{background-color :#3c536d;border-radius: 4px;}
.cart-rightbox::-webkit-scrollbar-thumb{background-color :#c8d5e3;border-radius: 4px;}
.cart-rightbox .title-2{
  font-weight: 600;
  font-size: 16px;
  color: var(--ep-color-d);
  margin-bottom: 30px;
  padding-left: 15px;
  position: relative;
  margin-top: -3px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--ep-color-i);
}
.cart-rightbox .title-2::before{
  position: absolute;
  content: "";
  left: 0;
  top: 1px;
  width: 4px;
  height: 14px;
  background: linear-gradient(180deg,#ff4f1d 0,#006ef5 100%);
  border-radius: 2px;
}
.cart-rightbox .box {
  color: var(--ep-color-d);
  margin-bottom: 16px;
}
.cart-rightbox.is-fee-tip-open{
  overflow: visible;
}
.cart-rightbox .cart-fee .total-amount{
  position: relative;
}
.cart-rightbox .total-amount .question{
  position: static;
  top: 1px;
  font-size: 12px;
  color: #aaa;
  margin: 0 3px;
  display: inline-flex;
  border: 1px solid;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-left: 5px;
  font-family: arial;
  cursor: pointer;
}
.cart-rightbox .total-amount .name .text{
  display: none;
  position: absolute;
  z-index: 30;
  bottom: calc(100% + 6px);
  top: auto;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  width: max-content;
  min-width: 220px;
  max-width: min(280px, calc(100% - 8px));
  box-sizing: border-box;
  word-break: break-word;
  font-family: Poppins;
  background: #666;
  color: #fff;
  border-radius: 4px;
  padding: 10px;
  font-size: 12px;
  text-align: left;
}
.cart-rightbox .total-amount .name .text.tip-below{
  top: calc(100% + 6px);
  bottom: auto;
}
.cart-rightbox .total-amount .name .text.tip-above{
  bottom: calc(100% + 6px);
  top: auto;
}
.cart-rightbox .total-amount .question:hover .text,
.cart-rightbox .total-amount .question.is-open .text{
  display: block;
}
.cart-rightbox .cart-fee .name .text i,
.cart-rightbox .cart-fee .name .text .jq-cart-fee{
  display: block;
  color: inherit;
  font-style: normal;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  margin-bottom: 4px;
}
.cart-rightbox .cart-fee .name .text .jq-cart-fee:empty{
  display: none;
  margin-bottom: 0;
}
.cart-rightbox .order-pay-google{
  margin-bottom: 20px;
}
.cart-rightbox .discount{
  position: relative;
  display: flex;
  width: 100%;
}
.cart-rightbox .discount .discount-code {
  float: left;
  width: 100%;
  flex: 1;
  line-height: 42px;
  padding: 0 0 0 16px;
  color: var(--ep-color-d);
  border: none;
  border-radius: 4px;
  height: 44px;
  background: var(--ep-color-a2);
}

.cart-rightbox .discount .discount-code::placeholder{
  color: var(--ep-color-g1);
}
.cart-rightbox .discount .btn {
  line-height: 44px;
  min-width: 97px;
  height: 44px;
  margin-left: 12px;
  background: #006ef5;
  text-transform: uppercase;
}
.cart-rightbox .discount .btn:hover{
  background: linear-gradient(to right,#0048e9,#f21d00);
}
.cart-rightbox .discount .icon {
  position: absolute;
  top: 11px;
  left: 10px;
  font-size: 18px;
  color: #687078;
}
.cart-rightbox .box .price {
  float: right;
  font-weight: 600;
}

/*优惠卷折扣*/
.cart-rightbox .new-coupon{
  display: flex;
  height: 48px;
  color: var(--ep-color-d);
  margin-bottom: 10px;
  background: var(--ep-color-b);
  align-items: center;
  padding: 0 10px;
  border-radius: 4px;
  cursor: pointer;
  justify-content: space-between;
}
.cart-rightbox .new-coupon .ncdc{
 display: flex;
 align-items: center;
 grid-gap: 10px;
}
.cart-rightbox .new-coupon:hover {
  color: #fff;
  background: linear-gradient(to right,#0048e9,#f21d00);
}
.cart-rightbox .gree-price{
  color: #1db443;
}

.newman-discount{
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 500px;
  transform: translate(-50%,-50%);
  z-index: 10000000;
  margin: 0 auto;
  border-radius: 4px;
  background:  var(--ep-color-zf);
}
.newman-discount .tithe{
  display: block;
  width: 100%;
  color: var(--ep-color-d);
  font-weight: 500;
  font-size: 24px;
  text-align: left;
  padding: 30px 15px 20px 15px;
}
.newman-discount .clscd {
  position: absolute;
  right: -50px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  border-radius: 4px;
  text-align: center;
  line-height: 32px;
  font-size: 20px;
  color: #fff;
  border:1px solid;
}
.my-coupon .my-coupon-top{
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--ep-color-zj);
  margin-bottom: 10px;
  border-radius: 4px 4px 0 0;
}
.my-coupon .my-coupon-top ul{
  display: flex;
  height: 40px;
  width: 100%;
  border-bottom: 1px solid #2a3742;
  justify-content: center;
  grid-gap: 150px;
  align-items: center;
}
.my-coupon .my-coupon-top ul li{
  cursor: pointer;
}
.my-coupon .my-coupon-top ul li:hover{
  color: var(--ep-color-d1);
}
.my-coupon .my-coupon-top ul .current{
  position: relative;
  color: #1e93ff;
  font-weight: 600;
}
.my-coupon .my-coupon-top ul .current:after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    margin: auto;
    width: 70%;
    height: 4px;
    background-color: #1e93ff;
}
.my-coupon .cabox-search{
  display: flex;
  width: 100%;
  align-items: center;
  padding: 10px 17px;
}
.my-coupon .cabox-search .csearch{
  border: none;
  height: 40px;
  padding: 0 10px;
  border-radius: 4px;
  color: #fff;
  width: 100%;
  background: #162029;
}
.my-coupon .cabox-search .redeem{
  display: flex;
  align-items: center;
  height: 40px;
  font-weight: normal;
  margin-left: 10px;
}
.my-coupon .my-coupon-content ul{
  display: flex;
  overflow: auto;
  max-height: 500px;
  flex-direction: column;
  margin: 0 12px 10px 12px;
}
.my-coupon .my-coupon-content ul li{
  padding: 5px;
  width: 100%;
  cursor: pointer;
}
.my-coupon .my-coupon-content ul .disable-coupons{
  filter: grayscale(100%);
}
.my-coupon .my-coupon-content .box2{
  position: relative;
  min-height: 108px;
}
.my-coupon .my-coupon-content .asc{
  position: absolute;
  right: 10px;
  top:10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border:1px solid #fff;
  background: #162029;
}
.my-coupon .my-coupon-content .current .asc{
  background: #fff;
}
.my-coupon .my-coupon-content .current .asc i{
  position: absolute;
  width: 6px;
  height: 12px;
  border-right: 2px solid #162029;
  border-bottom: 2px solid #162029;
  transform: rotate(45deg);
}
.my-coupon ul .box2 {
  overflow: hidden;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  padding: 12px 16px;
  border-radius: 10px;
  background: #fff url(/mmoexp-v250528/images/cou.png) top right no-repeat;
  background-size: 125px;
}
.my-coupon ul .c-tof{
  position: relative;
  min-height: 75px;
  margin-bottom: 12px;
  padding: 0 80px 10px 0;
  border-bottom: 2px dashed #DAE2EE;
}
.my-coupon ul .c-tof::after,
.my-coupon ul .c-tof::before{
  content: '';
  position: absolute;
  bottom: -6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--ep-color-l1);
}
.my-coupon ul .c-tof::after{
  left: -22px;
}
.my-coupon ul .c-tof::before{
  right: -22px;
}
.my-coupon ul .c-left p{
  color: #ff4f1d;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
}
.my-coupon ul .c-left span{
  display: flex;
  font-size: 12px;
  color: #475E85;
  margin-bottom: 5px;
}
.my-coupon ul .c-right{
  display: flex;
  color: #0c111c;
}
.my-coupon ul .c-bof{
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #0c111c;
}
.my-coupon ul .c-bof p{
  display: flex;
  flex: 1;
  width: 100%;
  margin-right: 10px;
}
.my-coupon ul .c-bof span {
  flex: 1;
  margin-left: 2px;
  color: #ff4f1d;
}
.my-coupon ul .c-bof .btn{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  font-size: 12px;
  min-width: 70px;
  background: #FF4F1D;
}
.my-coupon .my-coupon-content .nocoupon{
  width: 100%;
}
.my-coupon .my-coupon-content .nocoupon .box{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-bottom: 10px;
}
.my-coupon .my-coupon-bottom{
  display: flex;
  flex-direction: column;
  padding: 17px;
  background: var(--ep-color-zj);
  border-radius: 0 0 4px 4px;
  min-height: 132px;
}
.my-coupon .my-coupon-bottom .copon-price{
  display: flex;
  align-items: center;
  height: 40px;
  margin-bottom: 10px;
  justify-content: space-between;
}
.my-coupon .my-coupon-bottom .copon-price .title{
  font-size: 18px;
  color: var(--ep-color-d);
}
.my-coupon .my-coupon-bottom .copon-price .coprice{
  font-size: 16px;
  color: #ff4f1d;
  font-weight: 600;
}
.my-coupon .my-coupon-bottom .copon-button{
  display: flex;
  align-items: center;
  height: 48px;
  justify-content: center;
}

/*积分兑换*/
.cart-rightbox .use-points-box{
  font-size:14px;
}
.use-points-box li{
  float:left;
  width:100%;
}
.use-points-box .discount-tips {
  margin-top: 0;
  margin-left: 22px;
  padding-right: 90px;
}
.use-points-box .points-price{
  color: #1db443;
  margin-top: -20px;
}
.use-points-box .total-points-input{
  display:none;
  margin-top: -4px;
  margin-left: 22px;
}
.use-points-box .sp1{
  margin-right: 5px;
}
.use-points-box .sp2{
  display: block;
  padding-top: 10px;
  font-size: 12px;
  margin-bottom: 5px;
}
.use-points-box .points-value{
  position: relative;
  z-index: 2;
  width: 85px;
  height: 30px;
  text-align: center;
  border: none;
  border-radius: 4px;
  color: var(--ep-color-d);
  background: var(--ep-color-b);
}
.use-points-box .use-input{
  margin:0;
}
.cart-rightbox .cart-amounts {
  margin: 26px 0;
  padding-top: 16px;
  border-top: 1px solid var(--ep-color-i);
}
.cart-rightbox .cart-amounts .total-amount{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart-rightbox .cart-amounts .name{
  font-size: 16px;
  font-weight: 600;
}
.cart-rightbox .cart-amounts .price {
  color: #ff4f1d;
  font-size: 24px;
  font-weight: 600;
}
.cart-rightbox .submit{
  display: flex;
  align-items: center;
  justify-content: center;
  border:none;
  width: 100%;
  margin: 0;
  height: 48px;
  font-size: 16px;
  font-weight: 800;
}
.cart-rightbox .submit .icons{
  font-size: 20px;
  margin-right: 10px;
}
.cart-rightbox .submit:hover{
  background: linear-gradient(to right,#0048e9,#f21d00);
}
.cart-rightbox .order-payment{
  padding-bottom: 24px;
  border-radius: 0 0 5px 5px;
}

/*没有物品购物车页面*/
.no-c-cart{
text-align: center;
margin-bottom: 80px;
}
.no-c-cart .no-c-box {
  padding: 20px 0;
  text-align: center;
}
.no-c-cart .nodata{
  border-radius: 4px;
}
.no-c-box .no-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--ep-color-d);
}
.no-c-box p {
  margin: 15px 0;
  color: var(--ep-color-zi);
}
.no-c-cart .no-c-box .btn {
  font-size: 14px;
  font-weight: 400;
  line-height: 45px;
  height: 45px;
  padding: 0 30px;
}

.order-pay {
  max-width: 800px;
  margin: 0 auto;
  font-size: 16px;
  text-align: center;
  min-height: 500px;
  margin-top: 50px;
}
.order-pay .title-1{
  margin-bottom: 80px;
}
.order-pay .top-pay{
  font-size: 24px;
  color: var(--ep-color-d);
}
.order-pay .timer-box {
  display: inline-block;
  margin: 30px 0;
}
.order-pay .timer-box .timer {
  font-size: 33px;
  font-style: normal;
  line-height: 80px;
  display: block;
  width: 80px;
  height: 80px;
  color: #1e93ff;
  border: 2px solid #1e93ff;
  border-radius: 50%;
}
.order-pay .text {
  color: var(--ep-color-zi);
}
.order-pay .going-on {
  display: inline-block;
  margin: 30px 0;
  padding: 11px 32px;
  color: #fff;
  border-radius: 4px;
  background: #006ef5;
}
.order-pay .going-on:hover{
  background: linear-gradient(to right,#0048e9,#f21d00);
}
.order-pay .please-text{
  color: #1e93ff;
  margin-bottom: 60px;
}
.order-info{
  padding: 20px;
  border-radius: 4px;
  background: #192733;
}
.order-info .order-a{
  line-height: 32px;
}
.order-info .name {
  min-width: 100px;
  float: left;
  text-align: right;
  margin-right: 6px;
}
.order-info .bcde{
  color: #fff;
  font-size: 12px;
  margin-top: 10px;
}
.order .order-s-status .product{
  width: 58%;
}
.order .order-s-status .order-s-list{
  background: 0 0;
}
.order .order-s-status .total{
  text-align: right;
}
.order .order-s-status .order-s-list li{
  border-bottom: 1px solid #1f1c31;
}
.order .order-s-status .order-s-list .total-amount-area{
  border: none;
  text-align: right;
  padding: 10px 15px;
  line-height: 30px;
  font-size: 16px;
  margin-top: 10px;
}
.order .order-s-status .order-a li{
  padding: 0 15px;
  margin-bottom: 10px;
}
.order .order-s-status .order-a .link{
  color: var(--ep-color-d);
  font-weight: 600;
}
.order .order-s-status .cart-list .list-item .total{width: 28%;}
.order .order-s-status .total-amount-area{
  text-align: right;
  padding-top: 30px;
}
.order .order-s-status .total-amount-area .total-amount{
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 600;
}
.order .order-s-status .total-amount-area .total-amount .name{
  font-weight: 400;
  font-size: 12px;
}
.order .order-status{
  float: left;
  width: 100%;
  margin: 0;
  padding: 60px 20px;
}
.order .order-status li{
  position: relative;
  width: 25%;
  color: #a4a4a4;
  text-align: center;
}
.order .order-status li::before {
  font-size: 65px;
  position: absolute;
  top: -24px;
  right: -20px;
  content: '»';
  color: #a4a4a4;
}
.order .order-status li:nth-child(n+4)::before{
  display: none;
}
.order .order-status .icon {
  display: block;
  margin-bottom: 5px;
  font-size: 30px;
}
.order .order-status .title{
  font-size: 12px;
  margin-top: 10px;
}
.order .order-status .on{
  color: #1e93ff;
}
.order .order-status .on::before {
  color: #2dea5a;
}
.country-c-area .ui-options{
  position: absolute;
  top: 45px;
  left: 0;
  z-index: 9999;
  width: 416px;
  max-height: 320px;
  padding-bottom: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 6px;
  background: var(--ep-color-a2);
  box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.5);
}
.country-c-area .ui-options li{
  width: 100%;
}
.country-c-area .ui-options .search-area {
  position: relative;
  margin: 0;
  padding: 10px;
}
.country-c-area .ui-options .search-area .seic {
  position: absolute;
  right: 16px;
  top: 14px;
  z-index: 2;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  background: #006ef5;
  width: 33px;
  height: 33px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.country-c-area .ui-options .search-area .keyword{
  height: 42px;
  line-height: 42px;
  color: var(--ep-color-d);
  border: none;
  width: 100%;
  font-size: 12px;
  border-radius: 6px;
  padding-left: 10px;
  background: var(--ep-color-h1);
  font-family: 'Poppins';
}
.country-c-area .ui-options .search-area .keyword::placeholder {
  color: var(--ep-color-g1);
}

.country-c-area .ui-options .ui-option {
  position: relative;
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 13px;
  color: var(--ep-color-d);
  font-size: 13px;
  white-space: nowrap;
  cursor: pointer;
  margin-bottom: 0;
}
.country-c-area .ui-options .ui-option:hover {
  color: #fff;
  background: #006ef5;
}
.country-c-area .ui-option::before
{
  display: inline-block;
  width: 30px;
  height: 22px;
  margin-right: 10px;
  content: '';
  vertical-align: middle;
  background: url(/mmoexp-v250528/images/countries/flasg.webp) no-repeat;
}
.country-c-area li:nth-child(2)::before
{
  display: none;
}
.country-c-area .ui-option[data-key='CA 1']::before
{
background-position: -97px -71px;
}
.country-c-area .ui-option[data-key='1']::before
{
background-position: -1px -455px;
}
.country-c-area .ui-option[data-key='AU 61']::before
{
background-position: -385px -7px;
}
.country-c-area .ui-option[data-key='44']::before
{
background-position: -258px -135px;
}
.country-c-area .ui-option[data-key='33']::before
{
background-position: -193px -135px;
}
.country-c-area .ui-option[data-key='49']::before
{
background-position: -130px -103px;
}
.country-c-area .ui-option[data-key='39']::before
{
background-position: -290px -199px;
}
.country-c-area .ui-option[data-key='NZ 64']::before
{
background-position: -226px -328px;
}
.country-c-area .ui-option[data-key='45']::before
{
background-position: -193px -103px;
}
.country-c-area .ui-option[data-key='46']::before
{
background-position: -33px -391px;
}
.country-c-area .ui-option[data-key='41']::before
{
background-position: -225px -71px;
}
.country-c-area .ui-option[data-key='34']::before
{
background-position: -1px -135px;
}
.country-c-area .ui-option[data-key='65']::before
{
background-position: -65px -391px;
}
.country-c-area .ui-option[data-key='351']::before
{
background-position: -97px -359px;
}
.country-c-area .ui-option[data-key='599']::before
{
background-position: -225px -7px;
}
.country-c-area .ui-option[data-key='55']::before
{
background-position: -385px -39px;
}
.country-c-area .ui-option[data-key='54']::before
{
background-position: -289px -7px;
}
.country-c-area .ui-option[data-key='93']::before
{
background-position: -66px -7px;
}
.country-c-area .ui-option[data-key='355']::before
{
background-position: -161px -7px;
}
.country-c-area .ui-option[data-key='213']::before
{
background-position: -289px -103px;
}
.country-c-area .ui-option[data-key='1-684']::before
{
background-position: -321px -7px;
}
.country-c-area .ui-option[data-key='376']::before
{
background-position: -66px -486px;
}
.country-c-area .ui-option[data-key='244']::before
{
background-position: -257px -7px;
}
.country-c-area .ui-option[data-key='1-264']::before
{
background-position: -129px -7px;
}
.country-c-area .ui-option[data-key='672']::before
{
background-position: -65px -517px;
}
.country-c-area .ui-option[data-key='1-268']::before
{
background-position: -97px -7px;
}
.country-c-area .ui-option[data-key='374']::before
{
background-position: -193px -7px;
}
.country-c-area .ui-option[data-key='297']::before
{
background-position: -417px -7px;
}
.country-c-area .ui-option[data-key='43']::before
{
background-position: -353px -7px;
}
.country-c-area .ui-option[data-key='994']::before
{
background-position: -449px -7px;
}
.country-c-area .ui-option[data-key='1-242']::before
{
background-position: -417px -39px;
}
.country-c-area .ui-option[data-key='973']::before
{
background-position: -193px -39px;
}
.country-c-area .ui-option[data-key='880']::before
{
background-position: -64px -39px;
}
.country-c-area .ui-option[data-key='1-246']::before
{
background-position: -33px -39px;
}
.country-c-area .ui-option[data-key='375']::before
{
background-position: -33px -71px;
}
.country-c-area .ui-option[data-key='32']::before
{
background-position: -97px -39px;
}
.country-c-area .ui-option[data-key='501']::before
{
background-position: -65px -71px;
}
.country-c-area .ui-option[data-key='229']::before
{
background-position: -257px -39px;
}
.country-c-area .ui-option[data-key='1-441']::before
{
background-position: -289px -39px;
}
.country-c-area .ui-option[data-key='975']::before
{
background-position: -449px -39px;
}
.country-c-area .ui-option[data-key='591']::before
{
background-position: -353px -39px;
}
.country-c-area .ui-option[data-key='387']::before
{
background-position: -1px -39px;
}
.country-c-area .ui-option[data-key='267']::before
{
background-position: -1px -71px;
}
.country-c-area .ui-option[data-key='246']::before
{
background-position: -97px -517px;
}
.country-c-area .ui-option[data-key='1-284']::before
{
background-position: -193px -455px;
}
.country-c-area .ui-option[data-key='673']::before
{
background-position: -321px -39px;
}
.country-c-area .ui-option[data-key='359']::before
{
background-position: -161px -39px;
}
.country-c-area .ui-option[data-key='226']::before
{
background-position: -129px -39px;
}
.country-c-area .ui-option[data-key='257']::before
{
background-position: -225px -39px;
}
.country-c-area .ui-option[data-key='855']::before
{
background-position: -64px -231px;
}
.country-c-area .ui-option[data-key='237']::before
{
background-position: -353px -71px;
}
.country-c-area .ui-option[data-key='238']::before
{
background-position: -33px -103px;
}
.country-c-area .ui-option[data-key='1-345']::before
{
background-position: -289px -231px;
}
.country-c-area .ui-option[data-key='236']::before
{
background-position: -161px -71px;
}
.country-c-area .ui-option[data-key='235']::before
{
background-position: -1px -423px;
}
.country-c-area .ui-option[data-key='56']::before
{
background-position: -321px -71px;
}
.country-c-area .ui-option[data-key='86']::before
{
background-position: -385px -71px;
}
.country-c-area .ui-option[data-key='CX 61']::before
{
background-position: -129px -517px;
}
.country-c-area .ui-option[data-key='61']::before
{
background-position: -161px -517px;
}
.country-c-area .ui-option[data-key='57']::before
{
background-position: -417px -71px;
}
.country-c-area .ui-option[data-key='269']::before
{
background-position: -129px -231px;
}
.country-c-area .ui-option[data-key='682']::before
{
background-position: -289px -71px;
}
.country-c-area .ui-option[data-key='506']::before
{
background-position: -449px -71px;
}
.country-c-area .ui-option[data-key='385']::before
{
background-position: -385px -167px;
}
.country-c-area .ui-option[data-key='53']::before
{
background-position: -1px -103px;
}
.country-c-area .ui-option[data-key='CW 599']::before
{
background-position: -193px -517px;
}
.country-c-area .ui-option[data-key='357']::before
{
background-position: -65px -103px;
}
.country-c-area .ui-option[data-key='420']::before
{
background-position: -97px -103px;
}
.country-c-area .ui-option[data-key='243']::before
{
background-position: -129px -71px;
}
.country-c-area .ui-option[data-key='253']::before
{
background-position: -161px -103px;
}
.country-c-area .ui-option[data-key='1-767']::before
{
background-position: -225px -103px;
}
.country-c-area .ui-option[data-key='1-809']::before
{
background-position: -257px -103px;
}
.country-c-area .ui-option[data-key='1-829']::before
{
background-position: -257px -103px;
}
.country-c-area .ui-option[data-key='1-849']::before
{
background-position: -257px -103px;
}
.country-c-area .ui-option[data-key='670']::before
{
background-position: -225px -486px;
}
.country-c-area .ui-option[data-key='593']::before
{
background-position: -321px -103px;
}
.country-c-area .ui-option[data-key='20']::before
{
background-position: -385px -103px;
}
.country-c-area .ui-option[data-key='503']::before
{
background-position: -353px -391px;
}
.country-c-area .ui-option[data-key='240']::before
{
background-position: -129px -167px;
}
.country-c-area .ui-option[data-key='291']::before
{
background-position: -449px -103px;
}
.country-c-area .ui-option[data-key='372']::before
{
background-position: -353px -103px;
}
.country-c-area .ui-option[data-key='251']::before
{
background-position: -33px -135px;
}
.country-c-area .ui-option[data-key='500']::before
{
background-position: -193px -486px;
}
.country-c-area .ui-option[data-key='298']::before
{
background-position: -161px -135px;
}
.country-c-area .ui-option[data-key='679']::before
{
background-position: -97px -135px;
}
.country-c-area .ui-option[data-key='358']::before
{
background-position: -65px -135px;
}
.country-c-area .ui-option[data-key='689']::before
{
background-position: -353px -327px;
}
.country-c-area .ui-option[data-key='241']::before
{
background-position: -225px -135px;
}
.country-c-area .ui-option[data-key='220']::before
{
background-position: -33px -166px;
}
.country-c-area .ui-option[data-key='995']::before
{
background-position: -321px -135px;
}
.country-c-area .ui-option[data-key='233']::before
{
background-position: -417px -135px;
}
.country-c-area .ui-option[data-key='350']::before
{
background-position: -449px -135px;
}
.country-c-area .ui-option[data-key='30']::before
{
background-position: -161px -166px;
}
.country-c-area .ui-option[data-key='299']::before
{
background-position: -1px -166px;
}
.country-c-area .ui-option[data-key='1-473']::before
{
background-position: -289px -135px;
}
.country-c-area .ui-option[data-key='1-671']::before
{
background-position: -225px -165px;
}
.country-c-area .ui-option[data-key='502']::before
{
background-position: -193px -165px;
}
.country-c-area .ui-option[data-key='44-1481']::before
{
background-position: -353px -133px;
}
.country-c-area .ui-option[data-key='224']::before
{
background-position: -65px -166px;
}
.country-c-area .ui-option[data-key='245']::before
{
background-position: -257px -167px;
}
.country-c-area .ui-option[data-key='592']::before
{
background-position: -289px -167px;
}
.country-c-area .ui-option[data-key='509']::before
{
background-position: -417px -167px;
}
.country-c-area .ui-option[data-key='504']::before
{
background-position: -353px -167px;
}
.country-c-area .ui-option[data-key='852']::before
{
background-position: -321px -167px;
}
.country-c-area .ui-option[data-key='36']::before
{
background-position: -449px -167px;
}
.country-c-area .ui-option[data-key='354']::before
{
background-position: -257px -198px;
}
.country-c-area .ui-option[data-key='91']::before
{
background-position: -161px -198px;
}
.country-c-area .ui-option[data-key='62']::before
{
background-position: -1px -198px;
}
.country-c-area .ui-option[data-key='98']::before
{
background-position: -225px -198px;
}
.country-c-area .ui-option[data-key='964']::before
{
background-position: -193px -198px;
}
.country-c-area .ui-option[data-key='353']::before
{
background-position: -33px -198px;
}
.country-c-area .ui-option[data-key='44-1624']::before
{
background-position: -97px -198px;
}
.country-c-area .ui-option[data-key='972']::before
{
background-position: -65px -198px;
}
.country-c-area .ui-option[data-key='225']::before
{
background-position: -257px -71px;
}
.country-c-area .ui-option[data-key='1-876']::before
{
background-position: -385px -198px;
}
.country-c-area .ui-option[data-key='81']::before
{
background-position: -449px -198px;
}
.country-c-area .ui-option[data-key='44-1534']::before
{
background-position: -321px -198px;
}
.country-c-area .ui-option[data-key='962']::before
{
background-position: -417px -198px;
}
.country-c-area .ui-option[data-key='KZ 7']::before
{
background-position: -321px -231px;
}
.country-c-area .ui-option[data-key='254']::before
{
background-position: -1px -231px;
}
.country-c-area .ui-option[data-key='686']::before
{
background-position: -97px -231px;
}
.country-c-area .ui-option[data-key='383']::before
{
background-position: -225px -517px;
}
.country-c-area .ui-option[data-key='965']::before
{
background-position: -257px -231px;
}
.country-c-area .ui-option[data-key='996']::before
{
background-position: -33px -231px;
}
.country-c-area .ui-option[data-key='856']::before
{
background-position: -353px -231px;
}
.country-c-area .ui-option[data-key='371']::before
{
background-position: -161px -262px;
}
.country-c-area .ui-option[data-key='961']::before
{
background-position: -385px -231px;
}
.country-c-area .ui-option[data-key='266']::before
{
background-position: -65px -262px;
}
.country-c-area .ui-option[data-key='231']::before
{
background-position: -33px -262px;
}
.country-c-area .ui-option[data-key='218']::before
{
background-position: -193px -262px;
}
.country-c-area .ui-option[data-key='423']::before
{
background-position: -449px -231px;
}
.country-c-area .ui-option[data-key='370']::before
{
background-position: -97px -262px;
}
.country-c-area .ui-option[data-key='352']::before
{
background-position: -129px -262px;
}
.country-c-area .ui-option[data-key='853']::before
{
background-position: -65px -294px;
}
.country-c-area .ui-option[data-key='389']::before
{
background-position: -417px -262px;
}
.country-c-area .ui-option[data-key='261']::before
{
background-position: -353px -262px;
}
.country-c-area .ui-option[data-key='265']::before
{
background-position: -289px -294px;
}
.country-c-area .ui-option[data-key='60']::before
{
background-position: -353px -294px;
}
.country-c-area .ui-option[data-key='960']::before
{
background-position: -257px -294px;
}
.country-c-area .ui-option[data-key='223']::before
{
background-position: -449px -262px;
}
.country-c-area .ui-option[data-key='356']::before
{
background-position: -193px -294px;
}
.country-c-area .ui-option[data-key='692']::before
{
background-position: -385px -262px;
}
.country-c-area .ui-option[data-key='222']::before
{
background-position: -129px -294px;
}
.country-c-area .ui-option[data-key='230']::before
{
background-position: -225px -294px;
}
.country-c-area .ui-option[data-key='YT 262']::before
{
background-position: -257px -517px;
}
.country-c-area .ui-option[data-key='52']::before
{
background-position: -321px -294px;
}
.country-c-area .ui-option[data-key='691']::before
{
background-position: -129px -135px;
}
.country-c-area .ui-option[data-key='373']::before
{
background-position: -289px -262px;
}
.country-c-area .ui-option[data-key='377']::before
{
background-position: -1px -198px;
}
.country-c-area .ui-option[data-key='976']::before
{
background-position: -33px -294px;
}
.country-c-area .ui-option[data-key='382']::before
{
background-position: -321px -262px;
}
.country-c-area .ui-option[data-key='1-664']::before
{
background-position: -161px -294px;
}
.country-c-area .ui-option[data-key='MA 212']::before
{
background-position: -225px -262px;
}
.country-c-area .ui-option[data-key='258']::before
{
background-position: -385px -294px;
}
.country-c-area .ui-option[data-key='95']::before
{
background-position: -1px -294px;
}
.country-c-area .ui-option[data-key='264']::before
{
background-position: -417px -294px;
}
.country-c-area .ui-option[data-key='674']::before
{
background-position: -193px -326px;
}
.country-c-area .ui-option[data-key='977']::before
{
background-position: -163px -324px;
}
.country-c-area .ui-option[data-key='31']::before
{
background-position: -98px -324px;
}
.country-c-area .ui-option[data-key='687']::before
{
background-position: -289px -517px;
}
.country-c-area .ui-option[data-key='505']::before
{
background-position: -65px -324px;
}
.country-c-area .ui-option[data-key='227']::before
{
background-position: -1px -324px;
}
.country-c-area .ui-option[data-key='234']::before
{
background-position: -33px -324px;
}
.country-c-area .ui-option[data-key='683']::before
{
background-position: -321px -517px;
}
.country-c-area .ui-option[data-key='850']::before
{
background-position: -193px -231px;
}
.country-c-area .ui-option[data-key='1-670']::before
{
background-position: -353px -517px;
}
.country-c-area .ui-option[data-key='NO 47']::before
{
background-position: -129px -324px;
}
.country-c-area .ui-option[data-key='968']::before
{
background-position: -257px -324px;
}
.country-c-area .ui-option[data-key='92']::before
{
background-position: -449px -324px;
}
.country-c-area .ui-option[data-key='680']::before
{
background-position: -129px -358px;
}
.country-c-area .ui-option[data-key='970']::before
{
background-position: -65px -358px;
}
.country-c-area .ui-option[data-key='507']::before
{
background-position: -289px -324px;
}
.country-c-area .ui-option[data-key='675']::before
{
background-position: -385px -324px;
}
.country-c-area .ui-option[data-key='595']::before
{
background-position: -161px -358px;
}
.country-c-area .ui-option[data-key='51']::before
{
background-position: -321px -324px;
}
.country-c-area .ui-option[data-key='63']::before
{
background-position: -417px -324px;
}
.country-c-area .ui-option[data-key='64']::before
{
background-position: -257px -486px;
}
.country-c-area .ui-option[data-key='48']::before
{
background-position: -1px -358px;
}
.country-c-area .ui-option[data-key='1-787']::before
{
background-position: -33px -358px;
}
.country-c-area .ui-option[data-key='1-939']::before
{
background-position: -33px -358px;
}
.country-c-area .ui-option[data-key='974']::before
{
background-position: -193px -358px;
}
.country-c-area .ui-option[data-key='242']::before
{
background-position: -193px -71px;
}
.country-c-area .ui-option[data-key='262']::before
{
background-position: -193px -135px;
}
.country-c-area .ui-option[data-key='40']::before
{
background-position: -257px -358px;
}
.country-c-area .ui-option[data-key='7']::before
{
background-position: -321px -358px;
}
.country-c-area .ui-option[data-key='250']::before
{
background-position: -353px -358px;
}
.country-c-area .ui-option[data-key='BL 590']::before
{
background-position: -193px -135px;
}
.country-c-area .ui-option[data-key='290']::before
{
background-position: -417px -517px;
}
.country-c-area .ui-option[data-key='1-869']::before
{
background-position: -161px -231px;
}
.country-c-area .ui-option[data-key='1-758']::before
{
background-position: -289px -486px;
}
.country-c-area .ui-option[data-key='590']::before
{
background-position: -385px -517px;
}
.country-c-area .ui-option[data-key='508']::before
{
background-position: -321px -486px;
}
.country-c-area .ui-option[data-key='1-784']::before
{
background-position: -129px -455px;
}
.country-c-area .ui-option[data-key='685']::before
{
background-position: -321px -455px;
}
.country-c-area .ui-option[data-key='378']::before
{
background-position: -193px -391px;
}
.country-c-area .ui-option[data-key='239']::before
{
background-position: -321px -391px;
}
.country-c-area .ui-option[data-key='966']::before
{
background-position: -385px -358px;
}
.country-c-area .ui-option[data-key='221']::before
{
background-position: -225px -390px;
}
.country-c-area .ui-option[data-key='381']::before
{
background-position: -288px -358px;
}
.country-c-area .ui-option[data-key='248']::before
{
background-position: -449px -358px;
}
.country-c-area .ui-option[data-key='232']::before
{
background-position: -161px -391px;
}
.country-c-area .ui-option[data-key='1-721']::before
{
background-position: -449px -486px;
}
.country-c-area .ui-option[data-key='421']::before
{
background-position: -129px -391px;
}
.country-c-area .ui-option[data-key='386']::before
{
background-position: -97px -391px;
}
.country-c-area .ui-option[data-key='677']::before
{
background-position: -417px -358px;
}
.country-c-area .ui-option[data-key='252']::before
{
background-position: -257px -391px;
}
.country-c-area .ui-option[data-key='27']::before
{
background-position: -385px -455px;
}
.country-c-area .ui-option[data-key='82']::before
{
background-position: -225px -231px;
}
.country-c-area .ui-option[data-key='211']::before
{
background-position: -1px -517px;
}
.country-c-area .ui-option[data-key='94']::before
{
background-position: -1px -262px;
}
.country-c-area .ui-option[data-key='249']::before
{
background-position: -1px -391px;
}
.country-c-area .ui-option[data-key='597']::before
{
background-position: -289px -391px;
}
.country-c-area .ui-option[data-key='47']::before
{
background-position: -129px -324px;
}
.country-c-area .ui-option[data-key='268']::before
{
background-position: -417px -391px;
}
.country-c-area .ui-option[data-key='963']::before
{
background-position: -385px -391px;
}
.country-c-area .ui-option[data-key='886']::before
{
background-position: -353px -422px;
}
.country-c-area .ui-option[data-key='992']::before
{
background-position: -97px -422px;
}
.country-c-area .ui-option[data-key='255']::before
{
background-position: -385px -422px;
}
.country-c-area .ui-option[data-key='66']::before
{
background-position: -65px -422px;
}
.country-c-area .ui-option[data-key='228']::before
{
background-position: -33px -422px;
}
.country-c-area .ui-option[data-key='690']::before
{
background-position: -33px -517px;
}
.country-c-area .ui-option[data-key='676']::before
{
background-position: -225px -422px;
}
.country-c-area .ui-option[data-key='1-868']::before
{
background-position: -289px -422px;
}
.country-c-area .ui-option[data-key='216']::before
{
background-position: -193px -422px;
}
.country-c-area .ui-option[data-key='90']::before
{
background-position: -257px -422px;
}
.country-c-area .ui-option[data-key='993']::before
{
background-position: -161px -422px;
}
.country-c-area .ui-option[data-key='1-649']::before
{
background-position: -449px -391px;
}
.country-c-area .ui-option[data-key='688']::before
{
background-position: -321px -422px;
}
.country-c-area .ui-option[data-key='1-340']::before
{
background-position: -353px -486px;
}
.country-c-area .ui-option[data-key='256']::before
{
background-position: -449px -422px;
}
.country-c-area .ui-option[data-key='380']::before
{
background-position: -417px -422px;
}
.country-c-area .ui-option[data-key='971']::before
{
background-position: -33px -7px;
}
.country-c-area .ui-option[data-key='598']::before
{
background-position: -33px -455px;
}
.country-c-area .ui-option[data-key='998']::before
{
background-position: -65px -455px;
}
.country-c-area .ui-option[data-key='678']::before
{
background-position: -289px -455px;
}
.country-c-area .ui-option[data-key='379']::before
{
background-position: -97px -455px;
}
.country-c-area .ui-option[data-key='58']::before
{
background-position: -161px -455px;
}
.country-c-area .ui-option[data-key='84']::before
{
background-position: -257px -455px;
}
.country-c-area .ui-option[data-key='681']::before
{
background-position: -385px -486px;
}
.country-c-area .ui-option[data-key='212']::before
{
background-position: -417px -102px;
}
.country-c-area .ui-option[data-key='967']::before
{
background-position: -353px -455px;
}
.country-c-area .ui-option[data-key='260']::before
{
background-position: -417px -455px;
}
.country-c-area .ui-option[data-key='263']::before
{
background-position: -449px -455px;
}
.order-payment-area .mobile-money{
  display: none;
}
.order-pay-applepay .mobile-money{
  display: none;
}

.order .paypal-area{
  padding-top: 90px;
  min-height: 500px;
  text-align: center;
}
.order .paypal-area .box-area{
  display: inline-block;
}
.order .paypal-area .title-1{
  margin-bottom: 50px;
}
.order .paypal-area .text{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
}
.failure-raea{
  text-align:center;
  min-height:500px;
  padding:120px 0;
  line-height:2;
}
.failure-raea .sorry{
  font-size: 26px;
  color: #fff;
}
.failure-raea .icon{
  font-size: 30px;
  line-height: 50px;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background: red;
  vertical-align: sub;
}
.failure-raea .back{
  display:inline-block;
  min-width: 150px;
  height: 45px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  padding: 0 20px;
  margin-top: 20px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 5px;
  background-image: linear-gradient(to bottom,#da3732 0,#a40d16 100%);
}

.order-summary {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  padding: 50px;
  grid-gap: 100px;
  min-height: 800px;
  background: #fff;
  border-radius: 10px 10px;
  margin-top: -75px;
}
.order-summary .title{
  color: #0c0400;

  margin-bottom: 60px;
  font-weight: 500;
  font-size: 26px;
}
.order-summary .ortop{
  font-size: 18px;
  color: var(--ep-color-d);
}
.order-summary .orpay{
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  font-size: 20px;

}
.order-summary .orno{
  margin-bottom: 35px;
  padding-bottom: 35px;
  border-bottom: 1px solid #efefef;
}
.order-summary .detleft{
  border: 1px solid #ebebeb;
  border-radius: 10px;
  padding: 50px;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);
  background-color: #fff;
}
.order-summary .sk-three-bounce {
  position: relative;
  left: initial;
  right: initial;
  margin: 0 auto;
  top: 0;
}
.order-summary .detleft-pay{
  min-height: 200px;
  padding: 35px;
  border-radius: 10px;
  border: 1px solid #ebebeb;
}
.order-summary .orerror{
  color: #d83939
}
.order-summary .orsuccess{
  color: #0d8346
}

.block-widget{
  border-radius: 10px;
  padding: 22px 30px 30px 30px;
  margin-bottom: 24px;
  background: var(--ep-color-b2);
}
.block-widget .title-2{
  font-weight: 600;
  font-size: 16px;
  color: var(--ep-color-d);
  padding-left: 16px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--ep-color-i);
  position: relative;
  margin-bottom: 30px;
}
.block-widget .title-2::before{
  position: absolute;
  left: 0;
  top: 1px;
  content: "";
  width: 4px;
  height: 15px;
  background: linear-gradient(180deg, #ff4f1d 0%, #006ef5 100%);
  border-radius: 2px;
}
.block-widget .title-2.note-card{
  display: flex;
  align-items: center;
}
.block-widget .title-2 .text{
  font-size: 12px;
  color: #00b303;
  margin-left: 15px;
  font-weight: 400;
  display: flex;
  align-items: center;
}
.block-widget .title-2 .icons {
  margin-right: 5px;
  font-size: 12px;
}
.block-widget .title-2 {}
div.sub-form-action-column[data-v-37a06f6c] .el-button{
  background: #141b27 !important;
    border-color: #141B27 !important;
    color: #94a7c6;
}
.sub-form-container[data-v-37a06f6c] .el-row.header-row{
  color: var(--ep-color-d);
}

.cart-login-area{
  margin-top: -10px;
  margin-bottom: -5px;
  float: left;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.cart-login-area .cart-login .link{
  display: inline-block;
  border: 1px solid #006ef5;
  padding: 7px 33px;
  border-radius: 50px;

  font-weight: 800;
  font-size: 14px;
  color: #fff;
  margin-right: 8px;
}
.cart-login-area .cart-login .link:hover{
  cursor: pointer;
  background-color: #006ef5;
}
.cart-login-area .ctext{
  display: flex;
  height: 42px;
  background: #141b27;
  border-radius: 8px;
  align-items: center;
  padding: 0 12px;
}
.cart-login-area .ctext .icon{
  width: 16px;
  height: 16px;
  background: #E21616;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;

  font-weight: 600;
  font-size: 12px;
  color: #fff;
  margin-right: 8px;
}
.register-check{
  display: flex;
  padding: 7px 0 0 7px;
}
.register-check p{
  padding-left: 25px;
}

.errorTips{
  left: 50%;
  transform: translateX(-50%);
}

/*fc 26游戏后置购买流程*/
.shogun {
  height: 228px;
}
.shogun .shogun-area {
  overflow: auto;
  margin-bottom: 20px;
  padding: 24px;
  border-radius: 16px;
  background: var(--ep-color-b2);
}
.shogun .shogun-ul{
  display: flex;
  align-items: center;
  justify-content: center;
}
.shogun .shogun-ul li{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  width: 25%;
}
.shogun .shogun-ul li::before{
  content: "";
  position: absolute;
  width: 30%;
  height: 2px;
  background: #e8eaed;
  right: 0;
  top: 24px;
}
.shogun .shogun-ul li::after  {
  content: "";
  position: absolute;
  width: 30%;
  height: 2px;
  background: #e8eaed;
  left: 0;
  top: 24px;
}
.shogun .shogun-ul li:first-child::after,
.shogun .shogun-ul li:last-child::before{
  display: none;
}
.shogun .shogun-ul .box{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 12px;
}
.shogun .shogun-ul .icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  font-size: 14px;
  font-weight: 600;
  color: #9CA3AF;
  background: #F3F4F6;
  border-radius: 50%;
  margin-bottom: 10px;
}
.shogun .shogun-ul .lines{
  display: flex;
  width: 100px;
  height: 2px;
  margin-left: 20px;
  background: #71717A;
}
.shogun .shogun-ul .on {
  color: #1FC66B!important;
}
.shogun .shogun-ul .on .icon,
.shogun .shogun-ul .on .lines{
  color: #fff;
  background: #1FC66B !important;
}
.shogun .shogun-ul .on + li{
  color: #006EF5;
}
.shogun .shogun-ul .on + li .icon,
.shogun .shogun-ul .on + li .lines{
  color: #fff;
  background: #006EF5;
}

.shogun-fc {
  position: relative;
  border-radius: 16px;
  padding: 16px 24px 0;
  margin-bottom: 25px;
  background: var(--ep-color-b2);
}
.shogun-fc-header{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.shogun-fc-header .icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  font-size: 18px;
  color: #fff;
  background: #1FC66B;
  border-radius: 4px;
  margin-right: 8px;
}
.shogun-fc-header .text{
  font-size: 30px;
  font-weight: 600;
  color: var(--ep-color-d);
}
.shogun-fc-header .h1{
  color: #006EF5;
}
.fc-step-one {
  margin-top: -170px;
  margin-bottom: 25px;
}
.fc-step-one .fc-account-panel {
  border-radius: 16px;
}
.fc-step-one .fc-account-panel .shogun-content {
  padding-top: 0;
}

.fc-step-one .fc-account-panel .add-options{
  display: flex;
  margin: 0 -10px;
}
.fc-step-one .fc-account-panel .field-wrapper{
  width: 50%;
  float: left;
  padding: 0 10px;
}
.fc-step-one .fc-account-panel .add-options .field-wrapper:first-child{
  margin-bottom: 0;
}
.fc-step-one .fc-account-panel .textonlyy{
  display: flex;
  width: 100%;
  color: red;
  border-radius: 8px;
  background: rgba(239, 71, 61, .1);
  padding: 11px 16px 10px 16px;
  margin-bottom: 20px;
}
.fc-step-one .fc-account-panel .textonlyy .icon{
  margin-right: 8px;
}
.fc-step-one .fc-account-panel .playerinfo-bottom{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.shogun-fc .shogun-fc-li{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.shogun-fc .fc-left{
  display: flex;
  align-items: center;
}
.shogun-fc .fc-left .imgbox{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  min-width: 64px;
  border-radius: 12px;
  padding: 8px;
  background: #006EF5;
  margin-right: 8px;
}
.shogun-fc .fc-left .imgbox .icon{
  font-size: 38px;
  color: #fff;
}
.shogun-fc .fc-left .text-box .title{
  font-size: 24px;
  font-weight: 600;
  color: var(--ep-color-d);
}
.shogun-fc .fc-left .text-box .subtitle{
  display: inline-flex;
  padding: 2px 8px;
  font-size: 12px;
  border-radius: 6px;
  background: var(--ep-color-h);
}
.shogun-fc .fc-right {
  display: flex;
  align-items: center;
}
.shogun-fc .fc-right .total{
  font-size: 24px;
  font-weight: 600;
  color: #F26822;
  margin-right: 16px;
}
.shogun-fc .fc-right .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 14px;
  color: #fff;
  background: #1FC66B;
  border-radius: 4px;
  margin-right: 4px;
}
.shogun-fc .fc-right .text{
  font-size: 14px;
  font-weight: 600;
  color: var(--ep-color-d);
}
.shogun-fc .shogun-amount {
  padding: 24px;
  border-radius: 12px;
  background: var(--ep-color-h);
  margin-top: 16px;
}
.shogun-fc .shogun-amount .title{
  display: flex;
  align-items: center;
  position: relative;
  font-weight: 600;
  color: var(--ep-color-d);
  margin-bottom: 10px;
}
.shogun-fc .shogun-amount .title::before {
  content: "";
  width: 4px;
  height: 14px;
  margin-right: 4px;
  border-radius: 12px;
  background: #006EF5;
}
.shogun-fc .shogun-amount {
  padding: 24px;
  border-radius: 12px;
  background: #F2F2F7;
}
.shogun-fc .shogun-amount-link {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.shogun-fc .view-more-areas{
  text-align: center;
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  position: relative;
  z-index: 10;
  bottom: -6px;
  margin-top: -10px;
  color: var(--ep-color-h);
}
.shogun-fc .view-more-areas > svg{
  display: block;
  color: var(--ep-color-h);
  flex-shrink: 0;
}
.shogun-fc .view-more-areas .text{
  display: inline-flex;
  align-items: center;
  color: var(--ep-color-g1);
  cursor: pointer;
  width: 104px;
  height: 26px;
  justify-content: center;
  background: var(--ep-color-h);
  border-radius: 12px 12px 0 0;
}
.shogun-fc .view-more-areas .text:hover{
  color: #f26822;
}

.shogun-content {
  display: flex;
  width: 100%;
}
#app.page-container > .container {
  clear: both;
}
.shogun-content .block-widget .title-2{
  padding-bottom: 0;
  border-bottom: 0;
}
.shogun-content .right {
  width: 440px;
  margin-left: 28px;
  height: 100%;
}
.shogun-content .left {
  flex: 1;
  width: 100%;
}
.shogun-content .cart-list .list-item .total{
  text-align: right;
}
.shogun-content .cart-list .total-amount{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 54px;
  padding: 0 10px;
  border-bottom: 1px solid var(--ep-color-i1);
}
.shogun-content .name{
  color: var(--ep-color-d);
  font-size: 14px;
  font-weight: 400;
}
.shogun-content .link{
  color: var(--ep-color-d);
  font-size: 16px;
  font-weight: bold;
}
.shogun-content .quantity .make {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 130px;
  background: var(--ep-color-b2);
  border-radius: 6px;
}
.shogun-content .cart-list .list-item .title-game .give{
  font-weight: normal;
  color: var(--ep-color-g1);
}
.shogun-content .order-a li{
  border-bottom: 1px solid var(--ep-color-i1);
}
.shogun-content .order-a li:last-child{
  border-bottom: 0;
  color: var(--ep-color-d);
}
.shogun-content .order-a .box{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 54px;
}
.shogun-content .btn-subm {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 54px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  margin-top: 20px;
}
.shogun-content .btn-subm:hover{
  background: linear-gradient(to right,#0048e9,#f21d00);
}
.shogun-content .playerinfo .title-6{
  display: flex;
  width: 100%;
  color: var(--ep-color-g1);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}

.shogun-content .playerinfo .btn{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  border: 0;
  padding: 0 20px;
  border-radius: 8px;
  width: 330px;
}
.shogun-content .playerinfo .btn:hover{
  background: linear-gradient(to right,#0048e9,#f21d00);
}
.important-tip {
  width: 500px;
  background: var(--ep-color-b2);
  border-radius: 20px;
}
.important-tip .title{
  text-align: center;
  color: var(--ep-color-d);
  font-size: 18px;
  font-weight: 600;
  padding: 23px 0;
  border-bottom: 1px solid var(--ep-color-i);
}
.important-tip .text{
  padding: 30px;
  color: var(--ep-color-d);
}
.important-tip .text h3{
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
}
.important-tip .text .one{
  margin-bottom: 10px;
}
.important-tip .iom{
  text-align: center;
  margin-bottom: 40px;
}
.important-tip .iom .icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 86px;
  height: 86px;
  color: #FF4F1D;
  font-size: 42px;
  border-radius: 50%;
  background: rgba(255,79,29,.2);
}
.important-tip .btn-box{
  text-align: center;
  margin-bottom: 40px;
}
.important-tip .btn-box .btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 196px;
  height: 48px;
  background: #006EF5;
  border-radius: 8px;
  padding: 0 10px;
  color: #fff;
  font-weight: 600;
  border: 0;
}
.important-tip .btn-box .btn:hover{
  background: linear-gradient(to right,#0048e9,#f21d00);
}
.important-tip .cols {
  position: absolute;
  right: -36px;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}
.order-infodis{
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
}
.order-information {
  display: flex;
  flex:1;
  align-items: center;
  width: 100%;
}
.order-information .lidb{
  display: flex;
  align-items: center;
  margin-right: 10px;
  padding-right: 10px;
  font-size: 14px;
  height: 14px;
  color: var(--ep-color-g1);
  border-right: 1px solid var(--ep-color-g1);
}
.order-information .lidb:last-child{
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}
.order-process {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 40px;
  height: 158px;
  border-radius: 16px;
  margin-bottom: 25px;
  background: var(--ep-color-h);
}
.order-process .proctime{
  position: absolute;
  right: 0;
  left: 0;
  text-align: center;
  top: 0;
  margin: auto;
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 38px;
  color: var(--ep-color-d);
  background: rgba(0,110,245,.1);
  border-radius: 0 0 10px 10px;
}
.order-process .proctime .icon{
  margin-right: 8px;
  color: #006ef5;
}
.order-process .orpr-box{
  position: relative;
  display: flex;
  width: 100%;
  flex: 1;
  margin: 60px 24px 0 11px;
}
.order-process .orpr-box .text{
  overflow: hidden;
  width: 100%;
  position: relative;
  height: 21px;
  border-radius: 10px;
  border: 1px solid #13C100;
  background: #fff;
}
.order-process .orpr-box .text i{
  position: absolute;
  left: 0;
  height: 21px;
  width: var(--progress);
  background: #13C100;
}
.order-process .orprimg2{
  position: absolute;
  bottom: 30px;
  left: %;
  height: 44px;
  width: 44px;
  display: flex;
  min-height: 44px;
  animation: myletian 3s linear infinite;
}
.order-process.is-dynamic .orpr-box .text i {
  animation: none !important;
  transition: width 1s ease-out;
}
.order-process.is-dynamic .orprimg2 {
  transition: left 1s ease-out;
}
.order-process.is-verify-failed .orpr-box .text{
  border-color: #EF473D;
  background: #fff;
}
.order-process.is-verify-failed .orpr-box .text i{
  background: #EF473D;
}
.right-notice {
  background: rgba(255,55,0,.2);
  padding: 14px;
  border-radius: 10px;
  color: var(--ep-color-d);
}
.right-notice .title{
  color: rgba(255,55,0);
  font-weight: bold;
}
.right-notice .title em{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  font-style: normal;
  border: 2px solid;
  border-radius: 50%;
  font-size: 14px;
  font-family: arial,Verdana;
  font-weight: bold;
}
.fc-delivery-verify-fail {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  margin-top: 20px;
  padding: 16px 20px;
  border-radius: 12px;
  background: var(--ep-color-b2);
}
.fc-delivery-verify-alert {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(239,71,61,.2);
  border-radius: 8px;
  background: rgba(239,71,61,.05);
}
.fc-delivery-verify-alert > img {
  width: 72px;
  height: 72px;
  flex-shrink: 0;
}
.fc-delivery-verify-copy {
  flex: 1;
  min-width: 0;
}
.fc-delivery-verify-copy h3 {
  margin: 0;
  color: var(--ep-color-d);
  font-size: 20px;
  line-height: 24px;
}
.fc-delivery-verify-copy p {
  margin: 4px 0 0;
  color: var(--ep-color-g1);
  font-size: 12px;
  line-height: 20px;
}
.fc-delivery-contact {
  display: inline-flex;
  align-items: center;
  margin-top: 4px;
  color: #006EF5;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
}
.fc-delivery-contact::after {
  content: '\2192';
  margin-left: 4px;
}
.fc-delivery-contact:hover {
  text-decoration: underline;
}
.fc-delivery-verify-alert > .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 48px;
  margin-left: auto;
  padding: 0 24px;
  border: 0;
  border-radius: 8px;
  flex-shrink: 0;
  color: #fff;
  background: #006EF5;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.fc-delivery-verify-help {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
  width: 515px;
  min-height: 103px;
  padding: 16px 0;
  flex-shrink: 0;
}
.fc-delivery-verify-help .link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-size: 14px;
  line-height: 20px;
}
.fc-delivery-verify-help .label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--ep-color-d);
}
.fc-delivery-verify-help .help-q {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  flex-shrink: 0;
  color: #fff;
  background: #006EF5;
  font-size: 12px;
}
.fc-delivery-verify-help a {
  color: #f26822;
  white-space: nowrap;
}
.fc-delivery-verify-help a:hover {
  text-decoration: underline;
}
.delivery-guarantee {
  margin: -12px 0 20px;
  padding: 0 40px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--ep-color-d, #666);
}
.order-discord {
  display: flex;
  align-items: center;
  color: var(--ep-color-d);
}
.order-discord .icon{
  font-size: 20px;
  color: #5865F2;
  margin-right: 10px;
}
.order-discord a{
  font-size: 14px;
  color: #FF4F1D;
  margin-left: 5px;
}
.order-discord a:hover{
  text-decoration: underline;
}

.news-section{
  margin-top: 55px;
}
.section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section-header .read-more{
  display: flex;
  align-items: center;
  color: var(--ep-color-d);
}
.section-header .read-more:hover{
  color: #ff4f1d;
}
.section-header .read-more .name {
  margin-right: 5px;
}
.section-header h2{
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 8px;
  color: var(--ep-color-d);
}
.news-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin: 0 -12px;
}
.news-card{
  position: relative;
  overflow: hidden;
  border-radius:10px;
  margin: 12px;
}
.news-card .img{
  display: flex;
  overflow: hidden;
  height: 210px;
}
.news-card .img img{
  height: 210px;
  width: 100%;
  object-fit: cover;
  transition: all .3s;
}
.news-card .news-excerpt{
  display: -webkit-box;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 42px;
}
.news-card .news-contat {
  display: flex;
  flex-direction: column;
  padding: 20px 24px 14px;
  border: 1px solid var(--border);
  height: 100%;
  background: var(--ep-color-h1);
}
.news-card .news-contat .time-area{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--border);
  margin-top: 15px;
  padding-top: 15px;
  font-size: 12px;
}
.news-card .news-contat .time{
  display: flex;
  color: var(--ep-color-d);
  align-items: center;
}
.news-card .news-contat .time .icon {
  margin-right: 10px;
  font-size: 12px;
  color: #fb460f;
}
.news-card .news-contat .ico{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 510%;
  background: var(--ep-color-a);
  width: 32px;
  height: 32px;
  color: #b3b3b3;
  font-size: 12px;
}
.news-tag{
  position: absolute;
  top:15px;
  left: 15px;
  z-index: 1;
  display: flex;
  align-items: center;
  height: 34px;
  padding: 0 18px;
  font-size: 12px;
  border-radius: 17px;
  text-transform: uppercase;
  color: #fb460f;
  background: var(--ep-color-a2);
  box-shadow: 0 0 4px 1px #fb460f;
}
.news-title{
  display: -webkit-box;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size:20px;
  font-weight:600;
  color:var(--ep-color-d);
  line-height:1.4;
  margin-bottom:6px;
  height: 56px;
}
.news-excerpt{
  font-size:14px;
  color:var(--ep-color-d);
  line-height:1.5;
}
.news-card:hover .news-title{
  color: #fb460f;
}
.news-card:hover img{
  transform: scale(1.1);
}
.news-card:hover .ico{
  color: #fff;
  background: #fb460f;
}

.also-section{
  margin-top: 55px;
}
.also-section .also-gird{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin: 0 -15px;
}
.also-gird .also-card{
  display: flex;
  justify-content: space-between;
  padding: 40px;
  margin: 15px;
  border-radius: 20px;
  background: url(/mmoexp-v250528/images/all/bg.jpg) no-repeat;
  background-size: cover;
}
.also-gird .also-card .also-label{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 24px;
  border-radius: 12px;
  color: #fff;
  background: rgba(255,255,255,.2);
  margin-bottom: 5px;
}
.also-gird .also-card .title{
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 13px;
}
.also-gird .also-card .also-price{
  color: #fff;
  margin-bottom: 7px;
}
.also-gird .also-card .price{
  font-size: 24px;
  font-weight: 600;
  color: #FF4F1D;
}
.also-gird .also-card .btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 151px;
  height: 42px;
  background: linear-gradient(-90deg, #FF2D5D, #FF4F1D);
  border-radius: 6px;
}
.also-gird .also-card .btn:hover{
  background: linear-gradient(to right,#0048e9,#f21d00);
}
.enjoyed {
  padding: 50px;
  border-radius: 20px;
  border: 2px solid #00B67A;
  margin-top: 55px;
  text-align: center;
  color: var(--ep-color-d);
  background: var(--ep-color-aa);
}
.enjoyed h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
.enjoyed .star {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 15px 0 40px;
}
.enjoyed .star .ico{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin: 2px;
  color: #fff;
  font-size: 20px;
  background: #00B67A;
}
.enjoyed .btn{
  padding: 0 20px;
  height: 54px;
  line-height: 54px;
  background: #006EF5;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
.enjoyed .btn:hover{
  background: linear-gradient(to right,#0048e9,#f21d00);
}
.enjoyed .name{
  display: block;
  color: var(--ep-color-g1);
}

.order-congratu {
  width: 932px;
  margin: auto;
}
.order-congratu .title{
  display: block;
  text-align: center;
  color: var(--ep-color-d);
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 25px;
}
.order-congratu-text {
  text-align: center;
  background: var(--ep-color-b2);
  border-radius: 20px;
  padding: 40px 0;
}
.order-congratu-text img{
  margin-bottom: 10px;
}
.order-congratu-text .order-information{
  justify-content: center;
  margin-bottom: 35px;
}
.order-congratu-text .titlebtn{
  font-size: 24px;
  margin-bottom: 15px;
  font-weight: 600;
  color: var(--ep-color-d);
}
.order-congratu-text .order-discord{
  display: inline-flex;
  align-items: center;
  height: 48px;
  padding: 0 22px;
  background: var(--ep-color-zp1);
  border-radius: 10px;
}

/*订单超时赠送优惠卷*/
.total-time-area {
  display: flex;
  justify-content: flex-end;
}
.total-time-area .total-amount-area{
  order: 1;
  width: 385px;
}
.total-time-area .total-time-left{
  flex: 1;
  margin-right: 60px;
  padding-top: 30px;
}
.total-time-area .line-god{
  border-top: 1px solid #006EF51A;
  margin-top: 8px;
  padding-top: 8px;
}
.total-time-area .line-god .name{
  font-size: 16px !important;
}
.total-time-area .line-god .money {
  font-size: 18px;
}
.total-time-area .tme-box{
  display: flex;
}
.total-time-area .tme-box .tme-link{
  display: flex;
  align-items: center;
  width: 50%;
  margin-right: 8px;
  border:1px solid #006EF51A;
  background: #006EF51A;
  border-radius: 8px;
  padding: 16px 24px;
}
.total-time-area .tme-box .tme-link2{
  border-color: #EF473D33;
  background: #EF473D1A;
}
.total-time-area .tme-box .tme-link .icon{
  font-size: 32px;
  color: #006EF5;
}
.total-time-area .tme-box .tme-link2 .icon{
  color: #EF473D;
}
.total-time-area .countdown-digits{
  display: flex;
  align-items: center;
  margin-left: -5px;
}
.total-time-area .countdown-digbox{
  margin-left: 24px;
  padding-left: 24px;
  border-left: 1px solid rgba(0, 110, 245, 0.08);
}
.total-time-area .coupon-name{
  display: flex;
  margin-bottom: 5px;
  font-size: 12px;
  color: #77859A;
}
.total-time-area .cd-unit{
  text-align: center;
  margin: 0 5px;
}
.total-time-area .cd-num{
  font-size: 22px;
  font-weight: bold;
  color: #006EF5;
  line-height: 18px;
}
.total-time-area .mh{
  font-size: 18px;
  color: #006EF5;
  margin-top: -24px;
}
.total-time-area .tme-name{
  font-size: 10px;
  color: #77859A;
}
.total-time-area .jq-delivery-secs{
  color: #EF473D;
}
.total-time-area .coupon-area{
  display: flex;
  align-items: center;
  width: 100%;
  flex: 1;
}
.total-time-area .coupon-box{
  margin-left: 24px;
  padding-left: 24px;
  margin-right: auto;
  border-left: 1px solid rgba(239, 71, 61, 0.10);
}
.total-time-area .coupon-box p{
  font-size: 22px;
  color: #EF473D;
  font-weight: bold;
  line-height: 22px;
}
.total-time-area .avatext{
  font-size: 10px;
  color: #77859A;
}
.total-time-area .btn{
  display: flex;
  align-items: center;
  height: 32px;
  color:#fff;
  font-size: 12px;
  padding: 0 15px 0 20px;
  font-weight: normal;
  border-radius: 52px;
  background: #ff4f1d;
}
.total-time-area .btn:hover{
  color: #fff;
  background: #006ef5;
}
.total-time-area .tme-link3{
  display: flex;
  align-items: center;
  border-radius: 8px;
  border: 1px solid rgba(13, 105, 242, 0.20);
  background: rgba(13, 105, 242, 0.05);
  padding: 8px 17px;
  margin-top: 16px;
  margin-right: 8px;
  color: #77859A;
  font-size: 12px;
}
.total-time-area .tme-link3 .icon{
  margin-right: 8px;
  color: #006EF5;
  font-size: 12px;
}

.shogun-content .total-time-area .total-time-left{
  margin-right: -8px;
  margin-bottom: 30px;
}
@media (max-width: 1860px) {
  .order .cart-left{width: 830px;}
  .cart-rightbox{width: 355px;}
  .userinfo .country{max-width: 200px;}
  .country-c-area .ui-options{width: 358px}
  div.sub-form-action-column[data-v-706ab6af]{width: 75px !important;}
}
@media (max-width: 1300px) {
  .order .cart-left{width: 740px;}
}
@media (max-width: 1152px) {
  .block-widget{padding: 15px;}
  .userinfo .country{width: 130px;}
  .country-c-area .ui-options{width: 337px}
  .cart-rightbox{width: 315px;}
  .order .cart-left{width: 64%;}
  .cart-login-area .cart-login .link.jq-log{display: none;}
  .cart-pay-state ul{margin-right: -73px;}
  .cart-list .list-item .quantity{width: 26%;}

  .add-options .header-row {display: none;}
  .add-options .sub-form-row .rich-buy-now-0,
  .add-options .sub-form-row .rich-buy-now-1,
  .add-options .sub-form-row .rich-buy-now-2{width: 50%!important}
  .add-options .sub-form-row .rich-buy-now-3,
  .add-options .sub-form-row .rich-buy-now-4{width: 25%!important}
  .add-options .sub-form-row .sub-form-action-column {width: 100% !important;}
  .add-options .sub-form-row + .sub-form-row {border-top: 1px dashed;margin-top: 15px;padding-top: 15px !important;}
  .add-options .el-form-item__label {display: block !important;width: 100% !important;height: 16px;color: #a3b1bf;line-height: inherit !important;}
}


.video-popup {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
}

.popup-mask {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.75);
}

.popup-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 860px;
  aspect-ratio: 16 / 9;
  background: #000;
}

.popup-box video,
.popup-box iframe {
  width: 100%;
  height: 100%;
  display: block;
}

.popup-close {
  position: absolute;
  right: -40px;
  top: -40px;
  font-size: 36px;
  color: #fff;
  cursor: pointer;
}
.video-link {
  display: flex;
  color: #ff4f1d;
  align-items: center;
  width: 100%;
  cursor: pointer;
  margin-bottom: 20px;
}
.video-link:hover{
  text-decoration: underline;
}
.video-link .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: #fff;
  font-size: 12px;
  background: #ff4f1d;
  margin-left: 6px;
  border-radius: 6px;
}

/* User Information (Figma 715:8672) */
.userinfo.userinfo-v2.block-widget { padding: 32px; border-radius: 12px; box-shadow: 0 4px 10px rgba(0,0,0,.05); }
.userinfo.userinfo-v2 .list-link {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
    float: none;
    width: auto;
}
.userinfo.userinfo-v2 .list-link .list-item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 50%;
    padding: 0 12px 24px;
    float: none;
}
.userinfo.userinfo-v2 .field-label {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--ep-color-d, #0c111c);
}
.userinfo.userinfo-v2 .field-label .req { color: #ef4444; margin-left: 2px; }
.userinfo.userinfo-v2 .opt-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 4px;
    background: var(--ep-color-h, #f2f2f7);
    font-size: 12px;
    line-height: 1;
    color: var(--ep-color-d, #0c111c);
}
.userinfo.userinfo-v2 .input-wrap,
.userinfo.userinfo-v2 .phone-box,
.userinfo.userinfo-v2 .discord-wrap { position: relative; width: 100%; }
.userinfo.userinfo-v2 .input-form::placeholder { color: #77859a; opacity: 1; }
.userinfo.userinfo-v2 .field-ico {
    position: absolute;
    left: 16px;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    pointer-events: none;
    z-index: 1;
}
.userinfo.userinfo-v2 .field-ico img { display: block; width: 20px; height: 20px; }
/* 默认暗色主题下 Figma 深色描边图标需反色 */
html:not(.dark) .userinfo.userinfo-v2 .field-ico img { filter: invert(1) brightness(1.55); }
.userinfo.userinfo-v2 .phone-row { display: flex; gap: 8px; width: 100%; align-items: stretch; }
.userinfo.userinfo-v2 .phone-row .country {
    width: 136px;
    min-width: 110px;
    max-width: 160px;
    flex: 0 0 136px;
    padding-right: 0;
    position: relative;
}
.userinfo.userinfo-v2 .phone-row .country::before { display: none !important; }
.userinfo.userinfo-v2 .phone-row .country .ui-btn {
    width: 100%;
    height: 44px;
    line-height: 44px;
    border: 0;
    border-radius: 4px;
    background: var(--ep-color-h, #f2f2f7);
    box-shadow: none;
}
.userinfo.userinfo-v2 .phone-row .country .ui-btn .country-code {
    float: none;
    display: block;
    width: 100%;
    padding: 0 26px 0 12px;
    font-size: 13px;
    line-height: 44px;
    color: var(--ep-color-d, #0c111c);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.userinfo.userinfo-v2 .phone-row .phone-box { flex: 1; width: auto; min-width: 0; }
.userinfo.userinfo-v2 .field-hint {
    margin: 8px 0 0;
    font-size: 12px;
    line-height: 16px;
    color: #77859a;
}
.userinfo.userinfo-v2 .discord-wrap {
    display: flex;
    align-items: stretch;
    border-radius: 4px;
    overflow: hidden;
    background: var(--ep-color-h, #f2f2f7);
}
.userinfo.userinfo-v2 .discord-prefix {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 16px;
    height: 44px;
    border-right: 1px solid var(--ep-color-b2);
    flex-shrink: 0;
}
.userinfo.userinfo-v2 .discord-prefix .discord-logo {
    width: 20px;
    height: 20px;
    display: block;
}
.userinfo.userinfo-v2 .discord-prefix .at-ico {
    width: 13px;
    height: 14px;
    display: block;
}
.userinfo.userinfo-v2 .discord-wrap .input-form {
    flex: 1;
    min-width: 0;
    height: 44px;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 11px 16px;
    box-shadow: none;
}
.userinfo.userinfo-v2 .vip-banner {
    flex: 0 0 calc(100% - 24px);
    width: calc(100% - 24px);
    max-width: calc(100% - 24px);
    display: flex;
    flex-direction: row;
    align-items: center; /* 左侧文案块与右侧 Join VIP 垂直居中 */
    justify-content: space-between;
    gap: 16px;
    margin: 0 12px 8px;
    padding: 16px 20px;
    border-radius: 12px;
    background: rgba(255,196,57,.1);
    box-sizing: border-box;
    float: none;
}
/* 密码两列单独成行，避免只给左侧加 padding 导致错位 */
.userinfo.userinfo-v2 .vip-pwd-row {
    flex: 0 0 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0;
    padding: 8px 0 0;
    list-style: none;
    box-sizing: border-box;
    float: none;
}
.userinfo.userinfo-v2 .vip-pwd-row .list-item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 50%;
    padding: 0 12px 24px;
    float: none;
    box-sizing: border-box;
}
.userinfo.userinfo-v2 .vip-pwd-row .input-wrap .icon {
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    color: #77859a;
    pointer-events: none;
    z-index: 1;
}
.userinfo.userinfo-v2 .vip-pwd-row .input-wrap .input-form {
    padding-left: 44px;
}
.userinfo.userinfo-v2 .vip-banner-left {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
    flex: 1;
}
.userinfo.userinfo-v2 .vip-banner-left .vip-ico {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    object-fit: contain;
    display: block;
}
.userinfo.userinfo-v2 .vip-banner-text {
    min-width: 0;
    flex: 1;
}
.userinfo.userinfo-v2 .vip-banner .vip-title {
    min-width: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: var(--ep-color-d, #0c111c);
}
.userinfo.userinfo-v2 .vip-banner .vip-sub {
    margin: 4px 0 0;
    font-size: 14px;
    line-height: 20px;
    color: #f26822;
}
.userinfo.userinfo-v2 .vip-banner-right {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
    align-self: center;
    cursor: pointer;
}
.userinfo.userinfo-v2 .vip-banner-right .check-label {
    position: relative;
    width: 22px;
    height: 22px;
    margin: 0;
    flex-shrink: 0;
}
.userinfo.userinfo-v2 .vip-banner-right .check-label input {
    position: absolute;
    inset: 0;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}
.userinfo.userinfo-v2 .vip-banner-right .check-label label {
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    margin: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    box-shadow: inset 0 0 0 1.5px #f26822;
    background-image: none;
}
html.dark .userinfo.userinfo-v2 .vip-banner-right .check-label label {
    background: #fff;
}
.userinfo.userinfo-v2 .vip-banner-right .check-label label::before { display: none; }
.userinfo.userinfo-v2 .vip-banner-right .check-label input[type="checkbox"]:checked + label {
    background: #f26822 url("../images/cart/icon-check.svg") center/20px no-repeat;
    box-shadow: none;
}
.userinfo.userinfo-v2 .vip-banner-right .join-label {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: var(--ep-color-d, #0c111c);
    cursor: pointer;
}
@media (max-width: 767px) {
    .userinfo.userinfo-v2.block-widget { padding: 20px 16px; }
    .userinfo.userinfo-v2 .list-link .list-item { width: 100%; }
    .userinfo.userinfo-v2 .vip-banner {
        flex-basis: calc(100% - 14px);
        width: calc(100% - 14px);
        max-width: calc(100% - 14px);
        align-items: center;
        gap: 10px;
        margin: 0 7px 8px;
        padding: 12px;
    }
    .userinfo.userinfo-v2 .vip-banner-left { gap: 8px; }
    .userinfo.userinfo-v2 .vip-banner .vip-title {
        font-size: 13px;
        line-height: 18px;
    }
    .userinfo.userinfo-v2 .vip-banner .vip-sub {
        font-size: 12px;
        line-height: 16px;
    }
    .userinfo.userinfo-v2 .vip-banner-right .join-label {
        font-size: 13px;
        line-height: 18px;
        white-space: nowrap;
    }
    .userinfo.userinfo-v2 .vip-pwd-row .list-item { width: 100%; }
}

/* Eld payment method layout — Figma 8583:31051 */
.paymentbox {
  --payment-list-gap: 16px;
  --payment-row-height: 100px;
  --payment-row-radius: 16px;
  --payment-logo-width: 60px;
  --payment-logo-height: 40px;
  --payment-logo-gap: 8px;
  --payment-row-bg: var(--ep-color-h);
  --payment-logo-bg: var(--ep-color-b);
  --payment-logo-border: rgba(255, 255, 255, 0.12);
  --payment-logo-padding: 0;
  --payment-logo-radius: 10px;
  --payment-title-size: 14px;
  --payment-price-size: 18px;
  --payment-accent: #1e64ff;
  overflow: visible;
}
html.dark .paymentbox {
  --payment-row-bg: #fff;
  --payment-logo-bg: #fff;
  --payment-logo-border: rgba(0, 0, 0, 0.12);
}
.payment-method {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: var(--payment-list-gap);
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.payment-method li,
.payment-method__item {
  width: 100%;
  float: none;
  padding: 0;
}
.payment-method .pay-box {
  display: block;
  position: relative;
  height: auto;
  overflow: visible;
  border-radius: var(--payment-row-radius);
}
.payment-method .pay-box label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: var(--payment-row-height);
  height: auto;
  margin: 0;
  padding: 18px 20px 18px 68px;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid var(--ep-color-q);
  border-radius: var(--payment-row-radius);
  background: var(--payment-row-bg);
  transition: border-color .2s ease;
}
.payment-method .pay-box label:hover {
  border-color: rgba(30, 100, 255, .65);
}
.payment-method .pay-box__main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  min-width: 0;
}
.payment-method .pay-box__title {
  color: var(--ep-color-d);
  font: 400 var(--payment-title-size)/12px Poppins, sans-serif;
}
.payment-method .pay-box .pay-text {
  position: static;
  display: none;
  height: auto;
  padding: 0;
  border-radius: 0;
  background: none;
}
.payment-method .pay-box__logos {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--payment-logo-gap);
  max-width: 100%;
  overflow: hidden;
}
.payment-method .pay-box__logo {
  display: flex;
  align-items: center;
  max-width: var(--payment-logo-width);
  height: var(--payment-logo-height);
  padding: var(--payment-logo-padding);
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: hidden;
}
.payment-method .pay-box label .pay-box__logo img {
  display: block;
  width: auto;
  min-width: 0;
  max-width: calc(var(--payment-logo-width) - 8px);
  height: auto;
  max-height: calc(var(--payment-logo-height) - 8px);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #60697b;
  object-fit: contain;
}
.payment-method .pay-box__logo--icon:nth-child(n+8) {
  display: none;
}
.payment-method .pay-box__more {
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--ep-color-d);
  font: 400 14px/20px Poppins, sans-serif;
}
.payment-method .pay-box__more--mobile {
  display: none;
}
.payment-method .pay-box__price {
  flex: 0 0 auto;
  margin-left: auto;
  color: var(--ep-color-d);
  font: 500 var(--payment-price-size)/18px Poppins, sans-serif;
  white-space: nowrap;
  text-align: right;
}
.payment-method .pay-box input[type="radio"] + label::before {
  top: 50%;
  left: 32px;
  right: auto;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  box-sizing: border-box;
  border: 1.5px solid var(--ep-color-g);
  background: var(--payment-row-bg);
}
.payment-method .pay-box input[type="radio"] + label::after {
  top: 50%;
  left: 37px;
  right: auto;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border: 0;
  border-radius: 50%;
  background: var(--payment-accent);
  transform: none;
}
.payment-method .pay-box input[type="radio"]:checked + label::before,
.payment-method .pay-box input[type="radio"]:checked + .pay-coinpal4::before {
  border-color: var(--payment-accent);
  background: var(--payment-row-bg);
}
.payment-method .pay-box input[type="radio"]:checked + label,
.payment-method .pay-box input[type="radio"]:checked + .pay-coinpal4 {
  border-color: var(--payment-accent);
  background: var(--payment-row-bg);
}
.payment-method .pay-box input[type="radio"]:checked + label .pay-text,
.payment-method .pay-box .pay-coinpal4 .pay-text,
.payment-method .pay-box input[type="radio"]:checked + .pay-coinpal4 .pay-text {
  background: none;
}
.payment-area-yuno {
  margin-top: var(--payment-list-gap) !important;
}
.payment-list-shell,
.payment-list-shell .payment-area,
.payment-list-shell .areas {
  float: none;
  width: 100%;
}
.payment-list-shell .area {
  float: none;
}
.payment-list-shell .title-2-1 {
  display: none !important;
}
.payment-list-shell .payment-area {
  margin-top: 0;
}
.payment-list-shell .payment-method {
  margin-top: 0;
}
.payment-list-shell .payment-area + .payment-area:not(.payment-group-hidden) {
  margin-top: var(--payment-list-gap);
}
.payment-list-shell .payment-area + .payment-area .payment-method > li:first-child {
  margin-top: 0;
}
.payment-list-shell {
  height: auto;
  max-height: none;
  overflow: visible;
}
.payment-list-shell .payment-batch-hidden,
.payment-list-shell .payment-group-hidden {
  display: none !important;
}
/* 展开后直接铺开全部，覆盖旧 area2 第 9 条起隐藏规则 */
.payment-list-shell.is-expanded .payment-area,
.payment-list-shell.is-expanded .payment-area.payment-group-hidden {
  display: block !important;
}
.payment-list-shell.is-expanded .payment-method > li,
.payment-list-shell.is-expanded .payment-method > li.payment-batch-hidden,
.paymentbox .payment-list-shell.is-expanded .payment-area2 li:nth-child(n+9),
.paymentbox .payment-list-shell.is-expanded .payment-area2 li.payment-batch-hidden:nth-child(n+9) {
  display: block !important;
}
.paymentbox .payment-list-shell .more-pm {
  display: none !important;
}
.payment-list-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 36px;
  margin: 10px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #006ef5;
  cursor: pointer;
}
.payment-list-toggle span {
  width: 11px;
  height: 11px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform .2s ease;
}
.payment-list-toggle[aria-expanded="true"] span {
  transform: rotate(225deg);
}
.cart-rightbox .total-amount .question {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin: 0 3px;
  padding: 0;
  box-sizing: border-box;
  border: 1px solid #006ef5;
  border-radius: 50%;
  color: #006ef5;
  font: 12px/14px Arial, sans-serif;
  text-indent: 0;
  cursor: pointer;
}

/* Cart Trustpilot 好评（右侧栏底部）— Figma 8583:31009 + Money-back 8583:31000 */
.cart-rightbox .cart-tp-box {
  --cart-tp-green: #1fc66b;
  margin-top: 16px;
  padding-bottom: 20px;
}
.cart-rightbox .cart-tp-box__title {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 20px;
  color: var(--ep-color-d);
  font: 600 20px/20px Poppins, MiSans, sans-serif;
  text-align: center;
}
.cart-rightbox .cart-tp-box__title::before,
.cart-rightbox .cart-tp-box__title::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: var(--ep-color-i);
}
.cart-rightbox .cart-tp-box__title span {
  flex: 0 0 auto;
}
.cart-rightbox .cart-tp-box__body {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
.cart-rightbox .cart-tp-box__score-col {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  gap: 0;
  padding-right: 24px;
  margin-right: 24px;
  border-right: 1px solid var(--ep-color-i);
}
.cart-rightbox .cart-tp-box__score {
  color: var(--cart-tp-green);
  font: 700 32px/32px Poppins, DIN, sans-serif;
}
.cart-rightbox .cart-tp-box__brand {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 0;
  color: var(--ep-color-d);
  font: 600 13px/20px Poppins, sans-serif;
}
.cart-rightbox .cart-tp-box__brand .ico {
  color: var(--cart-tp-green);
  font-size: 14px;
}
.cart-rightbox .cart-tp-box__info-col {
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  gap: 11px;
  min-width: 0;
}
.cart-rightbox .cart-tp-box__exc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.cart-rightbox .cart-tp-box__label {
  color: var(--ep-color-g);
  font: 400 14px/14px Poppins, sans-serif;
  letter-spacing: -0.1px;
}
.cart-rightbox .cart-tp-box__stars {
  display: flex;
  gap: 2.67px;
}
.cart-rightbox .cart-tp-box__stars .ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: #fff;
  font-size: 11px;
  background: var(--cart-tp-green);
  border-radius: 3px;
}
.cart-rightbox .cart-tp-box__based {
  margin: 0;
  color: var(--ep-color-g);
  font: 400 14px/14px Poppins, sans-serif;
  letter-spacing: -0.1px;
}
.cart-rightbox .cart-tp-box__based a {
  color: var(--ep-color-d);
  font-weight: 500;
  text-decoration: underline;
}
.cart-rightbox .cart-tp-box__based a:hover {
  color: var(--cart-tp-green);
}
.cart-rightbox .cart-tp-box__guarantee {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: var(--ep-color-g);
  font: 500 14px/14px Poppins, sans-serif;
  text-decoration: none;
}
.cart-rightbox .cart-tp-box__guarantee:hover {
  color: var(--cart-tp-green);
}
.cart-rightbox .cart-tp-box__guarantee .fast-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 19px;
  height: 19px;
}
.cart-rightbox .cart-tp-box__guarantee .fast-icon-wrap .icon {
  display: block;
  font-size: 19px;
  line-height: 1;
  color: #1FC66B;
}
.cart-rightbox .cart-tp-box__guarantee > span:not(.fast-icon-wrap) {
  text-decoration: underline;
}
/* 日间 html.dark：对齐 Figma 稿面色值 */
html.dark .cart-rightbox .cart-tp-box__title,
html.dark .cart-rightbox .cart-tp-box__brand,
html.dark .cart-rightbox .cart-tp-box__based a {
  color: #0c111c;
}
html.dark .cart-rightbox .cart-tp-box__label,
html.dark .cart-rightbox .cart-tp-box__based,
html.dark .cart-rightbox .cart-tp-box__guarantee {
  color: rgba(12, 17, 28, 0.7);
}