body{background: #fff;}
.pay_now .btn{opacity: 1;}
.product_description .porcent .celwidget.aplus-module{width: 100%;}
.product_description .porcent .a-expander-collapsed-height{width: 100%;}
.character  span { border-radius: 3px; border: 1px solid #f30240;  padding: 0px 4px;  display: inline-block; margin-right: 5px; line-height: 15px;height: 17px;opacity: 0.6;    font-size: 12px;}
.ship-addr .express{padding-top:10px;}
.ship-addr .express>div{color:#333333;font-weight: 600;padding-left:18px;}
.ship-addr .express>div i { font-size: 1.3rem; margin-right: 10px;}
.ship-addr .express .ways{margin-left: 12px;}
.ship-addr .express .ways li{width: 100%;padding:12px 0px;border-bottom: 2px solid #e4e3df;}
.ship-addr .express .ways li span{display: inline-block;}
.ship-addr .express .ways li span:first-child{margin-right: 10px;width: 20px;height: 20px;border: 2px solid #e4e3df;border-radius: 50px;position: relative;top:6px;cursor: pointer;}
.ship-addr .express .ways li span:last-child{color: #808080de;}
.ship-addr .express .ways li.active{color: #373856;}
.ship-addr .express .ways li.active span:first-child i{display:inline;color:var(--maincolor);position: absolute;top: 4px;left: 4px;}
.ship-addr .express .ways li.active span:first-child{border-color: var(--maincolor);}
.ship-addr .express .ways li span:first-child i{display: none;font-size: 12px;}
.ship-addr .express .freight-district button:hover{border:2px dashed  #ec7612;}
.ship-addr .express .freight-district button::after {display: inline-block; width: 0; height: 0;vertical-align: .255em;content: "";border-top: .3em solid;border-right: .3em solid transparent; border-bottom: 0;border-left: .3em solid transparent;top: 14px;right: 11px;position: absolute;right:10px;top:24px;}
.ship-addr .express .freight-district button {transition: all 0.5s linear;border: 2px dashed #ddd; padding: 8px; margin-top: 12px; font-weight: bold;position: relative; cursor: pointer;height: 55px;display: inline-block;width: 95%;background: #fff; text-align: left; font-size: 20px;}

/* leyer-method */
.leyer-method-w{position: fixed;color:#fff;overflow: auto; left: 0px;top: 0px;height: 100%; width: 100%; z-index: 2;display: none; background: rgba(0,0,0,0.8);top:0px;color:#fff;}

.leyer-method-w h3{font-size:18px; padding: 20px; }
.leyer-method-w .fa-close{float:right;}
.leyer-method-w .leyer-box{background-color: #fff;padding-left: 41px;}
.leyer-method-w .leyer-box {background-color: #fff; margin: 16px; color: #000;  padding: 15px;padding-top:11px;}
.leyer-method-w .leyer-box li{position: relative;    padding-left: 40px;}
.leyer-method-w .leyer-box li .leyer-title{opacity: 0.6;margin-top: 12px}


/* form_radio */
.leyer-method-w  .active .fa-check{color:#4caf50;}
.leyer-method-w  .active .form_radio .radio{border:2px solid #d60}
.leyer-method-w .active .radio i { display: block;background: #d60;width: 10px;height: 10px; border-radius: 8px; position: absolute;top: 4px;left: 4px;}
.leyer-method-w .active .radio span{border:2px solid #d60}
.leyer-method-w .active .radio{ margin: 0px;}

.leyer-method-w .form_radio {position:relative;cursor:pointer;    left: -30px;padding:2px 0px;}
.leyer-method-w .form_radio span{position:absolute;top: 5px; left: -5px;border:2px solid #ddd;border-radius:12px;width:18px;height:18px;margin:0px;cursor:pointer; background:#fff}
.leyer-method-w .form_radio span i{display:none;}
.leyer-method-w .form_radio .radio:hover,
.leyer-method-w .form_radio:hover span{border:2px solid #d60}
.leyer-method-w .form_radio .radio_active .radio{border:2px solid #d60}
.leyer-method-w .radio .radio_active i{display:block; background:#d60;width:8px;height:8px;border-radius:8px;position:absolute;top:3px;left: 3px;}
.leyer-method-w .radio .radio_active span{border:2px solid #d60}
.leyer-method-w .radio{margin:0px;}
.leyer-method-w .table-btn{text-align: center;}
.leyer-method-w .table-btn .btn{width: 91%}
.leyer-method-w .carriet{padding-left:24px;}

.accessory-list {position:relative;}
.accessory-list .wap_title{ text-align: center;height: 35px;line-height: 16px;font-size: 26px;font-weight: bold;background: #ff5e5e; overflow: hidden;}
.accessory-list .wap_title .fa{right: 11px; top:11px;font-size: 20px;position:absolute;opacity: 0.6;}
.gamingtype {position:absolute;top:55px;width:100%;z-index:1;display:none;    box-shadow: 0 6px 10px 0 rgb(0 0 0 / 6%);}
.accessory-list .product-sort {background:#fff;}
.accessory-list .product-sort .product-head {cursor:pointer;height:24px;line-height:24px;text-indent:8px;font-weight:600;}
.accessory-list .product-sort ul {padding:0px;}
.accessory-list .product-sort ul li {height:50px;line-height:50px;text-indent:32px;font-weight:500;position:relative;border-bottom: 1px solid #ffebeb;    font-weight: bold;}
.accessory-list .product-sort ul li:before{    content: "";  background: #9f6161;   width: 6px;  height: 6px;position: absolute;  left: 19px;  top: 22px;  border-radius: 50px;}

.slider-items-phy-products {margin-top:15px;padding:0px 10px;margin-bottom: 15px;}
.slider-items-phy-products ul {    margin-top: 10px;display:grid;grid-template-columns: repeat(2, 1fr);grid-auto-rows: auto;grid-column-gap: 10px;grid-row-gap: 10px;}
.slider-items-phy-products>ul>li {padding:3px;border-radius:6px;position:relative;background-color:white;}
.slider-items-phy-products>ul>li:hover {box-shadow:0 0 4px 0 rgba(120,120,120,0.3);}
.slider-items-phy-products ul li .sale-statue {height:46px;padding-left:20px;width:100%;position:absolute;top:20px;}
.slider-items-phy-products ul li .onsale {display:inline-block;width:46px;height:26px;background-color:#64d056;color:white;font-size:12px;text-align:center;line-height:26px;}
.slider-items-phy-products>ul>li .off{position:absolute;background:#f60;background: linear-gradient(321deg, #f00 0%, #ffc4c4 100%);font-weight: bold;color: #fff;padding: 4px 5px;border-bottom-left-radius: 13px;border-bottom-right-radius: 13px;height:30px;font-family: monospace;    top: 0px;}
.slider-items-phy-products ul li .product-img {display:block;width:100%;}
.slider-items-phy-products ul li .product-img {display:block;width:100%;}
.slider-items-phy-products ul li .product-img img {max-width: 100%; max-height: 174px; margin: auto; display: block;}
.slider-items-phy-products .price { margin: 7px;text-align: left;border-top: 1px solid #ececec;  padding-top: 5px;margin-bottom: 0px;}
.slider-items-phy-products .price .price-now {display:block;font-size:1.1rem;color:#f60;font-weight:700;}
.slider-items-phy-products .price .price-past {display:block;font-size:0.9rem;color:black;text-decoration:line-through;}
.slider-items-phy-products .product-sort {height:35px;line-height:35px;color:#a9a9a9;}
.slider-items-phy-products .product-name {line-height:20px;color:black;margin:5px 0px;height:52px;overflow:hidden;text-align:left; padding: 6px;    font-size: 1rem;}
.slider-items-phy-products .product-name a {color:black;}
.slider-items-phy-products .price .delete {display: block;background: #ffdedd; border-radius: 22px;  line-height: 26px;  text-align: center; margin-top: 6px;color: #7f0500;text-transform: capitalize;}

.protag span {border-radius: 3px;border: 1px solid #f30240;padding: 0px 4px;font-size: 11px;color: #f30240;display: inline-block; margin-right: 5px; line-height: 15px;height: 17px; opacity: 0.6;}

.coupon.alert-warning .coupon-text{color: #f00;cursor: pointer;border: none;background: transparent;outline: medium;width:102px;font-size: 22px;}

/* windows-tiops */
.specials em{color: #cb0215}
nav li em{font-size: 1.1rem;}

.windows-tiops{position: fixed;bottom:10px;left:10px;right: 10px;z-index: 9;background: #F5F5F5;border-radius: 20px;}
.windows-tiops img{max-width: 360px;max-height: 350px;width: 200px;height: 200px;border-radius: 20px;margin-right: 15px;}
.windows-tiops .close-img-shade{position:absolute;  right:6px; top: 6px;width:30px;height:30px;cursor:pointer;z-index: 1;display: block;background: #00000080;border-radius: 50px;}
.windows-tiops .close-img-shade::before,
.windows-tiops .close-img-shade::after {content: '';position: absolute;height: 2px;width: 20px;    top:14px; left:5px;background-color: #fff; }
.windows-tiops .close-img-shade::before { transform: rotate(45deg);}
.windows-tiops .close-img-shade::after { transform: rotate(-45deg);}
.windows-tiops .close-img-shade:hover::before,
.windows-tiops .close-img-shade:hover::after{background-color:#f00}

.windows-tiops a{display: flex;padding: 30px;transition: all 0.3s linear;align-items: center;}
.windows-tiops .vip-zone-con .vip-zone-title{font-size: 18px;font-weight: bolder;max-width: 200px;padding-bottom: 15px;}
.windows-tiops .vip-zone-con .vip-zone-box{font-size: 14px;}
.windows-tiops .vip-zone-con .btn{margin-top: 20px;}
.windows-tiops a:hover{color: #000;}



 /*  order viewimg big  */
 #myModal-img{position: fixed;top: 0px;display: none;}
.order_status .or_list .btn-activation-tips{margin-top: 25px;width: 280px;}
.order_status .or_list .btn-activation-tips .btn{background: #ddf2de;color: #49b54e;border:1px solid #49b54e;background: #ddf2de;width: 100%;}
.viewimg-big {display: flex;width: 100%; height: 100vh; justify-content: center;  align-items: center;}
.viewimg-big span{position:relative;text-align: center;}
.viewimg-big span img{max-width:80%; max-height: 80%;border-radius: 15px;    box-shadow: -2px 2px 20px 4px #585858}
.viewimg-big .viewimg-close{background: #fff;padding: 11px;  position: absolute;right: 29px;opacity: 1;border: 0px; font-size: 36px;  border-radius: 220px; width: 40px;display: block;  height: 40px;  top: -14px; box-shadow: -2px 2px 20px 4px #585858;line-height: 17px;padding-left: 10px;}


 /* Add a new address  */
.addr_width .intl-tel-input{display: block;float: none;}

/* checkbox */
.checkbox{border:2px solid #ddd;background:#fff;border-radius:3px;width: 25px;height: 25px;margin:0px;position:relative;cursor:pointer;float: left;margin-right: 10px;top: 10px;}
.checkbox:hover{border:2px solid var(--theme);}
.checkbox .fa-check{color:#fff;font-size: 22px;position:absolute;top:2px;left:1px;display:none;}

.cbx_active{border:2px solid var(--theme); background:var(--theme);}
.cbx_active .fa-check{display:block}



/* history search */
.search-min .history_search{background:#fff;display:none;position:absolute;width:100%; z-index:4;left:0px;border-radius:4px;margin-top:8px;box-shadow: 0 6px 12px rgba(0,0,0,.175);padding-bottom: 15px;}
.search-min .history_search .title{font-weight:bold;padding:6px;background: #f6f6f6;padding-left: 16px;border-bottom:1px solid #ddd;border-top-left-radius:3px;border-top-right-radius:4px;position: relative;}
.search-min .history_search .title i{ position: absolute; padding: 12px;right: 7px; top: 0px;cursor: pointer;}
.search-min .history_search .title i:hover{color:#ff3200}
.search-min .history_search ul{padding-top: 12px;white-space:nowrap;overflow:hidden;width: 98%; margin: auto;}
.search-min .history_search li{display:inline-block;}
.search-min .history_search li a{padding: 7px;color: #000}
.search-min .history_search li a:hover{background:#fbf9f9;color: #f60}

/* cart tips */
.used-tips{align-items: center; display: flex;justify-content: center;   background: #fff2cc;  color: #ff6f03; border-radius: 4px;padding: 10px 12px; margin-top: 16px; }
.used-tips b{padding-right: 6px; color: #ff3200; }
.used-tips button{color: #4ca3ef; background: transparent;border: 0px;margin-left: 8px;font-size: 1.2rem;    font-weight: bold;}
.used-tips button:hover{color:#ff3200}


/* product tips */
.product_description .pro-youmay .activity-owl-item{display: flex;margin-bottom: 33px;}
.product_description .pro-youmay .activity-owl-item .pro-img img{width: 160px;border-radius: 6px;}
.product_description .pro-youmay .activity-owl-item .matter{padding: 15px 0px;padding-left: 33px;}
.product_description .pro-youmay .activity-owl-item .matter .web-money{color: #e8566a;font-weight: bold;}
.product_description .pro-youmay .activity-owl-item .matter .price{color: #666;   text-decoration: line-through;font-weight: normal;    font-size: 1.2rem;}
.product_description  .proimg a{display: block;margin-top: 24px}

/*card guide*/
.card-bj{background: #000;width: 100%;height: 100vh;position: fixed;top: 0;left: 0;opacity: .5;display: none;z-index: 999;}
.card-guide{width: 450px;box-shadow: 0px 0px 12px rgb(0 0 0 / 30%);background: #fff;border: 0;position: absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);min-height: 120px;padding: 40px;text-align: center;font-size:1.2em;color: #f60;z-index: 999999999;}
.card-guide .modal-card{padding-top: 30px;display: flex;justify-content: space-around;}
.card-guide .modal-card .btn{outline: none;border: none;box-shadow: none;width:200px;}
.card-guide .modal-card .btn-no{background: #ddd;color: #000;}
.card-guide .modal-card .btn-no:hover{background: #f00;color: #fff;}



/* user home */* user home */
.user-title .fa-home{left: auto;right: 7px;font-size: 35px;top: 18px;}
.msg_success, .msg_fail{height: 60px;}


/* discount-warp-max  */
.discount-warp-max{width:80%;margin-left: 20px;    padding-bottom: 10px;}
.discount-warp-max .checkbox_n {margin-top: 15px;width: 100%; padding-left: 0;padding-bottom: 12px;}
.discount-warp-max .form-control{height:55px;width: 100%;text-indent: 20px;padding: 0px;}
.discount-warp-max .discount-code{display: flex;margin-top:3px;position: relative;}
.discount-warp-max .discount-code .tips{left: 2px;top: -32px;display: none}
.discount-warp-max .discount-code .discount-warp .form-control {width: auto;}
.discount-warp-max .discount-code .btn{border-radius: 4px; line-height: 0px}
.discount-warp-max .incent-warp{display: flex;flex-wrap: wrap;}
.table-ul-title td{border-bottom: 1px dashed #dfdfdf;}
.discount-warp .discount-code .apply-coupon{height: 55px;margin-left:12px}
.discount-warp-max .email-getting{position: relative;}
.discount-warp-max .email-getting .tips{left: 2px;top: 14px;display: none;}
.discount-warp-max .discount-code .form-control{border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.discount-warp-max .discount-code .btn{border-top-left-radius: 0px;border-bottom-left-radius: 0px;white-space:nowrap}

.user-login_password .user_btn .btn_m{position: relative;}
.user-login_password .user_btn .btn_m .loader-inner{position: absolute;top: 0;}

/* pro off */
.disc-price{color: #fff;background: #EF6F81;line-height: 40px;border-radius: 6px;padding: 0px 8px;font-size:21px;display: none; position: absolute; right: 20px; top: 22px;}

.cart_order .eur{padding-left: 40px;}

@media screen and (min-width:1024px){
    html{max-width: 768px;position: relative;margin: 0 auto;}
    .header_active .search-form{width: 768px;}
    article .cart_order .but-r{width: 768px;}
    article .web-button{width: 768px;}
    .wap_suvmenu{left: -280%;}
    .body_active .wap_suvmenu{left: -60%;}
    article .payment_select .but-r{width: 768px;}
    #payment-air .payment-warp .payment-bg{position: absolute;}
    #payment-air .payment-warp{position: absolute;}
    .user-profile .messenger dd{position: absolute;overflow: initial;top: 90px;height: auto;}
    .user-profile .select .avatar_l{position: absolute;height: 80vh;}
    .status_down .td-broad-x .hide{position: absolute;top: 50px;padding-top: 0px;height: auto;}
    .status_down .td-broad-x .select li{float: inherit;width: 100%;padding: 10px 0;}
    .language dd.js_language_h{position: absolute;}
    .wap_currency dd{position: absolute;}
    .bot-buticon{width: 768px;left: 50%;-webkit-transform: translate(-50%,0%);}
    .header_active .web_shopping-cart{right: 40%;}
    .header_active .web_shopping-cart, .header_active .web_user{right: 40%;}
}

/*.tips-warp */
.tips-warp {padding-bottom:20px}
.tips-warp .tips-title{font-weight: bold;}
.tips-warp .tips-cont{background: #f7f7f7;padding: 2px 4px 12px 19px;border-radius: 10px;display: none;margin-top: 9px;}
.tips-warp .tips-cont p{padding-top:15px}
.tips-warp .tips-click {color: #7ab4d4;border-radius: 25px; text-align: center;margin-top: 15px;margin-bottom: 15px; display: inline-block;padding: 2px 14px;cursor: pointer; border: 1px solid #7ab4d4;}
.tips-warp .tips-click:hover .tips-cont{display: block;}
.tips-warp .tips-click:after{ display: inline-block;width: 0;content: "";height: 0; margin-left: 2px; vertical-align: middle;border-top: 4px dashed; border-right: 4px solid transparent;border-left: 4px solid transparent;}



.ship-addr  {
   float: left;display: none;
}
.use-state{font-size: 16px; color: #49b54e;}

/* Coupons tab */
.radio-tab {width: 100%;display: flex;align-items: center;margin-top: 21px;float: left; }
.radio-tab .radio input[type=radio] {cursor: pointer;position: relative;margin-right: 13px;margin-top:-4px;}
.radio-tab .radio input[type=radio]::after {position: absolute;top:-9px;background-color: #fff;color: #fff;width:30px;height: 30px;display: inline-block;visibility: visible; padding-left: 0px;text-align: center;    left: -2px;content: ' ';border-radius:50%;box-sizing: border-box;border: 2px solid #ddd;}
.radio-tab .radio input[type=radio]:checked::after {content: "";  border-color: #fed700; }
.radio-tab .radio input[type=radio]:checked::before {content: '';position: absolute;top: -3px;left: 4px;width: 18px;height: 18px;z-index: 1;background: #fed700;border-radius: 50%;}
.radio-tab .radio label{margin-right: 30px;}
/* Coupons code */
.coupons-box {
    width: 90%;
    position: relative;
    margin: auto;
    margin-top: 34px;
    z-index: 1;
}
.coupons-box .usd-amount,.coupons-box .v-time,.coupons-box .voucherbg {opacity: 0.6;transition: opacity .1s ease;}
.voucher-content {width: 100%;height: 145px;margin-top: 0px;text-align: center;border-radius: 10px;position: relative;z-index: 1;}
.voucher-content .v-status { color: #fff;background: #ff4304;padding: 5px 14px; align-content: space-between;text-align: left;position: absolute; font-size: 13px; font-weight: bold;border-bottom-right-radius: 19px;}
.voucher-content .usd-amount {display: flex;padding-top: 43px;justify-content: center;color: #ff4304;height: 58px;}
.voucher-content .v-amount {font-weight:bold;font-size: 58px;font-family:'Glyphicons Halflings'}
.voucher-content .v-usd {font-size: 28px;padding-top: 12px;padding-right: 8px;}
.voucher-content .v-time{font-size: 17px;}
.voucher-content .v-info {position: absolute;right: 44px; top: -12px;width: 38px; height: 64px;text-align: left; padding-left: 10px;padding-top: 12px;z-index: 99;}
.voucher-content .v-info i{font-size: 24px;cursor: pointer;}
.voucher-content .v-info.active .v-info-content{display: block;}
.v-info-content {padding: 11px;background: #ffffffed; border-radius: 11px;position: absolute;top: 50px;right: -18px;width:auto; min-width: 250px;max-width: max(350px, 80vw); z-index: 1; box-shadow: 0px 0px 5px 0px #c7c7c7; display: none; text-align: left;}
.v-info-content p{padding-top:5px}
.status-expired .voucher-content {background: #ebebeb;}
.status-expired .v-info i {color: #bfbfbf;cursor: default}
.status-expired .v-status{background: #ddd;color:#c8c8c8;}
.status-expired .usd-amount {color:#c8c8c8}
.status-expired .v-time{color:#c8c8c8}
.status-expired .voucher-content .v-info{ right: 0px; top: 0px;}
.coupons-box.coupons-active .usd-amount,.coupons-box.coupons-active .v-time,.coupons-box.coupons-active .voucherbg {opacity: 1;}
.coupons-box.status-expired .usd-amount,.coupons-box.status-expired .v-time,.coupons-box.status-expired .voucherbg {opacity: 1;}
.voucher-content .v-info .fa {opacity: 0.8;}

.history-right .no_data { width: 81px;background-size: 321px; background-position: -27px 10px;}
.history-voucher{position:relative;z-index: 2;}
.voucherbg{width: 100%;height: 145px;top: 0px;text-align: center;-webkit-mask: radial-gradient(circle at 11px, transparent 5px, #fed700 0) -11px / 100% 15px;background: #fed700;border-radius: 10px;position: absolute;}
.voucherbg .v-status { color: #fff;background: #ff4304;padding: 5px 14px; align-content: space-between;text-align: left;position: absolute; font-size: 18px; font-weight: bold;border-bottom-right-radius: 19px;}
.voucherbg .tick {position: absolute; width: 50px;height: 38px;background: #8c8975;border-top-left-radius: 0px;right: -1px; top: 0px;text-align: center;border-bottom-left-radius: 60px;}
.voucherbg .tick::before {content: '';position: absolute;width: 7px;height: 15px;color: #fff;border-bottom: 2px solid;border-right: 2px solid;top: 7px;left: 25px;transform-origin: center;  transform: translate(-50%, -30%) rotate(45deg); -webkit-transform: translate(-50%, -30%) rotate(45deg);display: none;}

.coupons-active{opacity: 1;}
.coupons-active .voucherbg .tick {background:#ff4304}
.coupons-active .voucherbg .tick::before{display: block;}

.coupons-active{opacity: 1;z-index: 2;}
.activity_record{padding:12px;color:#666}
.coupons-warp{display: none;width: 100%;float: left;}
.discount-warp-max{display: none;}
.options_active{display:block;}
.cart_order .eur {padding-left: 0;}
.cart-index .pro-name{position:relative;padding-left: 60px;}
.cart-index .pro-name .checkbox{position: absolute;left:12px}
.cart-index .pro-name s{color:#666}
.cart-index .table-ul-title td {padding: 20px 0px;}
.cart-index .checkbox .fa-check{color:#fff}
.cart-index .custom {float: left; padding-left: 13px;}

.coupons-warp,.discount-warp-max { background: #fff; padding-bottom: 21px;margin: 0;width: 100%;}
.radio-tab { background: #fff; padding: 21px;width: 100%;}

.discount-warp-max .checkbox_n {
    margin-top: 15px;
    padding-left: 22px;
    padding-bottom: 12px;
    font-size: 12px;
}
.discount-warp-max .discount-warp-w{padding:0px 25px}
.radio-tab .radio{display: flex;    width: 100%;}
.radio-tab .radio label{flex: 1;}

/* usercenter order btn dropdown-item */
.dropdown-item {
    padding: 0.3rem 1rem;
    font-size: 1.2rem;
    color: #555555;
    cursor: pointer;
}
.dropdown-item:hover {
    background-color: #f7f7f7;
    color: #353535;
}


.community-warp div.c-content p {line-height: 26px;}
.community-warp div.c-content p.content {font-size: 16px;}
.community-warp div.c-content p.tip {font-size: 14px;}
.steps-desc p {line-height: 20px;}


.user-purchased_orders .buy_main .b_tay{display: flex;justify-content: flex-end;width: auto;}
.user-purchased_orders .buy_main .b_tay .dropdown-menu {background: #fff;border: 1px solid #ddd;position: absolute; z-index: 1;width: 100%;display: none; top: 51px;border-radius: 8px;padding-bottom: 12px;}
.user-purchased_orders .buy_main .b_tay .btn{padding: 8px 13px;min-width: 130px;margin-left: 11px;}
.user-purchased_orders .buy_main .b_tay .btn-process{ padding: 8px 39px 8px 12px; position: relative; background: #e3efff;color: #222;}
.user-purchased_orders .buy_main .b_tay .btn .caret{ position: absolute;right: 14px;top: 19px;display: inline-block;width: 0;content: "";height: 0; margin-left: 2px; vertical-align: middle;border-top: 7px dashed;border-right: 7px solid transparent;border-left: 7px solid transparent;}
.user-purchased_orders .buy_main .b_tay .dropdown-menu li{background: transparent;    min-height: auto;text-align: center;}
.btn.btn-gray {background: #f3f3f3; color: #c2c2c2;}

.wap.out-of-stock {
    color: #ff0000;
}

/* message */
.message{margin: 0 calc(50vw - 19rem); background:#fff; position:fixed;height:22rem;left: 10px;right: 10px;bottom:0px; z-index:9999; border-radius: 1rem 1rem 0 0; overflow: hidden; box-shadow: 4px 0 15px 5px #ccbaba; animation:fadeIn 0.9s ease-in-out}
.mes-active{animation:fadeTo 0.9s ease-in-out;transform:translateY(240px);box-shadow:none}
.message-content{display: flex;justify-content: center;padding: 2rem 0;}
.message-content p{padding-top:12px;font-size:1.4rem;line-height:1.4;text-align:left}
.message .me-title{background:#b06032; height:4rem;}
.message .me-title .name-title{font-weight:bold;color:#fff;padding:10px; font-size:1.3rem}
.message .close-img-shade{display: inline-flex; justify-content: center; align-items: center; position:absolute;right:0px;top:0px;width:4rem;height:4rem;cursor:pointer;z-index:1}
.message .close-img-shade::before,
.message .close-img-shade::after{content:'';position:absolute;height:2px;width:2rem;background-color:#fff;opacity:0.8}
.message .close-img-shade::before{transform:rotate(45deg)}
.message .close-img-shade::after{transform:rotate(-45deg)}
.message .close-img-shade:hover::before,
.message .close-img-shade:hover::after{opacity:1}
.message .mes-t{text-align:center;padding-top:22px}
.message .cong-title{font-weight:bold;text-align:left;font-size:1.7rem;padding-top:0px}
.message .mes-t .btn{border-radius:50px}
.message a {color: #3a75ee;text-decoration: underline;}
.message a:hover,
.message a:visited {color: #3a75ee}
@keyframes fadeIn{from{opacity:0;transform:translateY(200px)}
to{opacity:1;transform:translateY(0)}
}@keyframes fadeTo{from{opacity:1;transform:translateY(0)}
to{opacity:0;transform:translateY(200px)}
}
.badger {display: inline-flex; justify-content: center; align-items: center; min-width: 10px; min-height: 10px; border-radius: 10px; font-size: 13px;}
.badger:empty {width: 10px; height:10px;}
.badger.red {background-color: #f00 !important;color: #fff;position: absolute;z-index: 111; top: 50%; right: 28px; padding: 0px; float: none;}

.fim_cont #smsbtn{width: 47%; height: 100%; color:#4274d1;background: #caddff;border: 0;font-weight: bold; font-size: 1.2rem; padding:12px 2px; float:right; cursor:pointer; opacity: 0.8; border-radius: 4px;}
.fim_cont #smsbtn:hover{opacity: 1; text-decoration: none; border-color: #4274d1;}
.fim_cont #smsbtn:disabled{color: #666; opacity: 0.8; cursor: not-allowed;}
.reg-bind-intro {color: red;font-weight: bold;padding-top:7px;line-height: 1.5;font-size: 1.2rem;display: flex;flex-wrap: wrap;column-gap: 42px;}
.tips-tick,
.tips-error {position: absolute;width: 22px; height: 22px; background: #00CC9A;border-radius: 31px;left: 227px; top: 57px; text-align: center;display: none;}
.tips-tick::before {content: '';position: absolute;    width: 5px;height: 11px;color: #fff;border-bottom: 2px solid;border-right: 2px solid;top: 7px;transform-origin: center;  transform: translate(-50%, -30%) rotate(45deg); -webkit-transform: translate(-50%, -30%) rotate(45deg);}
.tips-error{background: #f88e72;display: none;}
.tips-error::before, .tips-error::after {content: ''; position: absolute;height: 2px; width: 8px;top: 10px;left: 7px;background-color: #fff;}
.tips-error::before { transform: rotate(45deg);}
.tips-error::after { transform: rotate(-45deg);}


.intl-tel-input.allow-dropdown .selected-flag{transform: scale(1.5);left: 13px;}

.label-optional {color: #666; font-size: 0.8rem;}
.aliyunCaptcha-top #aliyunCaptcha-title {font-size: 1.2rem;}
#aliyunCaptcha-sliding-body #aliyunCaptcha-question {font-size: 1.1rem; color: #1b1b1b;}
.signup_min .t-register-content .t-r-content .iti__dropdown-content .iti__search-input {padding: 6px 12px;}
.sign .t_title {font-size: 0.9rem;}
.bindphone .iti {display: block;}

.iti--fullscreen-popup.iti--container, .iti__search-input {font-size: 22px;}
div.iti__selected-flag {transform: scale(1.3); padding-left: 12px;}
.iti--fullscreen-popup .iti__flag-box {transform: scale(1.3);margin-right: 10px;}

.checkout-captcha {display: flex;flex-direction: row;padding: 0 15px;gap: 20px;margin-bottom: 32px;position: relative;}
.checkout-captcha input {flex: 1;height: 55px;}
.checkout-captcha .captcha-img {width: 180px;height: calc(55px + 2px + 10px);overflow: hidden;border-radius: 5px;}
.checkout-captcha .captcha-img img {width: 100%;height: 100%;}
.checkout-captcha .tips {top: 102%;left: 15px;padding: 10px;font-size: 18px;}



.edm-pro .web-entry-title {padding-bottom: 0;}
.edm-pro .porzoom{padding: 10px;}
.edm-pro .pro-zoom-img{display:flex;justify-content: center;align-items: center;}
.edm-pro .pro-zoom-img img{width: auto;left: 0;margin: 0; height: 390px;transform: translateY(-47px);position: relative;border-radius: 20px;}
.edm-pro .list-unstyled-t .price-consolidation{padding-left:0px}
.edm-pro .list-unstyled-t .copy-discount{transform: translateX(0px);}
.edm-pro .price-warp{display: flex; align-items: center;}
.edm-pro .return a{color:#333}
.edm-pro .contli-discount-price b {font-size: 25px; padding-right: 12px;}
.edm-pro .contli-discount-price  .price {color: #df272f; font-weight: bold;padding: 0;}
.edm-pro .web-price-warp {display: flex;gap: 22px; align-items: center;}
.edm-pro .web-price-warp .o-price {text-decoration: line-through;color: #c4c4c4;}
.edm-pro .web-price-warp .price{padding-top:0px}
.edm-pro .web-price-warp .web-save{margin-left:0;margin-top: 0;}

.header_active .web_shopping-cart,
.header_active .web_user {z-index: 3;}
.header_active .search-form{z-index: 2;}
article .web-button{z-index: 20;}

/* search  */
.header_active .search-min {padding:0px 10px;}
.search-min{clear:both; padding:0px 8px;position:relative;}
.search-min .form-control {width:100%;height: 48px;font-size: 25px;border:0px;border-radius: 30px;text-indent:53px;padding:0px;}
.search-min .fa-search {position: absolute;color: #a2a2a2;left: 26px;top: 12px;font-size: 24px;}
.web-search-down{ background:#fff;position:absolute;width:100%; z-index:99;left:0px;border:1px solid #ddd;margin-top:8px;display:none}
.web-search-down ul:first-child{max-height: calc(100vh - 70px);overflow: auto;}
.web-search-down ul:first-child li{padding:15px 10px;border-bottom:1px solid #ddd;}
.web-search-down ul:first-child li a{display:flex;align-items: center;}
.web-search-down ul:first-child li:last-child{border-bottom:0px solid #ddd;}
.web-search-down ul:first-child li em{color:#000000}
.web-search-down ul:first-child li .original{color:#666; text-decoration: line-through; font-size: 19px;padding-left: 0px;}
.web-search-down li img{width:80px;border-radius: 10px;margin-right: 13px;}
.web-search-down li .title-two{text-align: right;flex-shrink: 0;padding-left: 10px;line-height: 30px;}
.web-search-down li .title-two em{display: block;}
.web-search-down li .title-two em:first-child{font-weight: bold;}
.web-search-down li .title-one{font-weight: bold;line-height: 30px;flex: 1;}
.web-search-down li .off{display: inline-block;border: 1px solid #e63a3a; background: #ffecec; color: #da3131; border-radius: 6px;padding: 0px 9px; font-weight: bold;font-size: 17px;line-height: 30px;}
.web-search-down .pagination {margin: 0px;background: #f3f3f3;padding: 5px 0;width: 100%;}
.web-search-down  .pagination li{width:26%;float:left;border:0px}
.web-search-down  .pagination .txt-c{text-align:center}
.web-search-down  .pagination .txt-r{text-align:right}
.web-search-down  .pagination .txt-l{text-align:left}
.web-search-down .no_results {width: 100%;text-align: center; margin: 40px 0;}
.search-w .search-min{padding: 20px 8px;}
.search-w .form-control{width: 70%;}
.search-w  .search-min .fa-search {left: 112px;top: 30px;font-size: 24px;}

.header_active .search-w .search-min .form-control{width: 93%;}
.header_active .search-w .search-min {padding: 0;}
.header_active  .search-w .search-min .fa-search {left:42px;top: 12px;}


.sign .t_accout .t_log a[title="Google"]{display: none;}



/* countdown */
.countdown-warp{top: 161px;}
.countdown-warp  .countdown-w {background: #ffeeeea6;margin-left: 0;border-radius: 5px;text-align: center;padding: 2px 10px;display: inline-block;margin: 4px 0px;}
.countdown-warp .countdown-w .riming-title{text-align: left;color: #c01c1c;padding-top: 1px;opacity: 0.8;font-size: 20px;}
.countdown-warp .countdown-w ul{width: auto;display: flex;padding-left: 5px;}
.countdown-warp .countdown-w li {background: transparent;width: auto;font-weight: bold;height: auto;border-radius: 30px;line-height: 27px;text-align: center;color: #ff3500;font-size: 17px;padding: 0;margin: 0px;}
 .countdown-warp .countdown-w li.time-font{padding-right: 8px;}
.pay_now .google-apple-tip {color: #fff;background-color: #e86542;width: 98%;text-align: left;font-size: 20px;line-height: 24px;white-space: pre-line;padding: 5px;border-radius: 5px;position: relative;bottom: 10px;display: none;}


/*  fireantpay Payment */
#fireantpayPayment .payment-warp .payment-flatten{width: 93%}
.payment-body .pay-element { height: 60vh; overflow: auto;padding: 10px 0px;}
.payment-body .field-container { position: relative;margin: 0px 8px;}
.payment-body .btn-warp .btn{width:97%;text-transform: uppercase;margin: auto;display: block;padding:0px;height: 60px;font-weight: bold;    font-size: 23px;}
.payment-body .btn-warp .loader-inner{position: absolute;text-align: center;background: #06060699;display:none;width: 100%;height: 100%;}
.payment-body .btn-warp .loader-inner i{margin-top: 13px;font-size: 31px;color: #ffffff;}

.payment-body{padding:20px;}
.payment-body .pay-border {border-radius: 5px;padding: 5px 10px;box-shadow: #d8d8d8 0px 0px 0px 1px;display: flex;height: 35px;justify-content: center;align-items: center;margin-top: 5px;}
.payment-body .pay-border .css-ico{position: absolute;right:12px}
.payment-body .pay-border .css-ico img{width: 25px;}
.payment-body .pay-border input{width: 100%;height: 100%;border: 0; outline: medium; }
.payment-body .pay-flex{display:block;gap: 20px;}
.payment-body .pay-flex .field-container{flex: 1;}
.payment-body .pay-flex{display:block;gap: 20px;}
.payment-body .field-container div.field-title {font-size: 1rem; color: #666; padding-bottom: 0; margin-top: 0;display: block;text-transform: uppercase;padding-top: 0px;}
.payment-body .field-container div input {font-size: 1.2rem;}
.payment-body .field-title span{padding-left:5px;color: #fb3838;position: relative;top: 2px;}
.payment-body .field-title[required]::after {content: "*";padding-left:5px;color: #fb3838}
.payment-body .error,
.payment-body .success { text-align: center;color: #de0003; background: #fff2ee; margin-top: 14px; border-radius: 5px;padding: 12px; position: fixed;left: 20px;top: 50%;width: 85%;}
.payment-body .success{color: #3fa104;background: #e0ffde;}
.payment-body .section-header .section-title { font-size: 26px; text-transform: uppercase;}
.payment-body .section-header .section-text { color: #666;padding: 6px 0px;}
.payment-body .payment-img{height: 40px;}
.payment-body  select{outline: 0;width: 100%;display:block;height:50px;border-color:#ddd;border-style:solid;border-width:0px;border-image:initial;background-color:#fff;font-size:1.2rem;line-height:22px;padding-left: 12px;padding-right:24px!important;border-radius:5px;-moz-appearance:none;appearance:none;-webkit-appearance:none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='26' viewBox='0 0 41 26'%3E%3Cpath fill='%23606060' d='M0 5.382l19.983 19.983L40.14 5.208 34.932 0 19.869 15.062 4.84.032z' fill-rule='evenodd' style='&%2310; fill: %23b8c2cc;&%2310;'/%3E%3C/svg%3E");  background-position: right 10px center; background-repeat: no-repeat; background-size: 1rem;box-shadow: #d8d8d8 0px 0px 0px 1px;}
.payment-body .payment-select{margin-top: 5px;}
.payment-body .select2-container .select2-choice {height:45px;box-shadow: #d8d8d8 0px 0px 0px 1px;border: 0px;border-radius:3px;background: transparent;}
.payment-body .select2-container .select2-choice > .select2-chosen{height: 45px;    line-height:45px;}
.payment-body .select2-container .select2-choice .select2-arrow {border-radius: 0px; border-left: 0px solid #ddd;right: 7px;top: 12px; background: transparent; transform: scale(1.6);}
.select2-drop .select2-results .select2-highlighted {background: #3875d7;}
.select2-drop .select2-results { max-height: 400px;}
.select2-drop .select2-search input { background-position: right -34px !important;border-radius: 6px; border: 1px solid #ddd;  background-size: 94px !important;}


header a.web_user{z-index: 1;}

.live-chat-wrap{position: fixed;top: 42%;right: 0px; z-index: 999;}
/** webchat **/
.chat-service {height: 46px;background:#fbb92a;line-height: 32px;display:flex;background-size:100%;border-bottom-left-radius: 20px;padding-left:44px;border-top-left-radius: 20px;box-shadow: 0 1px 3px rgb(100 93 93 / 40%);    align-items: center;    position: relative;margin-top: 12px;}
.chat-service .chat-cartoon{width:40px;height: 46px;background:url(../images/chat.png) no-repeat;background-size: 31px;position: absolute;top: -12px;left: 9px;}
.chat-service .chat-font{font-size: 16px;font-weight: bold; padding-right: 10px;}
.chat-service .svgimg { width: 43px; height: 36px;overflow: hidden; position: absolute; left: 11px;top: 4px;}
.chat-service  .svgimg img{width: 100%;height: 100%; filter: drop-shadow(#fff 100px 0); transform: translateX(-100px); }

.chat-service .chat-font{font-size: 16px;font-weight: bold;line-height: 13px;padding: 4px;}
.chat-service .chat-font i {display: block;font-size: 12px; font-weight: normal;  padding-top: 4px;}
a.chat-service:hover{color: #fff;}
.whatsapp-service,
.whatsapp-service:hover,
.whatsapp-service:active {top: calc(50% - -43px);background: #0aba28;color: #fff;}
.whatsapp-service .chat-cartoon { width: 30px;height: 100%;background-size: 24px; position: absolute;  top: 2px; left: 14px;}


/* whatsapp */
.whatsapp-wrap {display: flex;flex-direction: row;align-items: center;gap: 20px;font-weight: bold;color: #000;padding: 0 10px;}
.whatsapp-btn {display: inline-flex;align-items: center;gap: 15px;color: white;padding: 8px 36px;border-radius: 10px;background: linear-gradient(0deg, #0cb828 0%, #5af475 100%);transition: opacity .2s ease;box-sizing: border-box;justify-content: center;}
.whatsapp-btn * {color: inherit!important;font-weight: inherit!important;}
.whatsapp-btn:hover {opacity: 0.8;}
.whatsapp-desc {color: inherit!important;font-weight: inherit!important;}
.whatsapp-btn-icon {width: 25px;}

.common-price {
    white-space: nowrap;
}
.common-price .amount,
.common-price .currency {
    display: inline!important;
    padding: 0!important;
}
.common-price .amount:last-child::before,
.common-price .currency:last-child::before {
    content: ' ';
}
.common-price .currency {
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
}


.payment_select .pane_type span.payfreeinfos{font-size: 15px;}
.payment_select .pane_type .lose-efficacy{display: flex;align-items: center;opacity: 0.3; filter: grayscale(100%);-webkit-filter: grayscale(100%);}
.payment_select .pane_type .lose-efficacy .payfreeinfos-mistake {font-size: 13px; line-height: 18px; color: #666;}

/* new chat */
.wap-chat{position: fixed;bottom: 26%;right:15px;background: #fed700e8;display: flex;justify-content: space-between;align-items: center;height: 36px;border-radius: 51px;padding-right: 0px;z-index: 9;}
.wap-chat .chat-font{font-weight: bold;font-style: italic;font-size: 13px;transform: translateX(12px);}
.wap-chat .chat-icon{background:url(../../images/chat/icon-35.png) no-repeat 0px 0px;width:40px;height:40px;background-size: 100%;transform: translateX(13px) translateY(3px);}
.wap-chat .chat-msg {background: red; border-radius: 78px;color: #fff;min-width: 20px; height: 20px;text-align: center;line-height: 18px;font-size: 10px; position: absolute;right: 14px;z-index: 11;top: -11px; display: none;}
.wap-chat .chat-msg{-webkit-animation:bounce-up 1.4s linear infinite;animation:bounce-up 1.4s linear infinite;}
@-webkit-keyframes bounce-up{
    0%, 100%{ -webkit-transform: translateY(0); opacity: 1; }
    50%{ -webkit-transform: translateY(-5px); opacity: 0; }
}
@keyframes bounce-up{
    0%, 100%{ transform: translateY(0); opacity: 1; }
    50%{ transform: translateY(-5px); opacity: 0; }
}
.wap-chat-skin-54 .chat-icon {background: url(../../images/chat/icon-26.png) no-repeat 0px 0px;background-size: 100%; transform: translateX(12px) translateY(-4px);}
.wap-chat-skin-54  .chat-msg{right: 20px;}

.wap-chat-skin-27,
.wap-chat-skin-40{background:#208cebc7;}
.wap-chat-skin-27 .chat-font,
.wap-chat-skin-40 .chat-font{color: #fff; font-style: normal;}
.wap-chat-skin-27 .chat-icon,
.wap-chat-skin-40 .chat-icon{background: url(../../images/chat/icon-27.png) no-repeat 0px 0px; background-size: 100%;  transform: translateX(13px) translateY(2px); width: 33px; height: 42px;}



.wap-chat-skin-56{background:#662c2cad;right: 0px;border-top-right-radius: 0;border-bottom-right-radius: 0;padding-right: 19px;}
.wap-chat-skin-56 .chat-font{color: #fff;font-style: normal;}
.wap-chat-skin-56 .chat-icon { background: url(../../images/chat/icon-56.png) no-repeat 0px 0px;background-size: 100%;transform: translateX(15px) translateY(-7px);}
.wap-chat-skin-56  .chat-msg{right: 40px;}


.wap-chat-skin-57,
.wap-chat-skin-41{background:#b32a2aab;padding-right: 19px;right: 3px;}
.wap-chat-skin-57 .chat-font,
.wap-chat-skin-41 .chat-font{color: #fff;transform: translateX(15px);}
.wap-chat-skin-57 .chat-icon,
.wap-chat-skin-41 .chat-icon{background: #fff url(../../images/chat/icon-57.png) no-repeat center;background-size: 84%;transform: translateX(19px) translateY(-1px);border: 2px solid #bb4141;border-radius: 52px;}
.wap-chat-skin-57  .chat-msg,
.wap-chat-skin-41  .chat-msg{right: 34px;}

.wap-chat-skin-37{background: #49566b;min-width: 89px;text-align: center;display: block;right: 7px;}
.wap-chat-skin-37 .chat-font{color: #fff;transform: translateX(0px);font-style: normal;}
.wap-chat-skin-37 .chat-icon {background:url(../../images/chat/icon-37.png) no-repeat 0px 0px;width: 86px;height: 43px;position: absolute;left: 0px;top: -41px;z-index: 2;background-size: 77%;}
.wap-chat-skin-37 .chat-msg{top: -38px;}

.wap-chat-skin-50{ padding-right: 20px;border-top-right-radius: 0px; border-bottom-right-radius: 0px; background: #6f3d21c2; right:-10px}
.wap-chat-skin-50 .chat-font{color: #fff;padding: 0px 6px;transform: translateX(12px);font-style: normal;font-size: 14px;}
.wap-chat-skin-50 .chat-icon {background: url(../../images/chat/icon-50.png) no-repeat 0px 0px;background-size: 100%; transform: translateX(10px) translateY(-5px);    height: 45px;}
.wap-chat-skin-50 .chat-msg{right: 60px;}

.wap-chat-skin-45{background:#1d8bdae3;padding-right: 17px;right: 6px;}
.wap-chat-skin-45 .chat-font{color: #fff;transform: translateX(14px);}
.wap-chat-skin-45 .chat-icon {background: #aad9f8 url(../../images/chat/icon-45.png) no-repeat center;background-size:94%;transform: translateX(19px) translateY(-1px);border: 3px solid #1d8bda;border-radius: 52px;}
.wap-chat-skin-45 .chat-msg{right: 30px;}


.wap-chat-skin-53{background:#0d6c7496;padding-right: 17px;right: 6px;}
.wap-chat-skin-53 .chat-font{color: #fff;transform: translateX(14px);}
.wap-chat-skin-53 .chat-icon {background: url(../../images/chat/icon-53.png) no-repeat center;background-size: 100%;    transform: translateX(21px) translateY(-1px);}
.wap-chat-skin-53 .chat-msg{right: 30px;}

.payment_select .pane_type li img {object-fit: contain;}
#payment-payermax .payment-warp .payment-cont{width:98%}

/* sign icon  */
.sign .left-login li .form-control{height: 46px;}
.sign .left-login li .register-email,
.sign .left-login li .form-control-row{position: relative;border: 1px solid #ccc; display: block;}
.sign .left-login li .register-email .ico_r,
.sign .left-login li .form-control-row .ico_r{top: calc(50% - 1rem);}
.sign .left-login li .register-email .tips,
.sign .left-login li .register-email .tips_yes{top:-30px}


/* wap 20260104  */
.wap-logo {width: 201px;position: absolute; left: calc(50% - 92px); top: 20px;}
.wap-logo img{width: 100%;}
.bs-example-form,
.header_active .search-form {width: 100%;position: initial;padding: 0px;padding-bottom: 10px;}
.search-w .search-min { padding: 0px 8px;}
.search-w .form-control {width: 100%}
.search-w .search-min .fa-search {left: 25px;top: 12px;font-size: 24px;}
.wap_menu,
.web_user,
.language,
.web_shopping-cart,
.wap_currency{height: 88px;}
main header{height: auto;padding-bottom: 0;background-color: var(--theme)}
main .white-skin{background: #ffe0e0;}
main .swipslider .sw-slide img{width: 100%;border-radius: 0px;}
header .user-login {text-overflow: ellipsis; word-break: keep-all; white-space: nowrap; height: 34px;  line-height: 34px; top: 32px;  position: absolute;  right: 10px;  color: #fff; text-align: center;  z-index: 1;}
.trustpilot-comment-header{background-color: var(--theme);padding-bottom: 5px;transform: translateY(-1px);}
.swipslider,
.main_visual{transform: translateY(-1px);border-top: 0;}
article .cart_order .leave-message textarea {height: 31px; padding: 12px;}
article .cart_order .c-ifo{padding:10px;background:#fff}
article .cart_order .c-ifo .c-ifo-title {font-weight: bold;padding-bottom: 5px;}
article .cart_order .c-ifo p {position: relative;padding-left: 30px;height: 32px;line-height: 21px; color: #333; font-size: 16px;}
article .cart_order .c-ifo  p svg{width: 24px;height: 24px;position: absolute;top: 0px;left: 0px;color: var(--theme);fill: var(--theme-bright)}
article .cart_order .leave-message{ margin-top: 0; padding-top: 0px;}
article  .discount-warp-max .checkbox_n { padding-left: 10px;  font-size: 19px;}
article  .discount-warp-max .discount-warp-w {padding: 0px 10px;}
.header_active .web_shopping-cart{position:relative;}
article .product_description .product_title { font-size: 20px;}
.trustpilot-comment { padding: 10px;     border-top: 2px solid #cbe3e4; margin-top: 11px; background: #f8f9fa;}

section.pull-down{margin-top:0;padding:0;margin-bottom:0}
.pull-down .tab-content .tab-pane{display: none;}
.pull-down .tab-content{padding:12px;padding-bottom:0px;font-size: 12px;}
.pull-down .mytab .nav-tabs .active{font-weight:bold;color:#fff;border-bottom:0px solid #464646;background:#79b0b4}
.pull-down .mytab .nav-tabs li{padding:14px 9px;background:var(--tinge);border-radius:0px;line-height:28px;height:28px;margin-bottom:0px;position:relative;font-size:22px;flex:1;padding-right:32px;border-right:1px solid #bdbdbd;text-align:center}
.pull-down .mytab .nav-tabs{display:flex;justify-content:center;width:100%;gap:0px}
.pull-down .mytab{background:var(--tinge)}
.pull-down .mytab .nav-tabs li::after{display:inline-block;content:"";width:0;height:0;margin-left:2px;vertical-align:middle;border-top:6px dashed;border-top:4px solid\9;border-right:6px solid transparent;border-left:6px solid transparent;position:absolute;right:19px;top:calc(50% - 1px)}

.faq-content{font-size:14px;line-height:28px;padding-top:10px}
.faq-content p a{color:#337ab7;font-weight:bold}
.faq-content .faq-item{padding-top:12px}
.faq-content .faq-title{font-weight:bold;color:#5969a2;cursor:pointer}
.faq-content .faq-title:hover{color:#f66a78}
.faq-content .faq-title:before{content:"\f105";font-weight:bold;padding-right:7px;color:#5969a2;display:inline-block;font:normal normal normal 14px / 1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.faq-content .faq-cont p{margin-top:10px}
.faq-content .faq-cont{padding-left:12px;display:none}
.faq-content .faq-h-t{font-weight:bold;position:relative;text-indent:30px}
.faq-content .faq-h-t::before{content:"";position:absolute;left:14px;width:5px;height:5px;background:#4b4b4b;top:13px;border-radius:10px}
.faq-content dl{padding-left:0px}
.faq-content dl dt {margin-left: 10px;font-weight: bold;color: #333;cursor: pointer;padding: 15px 0px;font-size: 16px;}
.faq-content dl dt:hover{color:#f66a78}
.faq-content dl dt:before{content:"\f105";font-weight:bold;padding-right:7px;color:#9b9b9b;display:inline-block;font:normal normal normal 14px / 1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.faq-content dl dd{padding-left:12px;display:none;font-size: 16px;}
.faq-content dl dd p{margin-top:10px}
.faq-content .b-title{font-size:14px;font-weight:bold;position:relative;color:#1c1c1c;background:#f6f6f6;border-radius:5px;padding:5px;padding-left:27px;margin-bottom:16px}
.faq-content .b-title::before{content:"";position:absolute;left:14px;width:4px;height:13px;background:#5969a2a3;top:12px}
.faq-content  dd{color:#555;line-height:1.6;margin-bottom:10px;margin-left:15px}
.faq-content pre{background-color:#f8f8f8;padding:10px;border-radius:4px;margin:10px 0;overflow-x:auto;border-left:3px solid #3498db}
.faq-content  code{background-color:#f8f8f8;padding:2px 4px;border-radius:3px;font-family:Consolas,monospace}
.faq-content  a{color:#3498db;text-decoration:none}
.faq-content a:hover{text-decoration:underline}
.faq-content ul{margin:10px 0 10px 30px}
.faq-content  li{margin-bottom:5px}
@media screen and (max-width:768px){
.faq-content .faq-h-t::before,.faq-content .b-title::before{top:9px}
.faq-content dl dd{padding-left:18px;display:none;font-size: 0.85rem;}
.faq-content dl dt{font-size: 0.85rem; padding: 7px 0px;}
.product_description .tab-content .faq-content{ padding-top: 0px;}
}

section.user-title{position: relative;    padding: 10px;font-size: 22px;}
section.user-title a{display: block;height: 100%;}
section.header-logo-wap {display: flex;justify-content: left;padding-left: 80px;height: 52px;  align-items: center;}
section.header-logo-wap .header-logo-img {width: 210px;position: absolute; right: 10px; height: 45px;}
section.header-logo-wap .header-logo-img img{width: 100%;height: 45px; object-fit: contain;}
.activity-main .product_ap .product_description{padding: 20px;}
.activity-main .product_ap .list-unstyled-t .list-price-left {padding-left: 0;}
.activity-main .product_ap .web-entry-title{position: initial;font-size: 22px;}
.activity-main .product_ap .list-unstyled-t .copy-warp{position: relative;}
.activity-main article .porzoom{text-align: center;}
.activity-main article .porzoom img{left:auto; margin-left: 0;position: relative;}
.activity-main article .porzoom .return{text-align: left;}
.header_active .web_shopping-cart,
.header_active .web_user{position: relative;}

/* wap activity */
.activity-theme{background:#feba8f;display:flex;justify-content:space-between;padding:7px;padding-right:0px;background-size:cover;background-position:left center;background-repeat:no-repeat}
.activity-theme time{background:#ffff00c4;color:red;position:relative;height:100%;padding:4px 10px;font-weight:bold;font-size:20px}
.activity-theme time::before{content:"";background:linear-gradient(to right,#ffffff00,#ffff00c4);position:absolute;height:100%;width:18px;top:0px;left:-18px}
.activity-theme .ac-name{width:200px;position:relative}
.activity-theme .ac-name::before{content:"";width:224px;height:130px;position:absolute;background-size:100%;background-position:left center;background-repeat:no-repeat;top:-60px;z-index:1}
.activity-theme .copy-warp{position:relative}
.btncopy-theme .dis-price,.btncopy-theme .disoff{font-weight:bold;color:#f11e00;font-size:20px}
.btncopy-theme{width:211px;height:146px;background-size:100%;background-position:left center;background-repeat:no-repeat;text-align:center;position:absolute;right:0px;top:-100px}
.btncopy-theme .dis-price{display:block;padding-top:6px}
.btncopy-theme .web-code{width:120px;height:120px;background-size:cover;background-position:left center;background-repeat:no-repeat}
.btncopy-theme .affter-dis-code{font-size:18px}
.btncopy-theme .affter-dis-code .input-code{display:flex}
.btncopy-theme .affter-copy input{width:1px;height:1px;outline:0;opacity:0}
.btncopy-theme  .affter-copy{padding-top:15px}
.btncopy-theme  .affter-copy .code-text{font-weight:bold;color:#ffff00;font-size:26px}
.btncopy-theme .font-code{color:#000;font-weight:normal;font-size:18px}
.btncopy-theme .affter-copy .input-code{display:flex;align-items:center;justify-content:center;font-weight:bold;gap:8px;color:#ffff00}
.btncopy-theme .affter-copy .input-code::after{content:"";width:27px;height:25px;background-size:90%;background-position:left center;background-repeat:no-repeat;background-image: url(../../../mall/activity/pro/ac-copy.webp);}

/* .recently */
.recently{width:80%;position:relative;align-items:center;background:#f8f8f8;height:auto;display:block;border:1px solid #cfcfcf;border-radius:10px;margin:15px auto}
.recently .rec-font{text-align:center;height:50px}
.recently .rec-font span {font-size: 1.1rem; background:  var(--theme);color: #fff; border-bottom-left-radius: 17px;border-bottom-right-radius: 17px; padding: 6px 24px;text-transform: uppercase;position: relative;top: -3px;}
.recently .rec-font span::before{width:0;content:"";height:0;margin-left:2px;vertical-align:middle;border-top:20px dashed var(--theme);border-right:9px solid transparent;border-left:8px solid transparent;top:0px;position:absolute;z-index:1;left:-9px;transform:skewX(1deg)}
.recently .rec-font span::after{width:0;content:"";height:0;margin-left:2px;vertical-align:middle;border-top:20px dashed  var(--theme);border-right:10px solid transparent;border-left:8px solid transparent;top:0px;position:absolute;z-index:1;right:-9px;transform:skewX(-1deg)}
.recently .rec-icon{width:103px;height:53px;background-size:61px}
.recently .rec-pro{display:flex;margin-left:0;width:100%;justify-content:center;padding-bottom:14px;gap:25px;align-items:center}
.recently .rec-pro img{height:160px;border-radius:5px}
.recently .rec-pro .rec-price .rec-special{color:#f30240;font-size:1.5rem;font-weight:bold;padding-right:13px}
.recently .rec-pro .rec-price .rec-old{font-size:1.2rem;color:#666;text-decoration:line-through;padding:0px}
.recently .rec-pro .rec-price .btn { padding: 5px 25px;background: #f30240;color: #fff;}
.recently .rec-icon{display: none;}

/* banner */
.swipslider {width:100%;position:relative;overflow:hidden;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:340px;}
.swipslider .sw-slides {display:block;padding:0;list-style:none;width:100%;height:100%;white-space:nowrap;font-size:0;-webkit-transform:translateX(0);transform:translateX(0);position:absolute;bottom:0}
.swipslider .sw-slide {width:100%;height:100%;margin:auto;display:inline-block;position:relative;}
.swipslider .sw-slide img {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:100%;width:100%;margin-left:auto;margin-right:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.swipslider .sw-slide .sw-content {width:100%;height:100%;margin-left:0;margin-right:0;font-size:14px}
.sw-next-prev {font-family:courier new,Courier,monospace;height:50px;width:50px;text-align:center;vertical-align:middle;position:absolute;line-height:50px;font-size:30px;font-weight:bolder;color:rgba(160,160,160,.53);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:transparent;border-radius:50%;text-decoration:none;transition:all .2s ease-out;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.sw-next-prev:hover {background-color:rgba(255,255,255,.74)}
.sw-next-prev:active {background-color:rgba(255,255,255,.5)}
.sw-prev {left:2%;display:none;}
.sw-prev::after {content:'<'}
.sw-next {right:2%;display:none;}
.sw-next::after {content:'>'}
.sw-bullet {position:absolute;bottom:8px;list-style:none;display:block;width:100%;text-align:center;padding:0;margin:0}
.sw-bullet li {width:10px;height:10px;background-color:rgba(160,160,160,.53);border-radius:50%;display:inline-block;cursor:pointer;transition:all .2s ease-out}
.sw-bullet li:hover {background-color:rgba(255,255,255,.74)}
.sw-bullet li.active {background-color:rgba(255,255,255,.5);box-shadow:0 0 2px rgba(160,160,160,.53)}
.sw-bullet li:not(:last-child) {margin-right:5px}
.swiper-new{background:linear-gradient(180deg,#EA222F 45%,#AD1112 70%,#AD1112 0%);margin-top: 80px;padding-bottom: 100px;position: relative;margin-bottom: 70px;}
.swiper-new .tit{background: url(../../../images/44/title.png) no-repeat;width: 100%;height: 70px;left: 0;background-size: 100%;position: absolute;top: -50px;text-shadow: none;text-align: center;line-height: 48px;}
.swiper-new .swipermore{position: absolute;bottom: 26px;left: 50%;-webkit-transform: translate(-50%,0%);display: block;height: 40px;width: 200px;text-align: center;background: #C45858;line-height: 40px;color: #fff;font-size: 1.2rem;}
.material{padding: 0;}
.material .adv-banner{width: 100%;}
.material .adv-banner a{height: 100%;margin-bottom: 20px;display: block;}
.material .adv-banner img{width: 100%;}

/* nav hide */
main nav{display: none;}

/* pro tips */
.pro-tips-win{position: relative;}
.pro-tips-win .tips {width: 302px;top: 16px; padding: 8px;}