/* windows-tiops */
.windows-tiops{position: fixed;bottom:10px;left:10px;z-index: 9;background: #F5F5F5;border-radius: 20px;max-width: 500px;}
.windows-tiops img{max-width: 500px;max-height: 350px;width: 250px;height: 250px;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;}
.windows-tiops a{display: flex;padding: 30px;transition: all 0.3s linear;align-items: center;}
.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: #000; }
.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 .vip-zone-con .vip-zone-title{font-size: 18px;font-weight: bolder;max-width: 250px;padding-bottom: 15px;}
.windows-tiops .vip-zone-con .vip-zone-box{font-size: 14px;font-weight: bolder;}
.windows-tiops .vip-zone-con .btn{margin-top: 20px;}
.windows-tiops a:hover{color: #000;}
.windows-tiops .close-img-shade:hover::after{background-color:#f00}


/*modal content */
.modal .modal-dialog{top: 50%;left: 50%;margin: 0;-webkit-transform: translate(-50%,-50%) !important;}
.modal .modal-dialog .modal-content{margin-top: 0 !important;}



/* history search search */
.search-min .history-search{background:#fff;display:none;position:absolute;width:100%; z-index:9;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: 9px;right: 7px;font-size: 14px; top: 0px;cursor: pointer;}
.search-min .history-search .title i:hover{color:#ff3200}
.search-min .history-search ul{padding-top: 12px;white-space:nowrap;width: 98%;    margin: auto; overflow: hidden;}
.search-min .history-search li{float: none;display:inline-block;}
.search-min .history-search li a{padding: 7px;color: #000}
.search-min .history-search li a:hover{background:#fbf9f9;color: #f60}

.coupon.alert-warning .coupon-text{color: #f00;cursor: pointer;border: none;background: transparent;outline: medium;width:74px;font-size: 16px;}



/* freight_width */

.freight_width .freight-address select{width: 100px}
.freight_width  h3{background: none;margin-bottom: 10px;}
.freight_width  .tab-content{margin: 20px;font-size: 14px;}
.freight_width .freight-district{margin-top: 0px;}
.freight_width .btn-group .dropdown-menu{width: 150px; text-align: center;}
.freight_width  .tab-content .choice{display: flex; margin-top: 20px; background: #fef8e8;width: 860px;height: 40px;border-bottom: 1px solid #ffc299;align-items: center; padding-left: 30px;}
.freight_width  .tab-content .choice p {width: 25%;}
.freight_width  .tab-content .choice p:nth-child(2) {width: 35%;}
.freight_width  .tab-content .choice p:nth-child(3) {width: 15%;}
.freight_width .radio{width: 8px}
.freight_width .form_radio { margin-top: 11px;}
.freight_width  .freight span.priority{margin-left: 222px;margin-bottom: 5px;display: inline-block;}
.freight_width .tab-content .tips_bottom{margin-top: 25px;font-size: 12px; color: #666;}
.freight_width .days{margin-top:0px;}
.freight_width .days span{color: #5db664;font-weight: 900;}
.freight_width .days span i{display: none; position: absolute;left: 42%;top:320px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);background: #fff;-webkit-box-shadow: 0 3px 12px rgba(0,0,0,.08);box-shadow: 0 3px 12px rgba(0,0,0,.08);border: 1px solid #ebedf0; border-radius: 4px; white-space: nowrap;font-size: 14px;color: #333;padding: 12px;z-index: 9; font-weight: 500;}
.freight_width .days span img:hover + i{display: block;}
.freight_width .days span:first-child{color: #373856;font-weight: 500;}
.freight_width .form_radio span{top:0px;}
.freight_width .table-btn{text-align: center;}
.freight_width .table-btn .btn{font-weight: bold;width: 152px;height: 34px;}
.freight_width .table-responsive { min-height: 291px;    overflow: auto; max-height: 291px;}
.freight_width .freight-address select {width: 180px; padding: 7px 0px;margin-right: 0px; border: 0px;border-bottom: 2px solid #ddd;margin-left: 18px;}
.freight_width  table{  margin-top: 26px;font-size: 14px;}
.freight_width  table th{  background: #fef8e8;  border-bottom: 1px solid #ffc299; align-items: center;font-weight: normal;}
.freight_width  table th,
.freight_width  table td{border-top: 0px solid #dee2e6;padding: 15px 9px;}
.freight_width  table .active{color:#f60;}
.freight_width  table .active .fa-check{color:#4caf50;}
.freight_width  table .active .form_radio .radio{border:2px solid var(--btn-red)}
.freight_width table .active .radio i {display: block; position: absolute;left: 5px; border: 0px;width: 9px; height: 9px;top: 6px;}
.freight_width table .active .radio span {border: 2px solid var(--btn-red);height: 20px;    background: #fff;width: 20px; display: block; border-radius: 40px;}
.freight_width .freight-address span{padding-right: 12px;}
.freight_width .freight-address .btn-group{ position: absolute; z-index: 1;background: #fff;}
.freight_width 	table .active .radio i{background:  var(--btn-red);}
.freight_width .tab-content .modal-content{border-radius: 0;}
.freight_width .tab-content .modal-header .modal-title{line-height: 56px;}
.freight_width .tab-content .modal-body .freight-address{margin-bottom: 20px;}
.freight_width .tab-content .table-responsive table th,
.freight_width .tab-content .table-responsive table td {border-top: 0px solid #dee2e6;padding: 15px 9px;}
.freight_width .tab-content .table-responsive table th {background: #e5f3ff;border-bottom: 1px solid #1f8ceb;align-items: center;font-weight: normal;}
.freight_width table .active{color: #1f8ceb;}


/*.recently you*/
.recently.you{min-height: 127px;height: auto;padding: 10px;display: block;}
.recently.you .rec-icon{width: 60px;background-size: 47px;}
.recently.you .rec-vie{display: flex;align-items: center;justify-content: center;}
.recently.you .rec-items{display: flex;align-items: center;justify-content: center;}
.recently.you .rec-pro{display: block;position: relative;}
.recently.you .rec-font{width: auto;text-align: left;text-indent:0px;font-size:26px;}
.recently.you .rec-pro .rec-price{padding-left: 0;padding-top: 0;}
.recently.you .rec-pro .rec-price .rec-special{font-size: 14px;padding-right: 0;}
.recently.you .rec-items a{margin-right: 10px;width: 160px;border-radius: 5px;background: #fff;padding: 5px;}
.recently.you .rec-pro .btn{padding: 6px 0px;width: 100%;margin-top: 10px;}
.recently.you .rec-items a:last-of-type{margin-right: 0;}
.recently.you .rec-pro .rec-price .name{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 10px;font-weight: 600;color: #000;}
.recently.you .rec-pro img{height: 100%;width: 100%;}
.recently.you .rec-pro em{position: absolute;right: 0;top: 0;width: 32px;height: 32px;background: #f66a78;border-radius: 50px;line-height: 32px;color: #fff;}
.recently.you .rec-pro .rec-price .name:hover{color: #000;}
.recently.you .rec-pro .rec-price .price{display: flex;align-items: center;padding-bottom: 0px;}
.recently.you .rec-pro .rec-price .rec-old{padding: 0;padding-left: 5px;font-size: 12px;}

/* user recently you */
.recently.user-recently{background:linear-gradient(to right, #b8c6f7, #d5c7db, #f5c7bb);border-radius: 5px;padding: 15px;width: 100%;  margin: 0px;}
.recently.user-recently .rec-items{gap: 10px;}
.recently.user-recently .rec-items a{margin: 0;background: #ffffffb3;padding: 8px;}
.recently.user-recently .rec-items a:nth-child(-n+4){display: block;}
.recently.user-recently .rec-items a{width: auto;flex: 1;}
.recently.user-recently .rec-vie{display: none;}
.recently.user-recently .rec-pro img {height: auto;  width: 80px;}
.recently.user-recently .rec-pro{display: flex;}
.recently.user-recently .rec-pro .rec-price {padding-left: 10px;}
.recently.user-recently .rec-pro em {right: auto;width: 35px; height: 17px; border-radius: 0px;line-height: 19px;color: #ffffff;left: 0px; top: 0px;border-bottom-right-radius: 20px;border-top-left-radius: 5px;}
.recently.user-recently .rec-pro .btn{min-width: 120px; width: auto;}
.recently.user-recently::before {content: ''; background: url(../../images/hot.webp) no-repeat 0px 0px;width: 45px;height: 45px; position: absolute;right: 0px;top: 0px; background-size: 100%;pointer-events: none; border-top-right-radius: 5px;}

/*recently*/
.recently {width: 100%;position: relative; height:127px;margin-top: 24px; margin-bottom: 21px;display: flex;align-items: center;    background: linear-gradient(90deg, #fcebf5 0%, #bfd7fd 100%);justify-content: center;background-size: 100%;box-shadow: 0px 10px 20px rgb(34 25 25 / 5%);}
.recently .rec-font{font-size:2rem;width: 574px;text-align: center;text-indent: 94px;}
.recently .rec-icon {background: url(../images/recently-1.png) no-repeat 0px 0px;width:103px; height: 53px; background-size: 61px;}
.recently .rec-pro{display: flex;}
.recently .rec-pro img{height: 118px;border-radius: 5px;}
.recently .rec-pro .rec-price{padding-left: 12px;padding-left: 20px;padding-top: 16px;}
.recently .rec-pro .rec-price .rec-special{color: #000;font-size:1rem;font-weight: bold; padding-right: 12px;}
.recently .rec-pro .rec-price .rec-old{font-size: 15px;color: #666;text-decoration: line-through;    padding: 8px 0px;}

.cart-modal .cart-success-add-cart {font-size: 12px;width: 100%;padding: 6px 0;text-transform: uppercase;}
.cart-modal .loader-inner {top:48px;height: 31px;}
.cart-modal .prolist .product-image img{width: 100%;height: auto;}
.cart-modal .zz-sever .list-item .product-name{text-align:center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 12px;font-weight: bolder;height: 32px;line-height: 18px;}
.cart-modal .zz-sever .list-item .old-price{text-align:center;line-height: inherit;display: block;float: initial;text-decoration: line-through;color: #999;}
.cart-modal .zz-sever .list-item .special-price{text-align:center;line-height: inherit;padding-top: 0;padding-bottom: 5px;padding-left: 0;display: block;font-size: 16px;font-weight: bolder;color: #f00;}

.cart-modal .zz-sever span.prev-btn[class*="-btn"] {left: 8px;width: 24px;height: 58px;top: 55%;}
.cart-modal .zz-sever span.next-btn[class*="-btn"] {right: 8px;width: 24px;height: 58px;top: 55%;}
.cart-modal .zz-sever .prev-btn .fa,
.cart-modal .zz-sever .next-btn .fa{margin-top:12px}

.cart-modal .zz-sever .list-item .item .price-box{width: 100%;}
.cart-modal .zz-sever .list-item .in-cart{position: relative;}
.cart-modal .cart-success-add-cart.pitch{background: #ccc;color: #333;font-weight: 900;}
.cart-modal .cart-success-add-cart.pitch i{padding-right: 5px;}
.cart-modal .zz-sever{margin-bottom: 40px;}
.cart-modal .zz-sever .list-item{position: relative;overflow: hidden;height: 340px;margin: 0 36px;  padding-left: 10px;}
.cart-modal .zz-sever .list-item .item{height: 340px;width: 155px;padding:10px;margin: 0 5px;margin-bottom: 40px;background: #f6f6f6;border-radius: 5px;position: relative;float: left;height: 336px;}
.cart-modal .zz-sever span[class*="-btn"]{height: 100%;line-height: 42px;font-size: 29px;color: #8d8d8d;text-align: center;border-radius: 43px;width: 45px;height: 45px;top:60%;position: absolute;border: 1px solid #dbdbdb;cursor: pointer;z-index: 1;opacity: 0.7;background: #fff;}
.cart-modal .zz-sever .list-item .item .box{background: none;}
.cart-modal .zz-sever span.prev-btn{left: 10px;}
.cart-modal .zz-sever span.next-btn{right: 10px;}
.cart-modal .zz-sever .list-item .wrapbox {width: 3000px;position: relative;}


/* pro detail teb or faq */
.detail-tab {display: flex; background: #fff;position: relative;top: 0px; height: 50px;padding-left: 24px; font-size: 14px; line-height: 52px;}
.detail-tab li a{display: flex;padding:0px 20px;opacity: 0.8;text-decoration: none;}
.detail-tab li a:hover{opacity: 1;}
.detail-tab .active{color:#fff;background: #f60;font-weight: bold;}
.detail-tab .active a{color:#fff;opacity: 1;}
.tab-black-skin{background: #363636;}
.tab-black-skin li a{color:#fff;opacity: 0.8;}
.tab-black-skin .active{border-top-left-radius:5px; border-top-right-radius:5px;background: #fff;color:#000;margin-top:6px;line-height: 42px;}
.tab-black-skin .active a{color:#000;}

.tab-opacity-skin{background: transparent;}
.tab-opacity-skin li a{color:#2d2d2d;}
.tab-opacity-skin .active {color: #0d0d0d; background: #ffffff85;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.tab-opacity-skin .active a{color:#000;}

.tab-line-skin{background: transparent;}
.tab-line-skin a{font-size: 18px;}
.tab-line-skin .active { border-bottom: 3px solid #b32a2a; color: #b32a2a;background: transparent;}
.tab-line-skin .active a{color: #b32a2a;}

.tab-blue-skin .active {background:#019ee9;}

.faq-content{font-size: 14px;padding: 0;line-height: 28px; padding-top: 10px;}
.faq-title{font-weight: bold;padding-top: 18px;}
.describe-content{font-size: 14px;padding: 0;line-height: 28px; padding-top: 10px;}

.pay-now.checkout, .pay_now.checkout {position: relative;}
.checkout-captcha {position: absolute;display: flex;flex-direction: row;align-items: flex-end;bottom: 0px;right: calc(60% + 40px);gap: 20px;}
.checkout-captcha .captcha-input {display: flex;flex-direction: column;}
.checkout-captcha .captcha-input .t_title {line-height: 20px;text-align: left;text-indent: 1em;}
.checkout-captcha .captcha-input input.captcha_data {width: 200px;height: 43px;background-color: #fff;}
.checkout-captcha .captcha-img {cursor: pointer;width: 150px;height: 43px;border-radius: 5px;overflow: hidden;}
.checkout-captcha .captcha-img img {width: 100%;height: 100%;}
.checkout-captcha .tips {top: -20%;background: #ddd;}

.dropdown-item {
    padding: 0.3rem 1rem;
    font-size: 1.1rem;
    color: #555555;
    cursor: pointer;
}
.dropdown-item:hover {
    background-color: #f7f7f7;
    color: #353535;
}

.web-shopping-cart .forbidden {color: #333;cursor: pointer;}
.signup-page .t-log li.youtube,
.logon-modal .t-log li.youtube{display: none;}


.but-pay ~ .google-apple-tip {color: red;min-width: 100%;text-align: center;font-size: 14px;line-height: 20px;display: none;white-space: pre-line;margin-top: 5px;}

.common-price .amount,
.common-price .currency {
    display: inline!important;
    padding: 0!important;
    float: none!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;
}