.product-collateral .tab-content .active.web-active img{width: 100%;}
.product-collateral .tab-content .active.web-active .a-expander-collapsed-height{width: 100%;}

/* web_shopping-cart */
.web_shopping-cart .dropdown-menu ul{left:-290px;max-height: 750px; overflow: auto;}
.web_shopping-cart .dropdown-menu ul::-webkit-scrollbar{ width:6px;height:6px;background-color: #F5F5F5;}
.web_shopping-cart .dropdown-menu ul::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;background-color: #F5F5F5;}
.web_shopping-cart .dropdown-menu ul::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color: #555;}
.web_shopping-cart .glyphicon-shopping-cart{padding:0 0;color:#34c689;opacity:.8}
.web_shopping-cart .glyphicon-shopping-cart:hover{opacity:1}
.web_shopping-cart .dropdown-menu .total{padding-top: 10px;}

/* freight_width */
.freight_width{width: 900px;height:450px;}
.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  .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(--yellow)}
.freight_width  table .active .radio i{display:block; background:var(--yellow);width:8px;height:8px;border-radius:8px;position:absolute;top:3px;left: 3px;}
.freight_width  table .active .radio span{border:2px solid var(--yellow)}
.freight_width 	table .active .radio span{border: 2px solid #1f8ceb;}
.freight_width 	table .active .radio i{background:  #1f8ceb;}

.freight_width .tab-content .modal-header .fim_close{cursor: pointer;overflow: hidden;display: block;float: right;height: 55px;width: 55px;text-indent: -999px;opacity: 0.5;background: url(../../image/windown/close.gif) no-repeat center;box-shadow: none;outline: none;border: none;}
.freight_width .tab-content .modal-header {line-height: 56px;height: 58px;overflow: hidden;font-size: 22px;padding: 0px 0px 0px 6px;text-align: left;color: #fff;text-indent: 32px;font-family: "Segoe UI","Arial";font-weight: 500;padding-bottom: 20px;background: #1f8ceb;}
.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;}


#country_input{position: absolute;background: #fff;top: -18px;left: 15px;}
#country_input .niceCountryInputMenuDefaultText{padding-top:8px;}
#country_input  .niceCountryInputMenuDropdown {height: 4px;width: 17px;float: right;line-height: 22px;text-align: center;position: relative;right: 5px; color: #868686;top: -28px;}

.but-r .tariff{float: right;}
.but-r .tar-left{display: inline-block;padding-right: 23px;cursor: pointer;opacity: 0.7;position: relative;}
.but-r .tar-left:hover{opacity: 1;}
.but-r .tar-us{display: inline-block}
.but-r .tar-left .tooltips { position: absolute;background: #fff;box-shadow: 0 1px 3px rgb(34 25 25 / 40%);z-index: 1;width: 251px;padding: 6px;bottom: 30px;left: -59px;border-radius: 4px;display: none;}
.but-r .tar-left .triangle-down {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;bottom:-6px;left: 48%;position: absolute;}
.but-r .tar-left:hover  .tooltips{display: block;}

.ship-addr{float: left;display: none;}
.ship-addr .express{width: 100%;padding-top:20px;}
.ship-addr .express>div{color:#333333;font-weight: 600;position: relative;}
.ship-addr .express>div i{font-size: 18px;margin-right: 20px;}
.ship-addr .freight-district .type-name{padding-right: 18px}
.ship-addr .freight-district button {color: #ff6600;font-size: 14px;font-weight: 500;background: none;border: none; padding-left:6px; box-shadow:none; margin: 6px 0px;height: 33px; border-bottom: 1px solid #919191;cursor: pointer;}
.ship-addr .freight-district button:hover{box-shadow:none}
.ship-addr .freight-district button i{margin-left: 5px;   margin-right:5px;}

.ship-addr .express .ways{margin-left: 25px;width: 545px;overflow: hidden;}
.ship-addr .express .ways li{width: 100%;border-bottom: 1px solid #e4e3df;height: 40px;line-height: 40px;}
.ship-addr .express .ways li span{display: inline-block;width: 200px;}
.ship-addr .express .ways li span:first-child{margin-right: 10px;width: 20px;height: 20px;border: 2px solid #e4e3df;border-radius: 10px;position: relative;top:6px;cursor: pointer;}
.ship-addr .express .ways li span:last-child{width: 90px;color: #808080de;}
.ship-addr .express .ways li.active{color: #373856;}
.ship-addr .express .ways li.active span:first-child i{display:inline;color: var(--yellow);position: absolute;top:2px;left: 3px;}
.ship-addr .express .ways li.active span:first-child{border-color: var(--yellow);}
.ship-addr .express .ways li span:first-child i{display: none;font-size: 12px;}

.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;}

.ship-addr .freight-district .btn-primary{outline: none;background: none;color: #ff6600;}
.ship-addr .freight-district .btn-primary:active{box-shadow: none;}


.shopping-bg .table-div .table td, .table th{border-top: none;}
.ship-addr .express .freight-district .table{margin-bottom: 0px;}
.ship-addr .express .freight-district .table tr{cursor: pointer;}

.table-responsive .delivery-table{ width: 700px;}
.table-responsive table .active{ color:#f97582; opacity:1}
.table-responsive table .active .radio i{display:block;background:#fc0;width:8px;height:8px;border-radius:8px;position:absolute;top:3px;left: 3px;}
.table-responsive table .active .radio span{border:2px solid #fc0;left: -5px;}
.table-responsive table .active td{background-color: inherit !important;}

.total-prices .total_amount.total-postage{margin-bottom: 5px;}
.total-prices .total_amount.total-postage span{font-size: 12px;font-weight: 900;color: #4a4949;float: right;}


.table-div .table-ul li.table-jz .btn_receipt{margin-top: 6px}
.order_status .or_list .orli.pak-margin{margin-left: 0px}

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








 /*  order viewimg big  */
 .viewimg-big ::-webkit-scrollbar{ width:6px;height:6px;background-color: #F5F5F5;}
.viewimg-big ::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;background-color: #F5F5F5;}
.viewimg-big ::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color: #555;}
.order_status .or_list .btn-activation-tips{display: inline-table; }
.order_status .or_list .btn-activation-tips .btn{background: #ddf2de;color: #49b54e;border:1px solid #49b54e;}
#myModal-img .modal-dialog {    max-width:100%;position: static;width: auto;margin: auto;pointer-events: all;max-width:auto;display: flex;width: 100%; height: 100vh; justify-content: center;  align-items: center;}
.viewimg-big {position: relative;width: 90%;}
.viewimg-big span{display: block;width: 100%;position:relative;height: 90vh;overflow: auto; }
.viewimg-big span img{max-width:100%;border-radius: 15px;width: 100%;    box-shadow: -2px 2px 20px 4px #585858}
.viewimg-big .viewimg-close{background: #fff;padding: 11px; cursor: pointer; position: absolute; top: -12px; right: -12px;opacity: 1; font-size: 28px;  border: 0;border-radius: 220px; width: 40px;display: block;  height: 40px; box-shadow: -2px 2px 20px 4px #585858;z-index: 1;}
@media (min-width:2000px){
.viewimg-big {position: relative;width:1500px;}
}


/* Search Sellers */
.search-slider-items-products .best-title {font-size: 18px; padding-left: 20px;text-transform: capitalize;margin-top: 20px;margin-bottom: 0px;padding-right: 20px;}
.search-slider-items-products .zz-sever .list-item .item{width:172px;padding-left:5px;}
.search-slider-items-products .zz-sever .list-item .item .actions-links{left:5px}
.search-slider-items-products .zz-sever .list-item .item em{left:127px}
.search-slider-items-products .zz-sever .list-item .item .matter{margin:0px}
.search-slider-items-products .zz-sever {padding-left:50px;position:relative;padding-top: 28px;}
.search-slider-items-products .zz-sever .list-item{position: relative;overflow: hidden;margin-right: 64px;left: 0px;width: 860px;}
.search-slider-items-products .zz-sever span[class*="-btn"]{line-height: 42px;font-size: 29px;color: #8d8d8d;text-align: center;border-radius: 43px;width: 45px;height: 45px;top: 32%;position: absolute;border:0px solid #dbdbdb;cursor: pointer;z-index: 1;opacity: 0.7;background: #fff;}
.search-slider-items-products .zz-sever span:hover{opacity:1}
.search-slider-items-products .zz-sever span.prev-btn{left:15px;}
.search-slider-items-products .zz-sever span.next-btn{right:18px;}
.search-slider-items-products .list-item .wrapbox{width:3000px;position: relative;}

.search-slider-items-products{position:relative;z-index:9;overflow:hidden;border-radius:5px;box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2);width:966px;margin: auto;margin-top:50px;margin-bottom:50px;background:#fff;}
.search-slider-items-products .b-more {position: absolute;right: 18px;top: 15px;}
.search-slider-items-products .owl-item{ position:relative;margin-bottom: 20px; width:190px; float:left;height: 300px;}
.search-slider-items-products .owl-item img{display: block;max-width: 160px;height:222px; float:left; margin-right:6px;border-radius:5px}
.search-slider-items-products .owl-item em{background:#fc0;border-radius: 32px;color:#000;height:32px;left:140px;position: absolute;top: 5px;width: 32px; text-align:center; line-height:32px;font-style: inherit;
    font-size: 12px;}
.search-slider-items-products .matter{font-size:12px;margin:3px;font-weight:bold; padding-left: 0px;}
.search-slider-items-products .matter p{line-height: 15px; width: 100%;   margin: 0px;float: left;padding-top: 5px;max-height: 50px;overflow: hidden;min-width: 155px;}
.search-slider-items-products .matter p a{color: #333;text-decoration: none;color: #000;}
.search-slider-items-products .web-money{margin-top:3px;}
.search-slider-items-products .web-money .s_us{font-size:14px;color:#ff3039;display:block;}
.search-slider-items-products .web-money .c_price{font-size:12px; color:#666;text-decoration:line-through;display:block;}


/*guide-modal*/
.user-email.user-oauth-bind{position: relative;z-index: 1041;}
.guide-modal{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: #000;opacity: .5;}
.guide-img{position: absolute;z-index: 1042;cursor: pointer;}


/* history_search search */
.search-min .history_search{background:#fff;display:none;position:absolute;width:100%; z-index:999;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}

/* cart tips */
.used-tips{align-items: center; display: flex;   background: #fff2cc;  color: #ff6f03; border-radius: 4px;height: 31px;  padding: 0px 12px; margin-top: 16px; margin-left: 31px;}
.used-tips b{padding-right: 6px; color: #ff3200; }
.used-tips button{color: #4ca3ef; background: transparent;border: 0px;margin-left: 8px;  font-weight: bold; font-size: 14px;}
.used-tips button:hover{color:#ff3200}

.security .e-ico{background:url(../../image/forgot_method.png) no-repeat -17px -467px;width:65px;height:65px;text-align:center;position:absolute;left:22px;top:22px;}


/*card guide*/
.card-guide{width: 450px;box-shadow: 0px 0px 12px rgb(0 0 0 / 30%);background: #fff;border: 0;min-height: 120px;padding: 40px;text-align: center;font-size: 16px;color: #f60;z-index: 999999999;display: none;}
.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:120px;}
.card-guide .modal-card .btn-no{background: #ddd;color: #000;}
.card-guide .modal-card .btn-no:hover{background: #f00;color: #fff;}

/*card-guide-order*/
.card-guide-order{width: 450px;box-shadow: 0px 0px 12px rgb(0 0 0 / 30%);background: #fff;border: 0;min-height: 120px;padding: 40px;text-align: center;font-size: 16px;color: #f60;z-index: 999999999;display: none;}
.card-guide-order .modal-card{padding-top: 30px;display: flex;justify-content: space-around;}
.card-guide-order .modal-card .btn{outline: none;border: none;box-shadow: none;width:120px;}
.card-guide-order .modal-card .btn-no{background: #ddd;color: #000;}
.card-guide-order .modal-card .btn-no:hover{background: #f00;color: #fff;}


/**/
.ally-list.mt-third .no_data{float: initial;}
.com-sion{display: flex;justify-content: space-between;}
.com-sion .con-sion{width: 48%;border: 1px solid #eee;padding: 20px;position: relative;}
.com-sion .con-sion strong{font-size: 16px;}
.com-sion .con-sion p{width: 70%;padding-top: 15px;}
/*sion-off */
.com-sion .sion-off{position: absolute;right: 20px;top: 20px;}
.com-sion .sion-off .n-off{width:70px;overflow:hidden;height:30px;position:relative;left: 0px;background:#BDC3C7;float:left;cursor:pointer;border-radius:30px;}
.com-sion .sion-off .ny-war{width:140px;position:absolute;left:-70px;transition: all 0.3s linear 0s;}
.com-sion .sion-off .ny-no{left:0px;}
.com-sion .sion-off .ym{float:left;width:70px;height:30px; background:#BDC3C7;background:#34495E;border-radius:30px;position:relative;color: #1ABC9C;
font-weight: bold;padding: 5px 0px 0px 15px;}
.com-sion .sion-off .yuan{height: 24px;width: 24px;position: absolute;top:3px;right:3px;background:#1ABC9C;border-radius:30px}
.com-sion .sion-off .yoff{background:none;padding: 5px 0px 0px 32px;color:#fff}
.com-sion .sion-off .yoff .yuan{top:3px;left:3px;background:#7F8C9A;}

.button_inst_activate{display: none !important;}

/*.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;padding-left: 0;}
.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: 15px 0;}
.recently.user-recently .rec-items{gap: 10px;}
.recently.user-recently .rec-items a{display: none;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(../../image/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 {background: #fff; width: 100%;display: inline-block; position: relative; height:127px; margin-bottom: 21px;display: flex;align-items: center;background: url(../../image/recently-bg.jpg) no-repeat 0px 0px;background-size: 100%;}
.recently .rec-font{font-size: 33px;width: 574px;text-align: left;text-indent: inherit;line-height: 45px;padding-left: 170px;}
.recently .rec-icon {background: url(../../image/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: #ef7c00;font-size: 23px;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;}
@media screen and (max-width:768px){
.recently{background: #fff;height: auto; display: inline-block; margin-top: -6px;}
.recently .rec-font { font-size: 25px;width: 100%;text-align: center; text-indent: 0; padding-top: 19px;}
.recently .rec-pro {display: flex; padding: 20px 12px 12px 62px;}
.recently .rec-icon { width: 39px;height: 30px; background-size: 31px;  position: absolute;  top: 52px; left: 15px;}

}


.matter p{overflow: hidden;text-overflow: ellipsis;display: -webkit-inline-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.web-tools-top {width: 200px;position: absolute; right: 50px;}
.web-tools-top .input-group {float: right;padding-right: 0px;width: 100%;}
.web-tools-top .input-group .glyphicon-tools-search {position: absolute;right: 0px;top: 0px;z-index: 99;color: #cec9c9;font-size: 14px; padding: 10px 9px;cursor: pointer;}
.web-tools-top .input-group .glyphicon-tools-search:hover {color: #666;}

.windows-tiops{z-index: 9;background: #F5F5F5;border-radius: 20px;box-shadow: 0 0px 10px rgba(34, 25, 25, 0.2);max-width: 500px;}
.windows-tiops img{width: 200px;height: 200px;border-radius: 20px !important;margin-right: 15px;}
.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{background-color: #000 !important;}
.windows-tiops .close-img-shade:hover::before, .windows-tiops .close-img-shade:hover::after{background-color: #f00 !important;}
.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;}
.windows-tiops .vip-zone-con .btn{margin-top: 20px;}
.windows-tiops a:hover{color: #000;}

.software_list .owl-item{width: 228px;height: 312px;}
.software_list .owl-item img{height: 250px;max-width: 200px;}
.software_list .owl-item .actions-links{height: 250px;width: 178px;}
.software_list .owl-item .actions-links .web-h-y{width: 158px;}


/* ForgotMethod */
.security li:nth-child(2){display: none}

.third_r .t_log .twitch span  {background-position: -169px 0;}
.third_r .t_log .twitch span:hover{background-position: -169px -44px}
.third_r .t_log .youtube span  {background-position: -225px 0;}
.third_r .t_log .youtube span:hover{background-position: -225px -44px}

/* news list */
.web-n-items .cm-title{font-weight: bold;    font-size: 17px;padding-bottom: 21px;}
.newsmain .product-headline a{color:#262626}
.newsmain .product-headline{font-weight:bold;}
.newsmain .state{height: 42px;overflow: hidden;}
.newsmain .b-content img{width: 100%}
.newsmain .b-content{height:301px;overflow: hidden;}

/* top  */
.userplus .info .logout {top: 20px;}

/*user*/
.u_account_l li .litext{width: 170px;}

/* subscription prompt */
.subscription-prompt { width: 400px;background: #fff;}
.subscription-prompt .modal-content { padding: 14px;  position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; outline: 0}
.subscription-prompt .prompt-modal-content {display: flex}
.subscription-prompt .modal-icon { width: 50px; height: 50px; margin-right: 10px; }
.subscription-prompt .modal-icon img{ width: 50px; height: 50px;}
.subscription-prompt .modal-description {  font-size: 16px; line-height: 1.5;  margin-left: 10px;max-width: 280px;height: auto;word-break: break-all;}
.subscription-prompt .button { text-align: center; padding: 20px 0px 10px 0px; }
.subscription-prompt .cancel { background: #d3caca }
.subscription-prompt .agreen { background: #794848 }

.cart_success .cart-success-add-cart {font-size: 12px;width: 100%;padding: 6px 0;text-transform: uppercase;}
.cart_success .loader-inner {top:48px;height: 31px;}
.cart_success .prolist .product-image img{width: 100%;height: auto;}
.cart_success .zz-sever .list-item .product-name{height: 32px;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;padding-top: 5px;margin-bottom:0px;}
.cart_success .zz-sever .list-item p{width: 100%;text-align: center;}
.cart_success .zz-sever .list-item .old-price{padding-top: 5px;line-height: inherit;display: block;float: initial;text-decoration: line-through;color: #999;}
.cart_success .zz-sever .list-item .special-price{line-height: inherit;padding-top: 0;padding-bottom: 5px;padding-left: 0;display: block;font-size: 16px;font-weight: bolder;color: #f00;text-align: center;width: 100%}
.cart_success .zz-sever span.prev-btn[class*="-btn"] {left: 8px;width: 24px;height: 58px;top: 55%;}
.cart_success .zz-sever span.next-btn[class*="-btn"] {right: 8px;width: 24px;height: 58px;top: 55%;}
.cart_success .zz-sever .prev-btn .fa,
.cart_success .zz-sever .next-btn .fa{margin-top:12px}
.cart_success .zz-sever .list-item .item .price-box{width: 100%;font-size: 12px; line-height: 18px;}
.cart_success .zz-sever .list-item .in-cart{position: relative;}
.cart_success .cart-success-add-cart.pitch{background: #ccc;color: #333;font-weight: 900;}
.cart_success .cart-success-add-cart.pitch i{padding-right: 5px;}
.cart_success .zz-sever{margin-bottom: 40px;}
.cart_success .zz-sever .list-item{position: relative;overflow: hidden;height: 340px;margin: 0 36px;  padding-left: 10px;}
.cart_success .zz-sever .list-item .item{height: 340px;width: 170px;padding:10px;margin: 0 4px;margin-bottom: 40px;background: #f6f6f6;border-radius: 5px;position: relative;float: left;height: 336px;}
.cart_success .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_success .zz-sever .list-item .item .box{background: none;}
.cart_success .zz-sever span.prev-btn{left: 10px;}
.cart_success .zz-sever span.next-btn{right: 10px;}
.cart_success .zz-sever .list-item .wrapbox {width: 3000px;position: relative;}
.cart_success .fim_cont .carttext{padding-left: initial;text-align: center;padding-top: 32px;padding-left: 20px;padding-right: 20px;}
.cart_success .fim_cont .icon{left: 50%;margin-left: -20px; width: 40px; height: 40px; line-height: 49px;top: 20px;}


/* checkOut */
.discount-warp-max{width: 100%;display: flex;padding-top:20px;flex-wrap: wrap;}
.discount-warp-max .tips{top:-3px; display:none;left: 0px;}
.discount-warp-max .checkbox_n{color:#585858;font-size:12px;position: absolute; left: 0px; top: -23px;}
.discount-warp-max .discount-code{display: flex;height:34px;position: relative;margin-top: 30px;}
.discount-warp-max .discount-code .form-control {border-radius: 4px 0 0 4px;    width: 160px;}
.discount-warp-max .discount-code .apply-coupon{height:34px;line-height:13px; border-radius:0 4px 4px 0;padding:0px 12px}
.email-getting{position: relative;margin-right:22px;margin-top: 30px;width: 100%;float: left;}
.email-getting .form-control {width: 337px;}
.email-getting .checkbox_n{font-size: 13px;}
.discount-warp-max .used-tips {align-items: center;display: flex; background: #fff2cc;color: #ff6f03;border-radius: 4px; height: 36px;padding: 0px 22px;margin-top: 30px; margin-left: 30px;}
.discount-warp-max .used-tips button { background: #7ec0c7;color: #fff;padding: 2px 10px;border-radius: 4px;font-weight: 100;font-size: 12px;}
.discount-warp-max .used-tips b {padding-right: 6px; color: #ff3200;font-size: 16px;}


/* 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:-2px;background-color: #fff;color: #fff;width: 20px;height: 20px;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: 3px;width: 10px;height: 10px;z-index: 1;background: #fed700;border-radius: 50%;}
.radio-tab .radio label{margin-right: 30px;}

/* Coupons code */
.coupons-box{ width: 280px; position: relative;float: left;margin-top:22px;cursor: pointer;user-select: none;z-index: 100;}
.coupons-box .usd-amount,.coupons-box .v-time,.coupons-box .voucherbg {opacity: 0.6;transition: opacity .1s ease;}
.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 {width: 240px;height: 115px;margin-top: 0px;text-align: center;border-radius: 10px;position: relative;z-index: 1;}
.coupons-box:hover {z-index: 99999!important;}

.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: 89px;}
.voucher-content .v-amount {font-weight:bold;font-size: 58px;font-family:'Glyphicons Halflings'}
.voucher-content .v-usd{font-size: 14px;padding-top: 20px;padding-right: 5px;}
.voucher-content .v-time{font-size: 14px;opacity: 0.8;}
.voucher-content .v-info { position: absolute;text-align: left;right: 47px;top: 6px;width: 18px;height: 24px;z-index: 99;}
.voucher-content .v-info .fa {opacity: 0.8;}
.voucher-content .v-info i{font-size: 16px;    cursor: pointer;}
.voucher-content .v-info:hover .v-info-content{display: block;}
.v-info-content {padding: 11px;background: #ffffffed; border-radius: 11px;position: absolute;top: 22px;right: -23px;min-width: 250px;max-width: 350px; z-index: 1; box-shadow: 0px 0px 5px 0px #c7c7c7; display: none; text-align: left;}
.v-info-content p{padding-top:5px}

.history-right .no_data { width: 81px;background-size: 321px; background-position: -27px 10px;}
.history-voucher{position:relative;z-index: 2;}
.voucherbg{width: 240px;height: 115px;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 .tick {position: absolute;width: 40px; height: 28px; background: #8c8975;border-top-left-radius: 0px;right: -1px; bottom: 87px;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: 20px;transform-origin: center;  transform: translate(-50%, -30%) rotate(45deg); -webkit-transform: translate(-50%, -30%) rotate(45deg);display: none;}
.voucherbg .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;}
.coupons-active{opacity: 1;}
.coupons-active .voucherbg .tick {background:#ff4304}
.coupons-active .voucherbg .tick::before{display: block;}

.status-expired{cursor:default;}
.status-expired .voucherbg {background-color: #ededed;}
.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 .voucherbg .tick{background:#dddddd;display: none;}
.status-expired .voucherbg .tick::before{display: none;}
.status-expired .voucher-content .v-info{right: 15px;}

.activity_record{padding:12px;color:#666}
.coupons-warp{display: none;width: 100%;float: left;}
.discount-warp-max{display: none;}
.options_active{display:flex;}


@media screen and (max-width:1200px){
    .discount-warp-max .used-tips{  margin-left: 0;}
}

.userplus .info .sign-in .a-user{width: 100px;}
#sdkWebchat{z-index: 999999999 !important;}

.more_news .mome_s p>img{max-width: 100%;}

/*.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;font-size: 14px;}
.tips-warp .tips-click {color: #7ab4d4;border-radius: 25px; text-align: center;margin-top: 5px; font-size: 14px; 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;}

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

.btn.btn-process {
    background: #d3ebff;
    color: #000;
}

/* message */
.message{background:#fff;position:fixed;height:200px;bottom:0px;right:110px;z-index:11;border-radius:21px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;box-shadow:4px -1px 12px 0px #d2d2d2;animation:fadeIn 0.9s ease-in-out}
.mes-active{animation:fadeTo 0.9s ease-in-out;transform:translateY(240px);box-shadow:none}
.message-content{padding:22px 50px;}
.message-content p{padding-top:12px;font-size:14px;line-height:22px;text-align:left;}
.message-content p:not(.cong-title) {line-height: 16px;}
.message .me-title{background:#b06032;height:40px}
.message .me-title .name-title{font-weight:bold;color:#fff;padding:10px;font-size:13px}
.message .close-img-shade{position:absolute;right:0px;top:0px;width:40px;height:40px;cursor:pointer;z-index:1}
.message .close-img-shade::before,
.message .close-img-shade::after{content:'';position:absolute;height:2px;width:20px;top:21px;left:9px;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:14px;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)}
}

/* order message */
.order-message{ width:100%; clear:both;}
.order-message li{ float:left; color:#333333; font-size:14px;line-height:24px;padding-right:51px}
.order-message li b{ font-weight:normal; color:#666;}
.order-message .date_li{font-size:11px;color:#666}

.nav_warp .nav > .voucher a,
.nav_warp .nav > .voucher a:hover,
.nav_warp .nav > .voucher a:focus{display:block;opacity:0.8;background:url(../../image/voucher.png) no-repeat 0px 2px;width: 19px;height: 23px;text-indent:-99px;overflow:hidden}
.nav_warp .nav > .voucher a:hover{opacity:1}
.nav_warp .nav > .voucher .web-badge {position: absolute;right: -4px;z-index: 1;top: -8px; padding: 3px 5px;font-size: 10px; font-family: Arial;}

.web-user .add-gwc .voucher {float:right; position:relative}
.web-user .add-gwc .voucher a,
.web-user .add-gwc .voucher a:hover,
.web-user .add-gwc .voucher a:focus{display:block;opacity:0.8;background:url(../../image/voucher.png) no-repeat 9px 0px;width: 29px;height: 23px;text-indent:-999px;overflow:hidden}
.web-user .add-gwc .voucher a:hover{opacity:1}
.web-user .add-gwc .voucher .web-badge {position: absolute;right: -4px;z-index: 1;top: -2px;padding: 3px 5px; font-size: 10px;font-family: Arial; left: auto;opacity: 0.8;}

.badger {display: inline-flex; justify-content: center; align-items: center; min-width: 8px; min-height: 8px; border-radius: 10px; font-size: 13px;}
.badger:empty { width: 8px; height: 8px;}
.badger.red {background-color: #f00 !important; color: #fff;}

.signup_min #smsbtn,
.register-content .w-register #smsbtn {color:#4274d1;background: #caddff;border: 0; box-shadow: none; font-weight: bold; padding:12px 2px; float:right; cursor:pointer; opacity: 0.8; border-radius: 4px;}

.tips-tick,
.tips-error{position: absolute; width: 20px;height: 20px;background: #00CC9A;border-radius: 31px;left: 194px;top: 41px;text-align: center;display: none;}
.reg_width .tips-tick,
.reg_width .tips-error{left:180px}

.tips-tick::before{content: '';position: absolute; width: 5px;height: 8px;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: 9px;left: 6px;;background-color: #fff;}
.tips-error::before { transform: rotate(45deg);}
.tips-error::after { transform: rotate(-45deg);}


.signup_min #smsbtn:hover,
.register-content .w-register #smsbtn:hover {opacity: 1; text-decoration: none; border-color: #4274d1;}
.signup_min #smsbtn:disabled,
.register-content .w-register #smsbtn:disabled {color: #666; opacity: 0.8; cursor: not-allowed;}

.reg-bind-intro {display: flex; color: red;font-weight: bold;padding-top:7px;flex-wrap: wrap;column-gap: 25px;}
.label-optional {color: #666;}

#aliyunCaptcha-sliding-body #aliyunCaptcha-question {color: #1b1b1b;}


/* 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: 30px;line-height: 28px; padding-top: 10px;}
.faq-content p:first-child{ padding-top: 0px;}
.faq-content a{font-weight: bold;color:#4568c4}
.faq-content a:hover{color:#f60}
.faq-title{font-weight: bold;padding-top: 18px;}
.signup_min .t-register-content .t-r-content .iti__dropdown-content .iti__search-input,
.t-register-content .t-r-content .iti__dropdown-content .iti__search-input {padding: 6px 12px;}
.register-content .w-register  .mbmian{top: 0px;}
.iti__country-list li.iti__country.iti__standard {margin-top: 0;}

.submit-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    gap: 30px;
    margin-top: 20px;
}
.submit-verification {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    gap: 10px;
    position: relative;
}
.submit-verification .captcha_msg {
    position: absolute;
}
.submit-verification-input {
    display: flex;
    flex-direction: column;
}
.submit-verification-input input {
    width: 200px;
    height: 43px;
}
.submit-verification-img {
    cursor: pointer;
    width: 150px;
    height: 43px;
}
.submit-verification-img img {
    width: 100%;
    height: 100%;
}

/*product review*/
.main .pcomment{width: 1400px;margin:50px auto;}
.pcomment .p-info{width: 260px;padding: 20px;float: left;border: 1px solid #ddd;border-radius: 5px;}
.pcomment .p-info .p-t{width: 100%;text-align: center;font-size: 18px;color: #000;}
.pcomment .p-info .p-img{width: 100%;margin-top: 20px;margin-bottom: 10px;}
.pcomment .p-info .p-img img{max-width: 220px;}
.pcomment .p-info p{margin: 0 auto;text-align: center;height: 2.7em;line-height: 1.35;font-weight: 400;font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pcomment .p-info .p-price{margin: 15px auto;display: block;text-align: center;color: #f30240;font-size: 18px;}
.pcomment .p-info .p-review{margin: 15px auto;display: block;text-align: center;overflow: hidden;}
.pcomment .p-info .p-review .p-star{color: #ff8a00;white-space: nowrap;font-size: 18px;display: inline-block;}
.pcomment .p-info .p-review .p-star span{}
.pcomment .p-info .p-review .reviews{display: inline-block;font-size: 18px;color: #666;}
.pcomment .p-info .p-view{font-family: OpenSans-Bold,Arial,Helvetica,sans-serif;font-weight: 600; border: 1px solid #000;height: 40px;padding: 0 30px;line-height: 40px;font-size: 16px;text-align: center;background: none;color: #000;cursor: pointer;outline: none;transition: all .2s ease;position: relative;box-sizing: border-box;margin: 10px auto 0;}
.pcomment .p-info .w-review{font-family: OpenSans-Bold,Arial,Helvetica,sans-serif;font-weight:600;height: 40px;padding: 0 30px;line-height: 40px;font-size: 16px;text-align: center;background: #ffda00;color: #000;cursor: pointer;outline: none;transition: all .2s ease;position: relative;box-sizing: border-box;margin: 10px auto 0;}

.pcomment .customer-review{width:1100px;float: right;}
.pcomment .customer-review .c-title{margin: 0;padding-bottom: 10px;color: #000;font-size: 18px;font-weight: 600;border-bottom: 1px solid #eee;font-family: sans-serif;}
.pcomment .customer-review>ul{display: table;width: 100%;margin: 25px 0;color: #000;}
.pcomment .customer-review>ul .star-box{display: table-cell;vertical-align: middle;width: 210px;text-align: center;}
.pcomment .customer-review>ul .star-percent{display: table-cell;padding: 0 30px;width: 350px;border: solid #eee;border-width: 0 1px;font-size: 14px;}
.pcomment .customer-review>ul .entry{display: table-cell;vertical-align: middle; padding-left: 50px;}
.pcomment .customer-review>ul .star-box .score{margin-bottom: 10px;}
.pcomment .customer-review>ul .star-box .score span:first-child{font-size: 36px;font-weight: 700;color: #ff8a00;display: inline-block;vertical-align: middle;}
.pcomment .customer-review>ul .star-box .score span:last-child{vertical-align: -8px;font-size: 16px;}
.pcomment .customer-review .star-box .p-star{display: inline-block;color: #ff8a00;white-space: nowrap;font-size: 26px;}
.pcomment .customer-review .star-percent ul li{margin-bottom: 6px;display: table;}
.pcomment .customer-review .star-percent ul li span:first-child{vertical-align: middle;min-width: 50px;word-wrap: break-word;word-break: break-all;}
.pcomment .customer-review .star-percent ul li span.active{background-color: #ff8a00;}
.pcomment .customer-review .star-percent ul li .bar{display: inline-block;vertical-align: middle;margin-left: 25px;margin-right: 8px;width: 200px;height: 10px;background-color: #e0e0e0;border-radius: 20px;}
.pcomment .customer-review .star-percent ul li span:last-child{display: inline-block;}
.pcomment .customer-review .entry .w-review{font-family: sans-serif;font-weight:600;height: 40px;padding: 0 30px;line-height: 40px;font-size: 16px;text-align: center;background: #3385c6;color: #fff;cursor: pointer;outline: none;transition: all .2s ease;position: relative;box-sizing: border-box;width: 190px;}
.pcomment .customer-review .nav-review{margin-bottom: 20px;background-color: #f9f9f9;border-bottom: 1px solid #3385c6;}
.pcomment .customer-review .nav-review>ul li{position: relative;display: inline-block;padding: 0 20px;height: 42px;line-height: 42px;font-size: 14px;transition: background-color .1s ease;cursor: pointer;}
.pcomment .customer-review .nav-review>ul li.active{cursor: default;background-color: #3385c6;}
.pcomment .customer-review .nav-review>ul li:hover{color: #000;background-color: #3385c6;}
.pcomment .customer-review .reviews>ul>li{display:table;user-select: none;box-sizing: border-box;position: relative;margin-top: 20px;padding-bottom: 20px;width: 100%;border-bottom: 1px solid #eee;font-size: 14px;}
.pcomment .customer-review .reviews>ul>li .item-user{width: 15%;display: table-cell;}
.pcomment .customer-review .item-user .item-avatar{display: inline-block;vertical-align: middle;width: 50px;height: 50px;border: 1px solid #eee;border-radius: 50%;overflow: hidden;}
.pcomment .customer-review .item-user .item-avatar img{display: block;width: 100%;height: 100%;}
.pcomment .customer-review .item-user .item-username{display: inline-block;vertical-align: middle;font-size: 14px;color: #000;word-wrap: break-word;word-break: break-word;max-width: 100px;font-weight: 400;}
.pcomment .customer-review .reviews>ul>li .item-wrap{display: table-cell;vertical-align: top;}
.pcomment .customer-review .reviews>ul>li .item-basic .admire{float: right;}
.pcomment .customer-review .reviews>ul>li .item-basic .admire span{border: 1px solid #3385c6;padding: 4px 9px;border-radius: 4px;cursor: pointer;color: #3385c6;opacity: 0.8;}
.pcomment .customer-review .reviews>ul>li .item-basic .item-star{display: inline-block;color: #ff8a00;white-space: nowrap;}
.pcomment .customer-review .reviews>ul>li .item-basic .item-attr{display: inline-block;color: #666;margin-left: 50px;font-size: 14px;}
.pcomment .customer-review .reviews>ul>li .item-t{margin-top: 10px;color: #000;font-weight: 600;margin-bottom:10px;word-wrap: break-word;word-break: break-word;}
.pcomment .customer-review .reviews>ul>li .item-cont{word-wrap: break-word;word-break: break-word;line-height: 1.5;margin-bottom: 10px;}
.pcomment .customer-review .reviews>ul>li .item-img{margin: 15px 0 20px;}
.pcomment .customer-review .reviews>ul>li .item-img li{position: relative;display: inline-block;vertical-align: middle;margin-right: 10px;width: 78px;height: 78px;border: 1px solid #ccc;overflow: hidden;cursor: pointer;}
.pcomment .customer-review .reviews>ul>li .item-img li img{display: block;width: 100%;height: 100%;}
.pcomment .customer-review .reviews>ul>li .item-time{margin: 0px 0 10px;color: #999;}

#comment_li{clear: both;padding: 20px;font-size: 16px;line-height: 30px;}
#comment_li .comment_title{width: 100%;height: 50px;line-height: 50px;border-bottom: 1px solid #eee;font-size: 18px;color: #000;}
.customer-review li .reply{margin-top: 10px;margin-left: 0px;overflow: hidden;position: relative;background-color: white;margin-right:50px;border:1px dotted #6dcca4;padding: 10px;}
.customer-review li .reply .headportrait{position: absolute;float: left;}
.customer-review li .reply .detail{float: left;padding-left: 74px;}
.customer-review li .headportrait{position:absolute;text-align:center;padding-left:10px;}
.customer-review li .headportrait img{width:50px;height:50px;border-radius:50px}
.customer-review li .headportrait p{color:#666;font-weight:bold;line-height:33px;}
.customer-review li .detail{padding-left: 75px}
.customer-review li .detail .time{font-size:14px;color:#666;}
.customer-review li .detail .time .del{float: right;padding-right: 10px;}
.customer-review li .detail .time strong{color:#389979;margin-right: 10px;}
.customer-review li .detail .time i{float:right;padding-right:10px;color:#666;font-weight:bold;}
.customer-review li .detail .title{font-size:14px;font-weight:bold;padding-top:8px}
.customer-review li .detail .cent{font-size: 14px;line-height: 18px;}
.customer-review li .detail .cent p{padding-top:15px;line-height: 24px;}
.customer-review li .detail .cent img{max-width: 100%}
.customer-review .import{background-color: #ffff0017;border-radius: 5px;}
.customer-review .import .reply{border:1px dotted white;background-color: transparent;display: none;}

#comment_div .customer-review{width:100%}
.customer-review .c-title{margin: 0;padding-bottom: 10px;color: #000;font-size: 18px;font-weight: 600;border-bottom: 1px solid #eee;font-family: sans-serif;}
.customer-review>ul{display: table;width: 100%;margin: 25px 0;color: #000;}
.customer-review>ul .star-box{display: table-cell;vertical-align: middle;width: 210px;}
.customer-review>ul .star-percent{display: table-cell;padding: 0 30px;width: 350px;border: solid #eee;border-width: 0 1px;font-size: 14px;}
.customer-review>ul .entry{display: table-cell;vertical-align: middle; padding-left: 50px;}
.customer-review>ul .star-box .score{margin-bottom: 10px;text-align: center;}
.customer-review>ul .star-box .score span:first-child{font-size: 36px;font-weight: 700;color: #ff8a00;display: inline-block;vertical-align: middle;}
.customer-review>ul .star-box .score span:last-child{vertical-align: -8px;font-size: 16px;}
.customer-review .star-box .p-star{display: inline-block;color: #ff8a00;white-space: nowrap;font-size: 26px;}


.customer-review .star-percent ul li{margin-bottom: 6px;display: table;}
.customer-review .star-percent ul li span:first-child{vertical-align: middle;min-width: 50px;word-wrap: break-word;word-break: break-all;}
.customer-review .star-percent ul li span.active{background-color: #ff8a00;}
.customer-review .star-percent ul li .bar em{background-color: #ff8a00;height: 20px;height: 10px;display: block;border-radius: 20px;}
.customer-review .star-percent ul li .bar{display: inline-block;vertical-align: middle;margin-left: 25px;margin-right: 8px;width: 200px;height: 10px;background-color: #e0e0e0;border-radius: 20px;overflow: hidden;}
.customer-review .star-percent ul li span:last-child{display: inline-block;}
.customer-review .entry .w-review{font-family: sans-serif;font-weight:600;height: 40px;padding: 0 30px;line-height: 40px;font-size: 16px;text-align: center;background: #fed700;opacity: 0.8;color: #000;cursor: pointer;outline: none;transition: all .2s ease;position: relative;box-sizing: border-box;width: 190px;display: inline-block;bottom:2px;}
.customer-review .entry .w-review:hover{background: #fed700;opacity: 1;color: #000;}
.customer-review .entry .s-review{font-family: sans-serif;font-weight:600;height: 40px;padding: 0 20px;line-height: 40px;font-size: 16px;text-align: center;border: 1px solid #000;color: #000;cursor: pointer;outline: none;transition: all .2s ease;position: relative;box-sizing: border-box;width: 190px;display: inline-block;}
.customer-review .nav-review{margin-bottom: 20px;background-color: #f9f9f9;border-bottom: 1px solid #6dcca4;}
.customer-review .nav-review>ul{overflow: hidden;}
.customer-review .nav-review>ul li{float:left;position: relative;display: inline-block;padding: 0 20px;height: 42px;line-height: 42px;font-size: 14px;transition: background-color .1s ease;cursor: pointer;}
.customer-review .nav-review>ul li.active{cursor: default;color: white;background-color: #6dcca4;opacity: 0.8;}
.customer-review .nav-review>ul li:hover{color: #fff;background-color: #6dcca4;opacity: 1;}
.customer-review .reviews>ul>li{display:table;user-select: none;box-sizing: border-box;position: relative;margin-top: 20px;padding-bottom: 20px;width: 100%;border-bottom: 1px solid #eee;font-size: 14px;}
.customer-review .reviews>ul>li .item-user{width: 15%;display: table-cell;}
.customer-review .item-user .item-avatar{display: inline-block;vertical-align: middle;width: 50px;height: 50px;border: 1px solid #eee;border-radius: 50%;overflow: hidden;}
.customer-review .item-user .item-avatar img{display: block;width: 100%;height: 100%;}
.customer-review .item-user .item-username{display: inline-block;vertical-align: middle;font-size: 14px;color: #000;word-wrap: break-word;word-break: break-word;max-width: 100px;font-weight: 400;}
.customer-review .reviews>ul>li .item-wrap{display: table-cell;vertical-align: top;}
.customer-review .reviews>ul>li .item-basic .admire{float: right;}
.customer-review .reviews>ul>li .item-basic .admire span{border: 1px solid #6dcca4;padding: 4px 9px;border-radius: 4px;cursor: pointer;color: #6dcca4;opacity: 0.8;}
.customer-review .reviews>ul>li .item-basic .item-star{display: inline-block;color: #ff8a00;white-space: nowrap;}
.customer-review .reviews>ul>li .item-basic .item-attr{display: inline-block;color: #666;margin-left: 50px;font-size: 14px;}
.customer-review .reviews>ul>li .item-t{margin-top: 10px;color: #000;font-weight: 600;margin-bottom:10px;word-wrap: break-word;word-break: break-word;}
.customer-review .reviews>ul>li .item-cont{word-wrap: break-word;word-break: break-word;line-height: 1.5;margin-bottom: 10px;}
.customer-review .reviews>ul>li .item-img{margin: 15px 0 20px;}
.customer-review .reviews>ul>li .item-img li{position: relative;display: inline-block;vertical-align: middle;margin-right: 10px;width: 78px;height: 78px;border: 1px solid #ccc;overflow: hidden;cursor: pointer;}
.customer-review .reviews>ul>li .item-img li img{display: block;width: 100px;height: 100px;}
.customer-review .reviews>ul>li .item-time{margin: 0px 0 10px;color: #999;}
.customer-review .reviews>ul>li .item-wrap .operate .del{display: inline-block;cursor: pointer;width: 90px;height: 30px;border:1px solid #0067b8;text-align: center;line-height: 27px;}
.customer-review .reviews>ul>li .item-wrap .operate .del:hover{background-color:#0067b8; color:white;}
.customer-review .reviews>ul>li .additional-time{float:left;margin: 0px 0 10px;color: #999;}
.customer-review .reviews>ul>li .item-wrap .operate a{margin-left:20px;display: inline-block;cursor: pointer;width: 90px;height: 30px;border:1px solid #0067b8;text-align: center;line-height: 27px;}
.customer-review .reviews>ul>li .item-wrap .operate a:hover{background-color:#0067b8; color:white;}

#comment_div .customer-review .star-percent ul li{margin-bottom: 6px;display: flex;align-items: center;}
#comment_div .customer-review .star-percent ul li .bar{margin-left:0px;}
#comment_div .customer-review .star-percent ul li span:first-child { margin-right: 10px; flex-shrink: 0;}
#comment_div .customer-review>ul .entry{display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;}
#comment_div .customer-review .entry .s-review{width: auto; margin: 0;}
#comment_div .customer-review .entry .w-review{width: auto;bottom: 0;}
#comment_div .customer-review>ul { display: flex;align-items: center;}


/*review submit*/
.w-summary{margin-bottom: 20px;font-size: 16px;font-weight: 700;}
.w-content{width: 100%;border: 1px solid #eee;border-radius: 4px;overflow: hidden;}
.w-content .w-left{width: 400px;float: left;border-bottom: 1px solid #eee;padding: 20px;}
.w-content .w-right{width: 698px;float: left;border-left:  1px solid #eee;padding: 20px 30px;}
.w-content .w-left .base-info{width: 100%;overflow: hidden;}
.w-content .w-left .base-info .base-img{width:100px;overflow: hidden;float: left;margin-right: 10px;}
.w-content .w-left .base-info .base-img img{width: 100px;}
.w-content .w-left .base-info .w-title{width: 240px;float: left;height: 36px;line-height: 18px;margin-bottom: 15px;font-size: 14px;margin-top: 10px;}
.w-content .w-left .base-info .w-price{width: 240px;float: left;line-height: 18px;font-size: 14px;color: #f30240;font-weight: 700;}
.w-content .w-left .goods-rating>span:first-child{margin-right: 10px;font-size: 14px;line-height: 18px;vertical-align: middle;display: inline-block;}
.w-content .w-left .goods-rating .w-star{margin-right: 10px;font-size: 14px;line-height: 18px;vertical-align: middle;display: inline-block;}
.w-content .w-left .goods-rating .w-star span{color: #e0e0e0;}
.w-content .w-left .goods-rating .w-star span.active{color:#ff8a00;}
.w-content .w-left .goods-rating>span:last-child{margin-right: 10px;font-size: 14px;vertical-align: middle;line-height: 18px;}
.w-content .w-right>ul{overflow: hidden;width: 100%;}
.w-content .w-right>ul>li{width: 100%;overflow: hidden;margin-bottom: 10px;position: relative;}
.w-content .w-right>ul>li .w-key{font-size: 14px;}
.w-content .w-right>ul>li .w-key i{color:#ec0e0e;}
.w-content .w-right>ul .w-rating .w-key{float: left;}
.w-content .w-right>ul .w-rating .w-star{float: left;margin-left:24px;position: relative;top: 2px;}
.w-content .w-right>ul .w-rating .w-star span{font-size: 16px;color: #e0e0e0;margin-right: 10px;}
.w-content .w-right>ul .w-rating .w-star span.active{color: #ff8a00;}
.w-content .w-right>ul .form_data{display: inline-block;box-sizing: border-box;padding: 0 15px;width: 100%;height: 40px;border: 1px solid #ddd;font-size: 14px;color: #000;outline: 0;margin: 10px 0;}
.w-content .w-right>ul .form_textarea{display: block;box-sizing: border-box;padding: 9px 20px;width: 100%;border: 1px solid #ddd;font-size: 14px;color: #000;outline: 0;resize: vertical;margin: 10px 0;}
.w-content .w-right>ul .form_placeholer{position: absolute;top: 29px;left: 0;box-sizing: border-box;width: 100%;padding: 9px 20px;overflow: hidden;font-size: 14px;line-height: 1.6;color: #999;z-index: 1;}
.w-content .w-right>ul .upload-asset .navigate{height: 50px;}
.w-content .w-right>ul .upload-asset .navigate div{height:100%;padding: 0px 10px;border-bottom: 3px solid #ffda00;line-height: 48px;font-size: 14px;font-weight: 700;color: #000;}
.w-content .w-right>ul .upload-asset .upload-img{width: 100%;padding-top: 10px;overflow: hidden;}
.w-content .w-right>ul .upload-asset .upload-img .img-already{cursor:pointer;display: inline-block;width: 100px;height: 100px;overflow: hidden;position: relative;margin-right: 10px;}
.w-content .w-right>ul .upload-asset .upload-img .img-already img{width: 100%;height: 100%;}
.w-content .w-right>ul .upload-asset .upload-img .img-already .mask{font-size: 16px;position: absolute;top: 0;right: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);color: #fff;text-align: center;line-height: 100px;opacity: 1;transition: opacity .2s ease;}
.w-content .w-right>ul .upload-asset .upload-img .add-img{text-align: center;line-height: 100px;display: inline-block;width: 100px;height: 100px;overflow: hidden;position: relative;color: #666;font-size: 24px;    border: 1px dashed #ddd;cursor: pointer;}
.w-content .w-right>ul .upload-asset .upload-hint{font-size: 14px;line-height: 21px;}
.w-content .w-right>ul .s-review{font-family: sans-serif;font-weight:600;height: 40px;padding: 0 30px;line-height: 40px;font-size: 16px;text-align: center;background: #ffda00;opacity: 0.8;color: #000;cursor: pointer;outline: none;transition: all .2s ease;position: relative;box-sizing: border-box;width: 190px;margin-top: 20px;}
.w-content .w-right>ul .s-review:hover{background: #ffda00;opacity: 1;}

.w-content .w-right>ul .submit-review{position: relative;}

.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(100% + 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 {width: 200px;height: 43px;}
.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: 25%;}


/* detail delivery_time */
.pro-delivery-time{float: left;width: 100%;position: relative;display: flex;padding-bottom: 10px;}
.pro-delivery-time:before{ display: inline-block;width: 0;content: "";height: 0; margin-left: 2px; vertical-align: middle;border-top: 4px dashed #ff5858;border-right: 4px solid transparent;border-left: 4px solid transparent;position:absolute;left:50px;top: 25px;}
.pro-delivery-time p{background-color: #ff5858;border-radius:6px;color: #fff;padding: 0px 10px;line-height: 25px;font-size: 12px;}

.gold-i-t{ min-height: 122px;}
.gold-i-t .gold-i-t-r{display: none;}