.newpro{padding:0px;padding-top:20px;background-color: #fff;}

.prohead .breadcrumb {padding-left:26px;background-color: #484848;}
.prohead .breadcrumb a{color:#fb882d;}
.prohead .breadcrumb .active{color:#fff;}
.proudctleft{background: #fff}
.col1-layout{ border-radius:4px;}
.main-container{ position:relative; z-index:1;float: left;width: 100%;}
.product-img-box{ padding-left:0px;padding-right: 0px}
.web-page-header{border-bottom:none;margin:0;padding-bottom:0; height:119px;}
.web-page-header .web-headline{ color:#FFF; padding:20px 15px; font-size:12px}
.web-font27{font-size:27px; padding-bottom:5px;}
.web-page-header .web-headline .web-pitch-on{ background:#ce9e01; padding:2px 8px; border-radius:3px;}
.web-page-header .web-headline a{ color:#FFF; cursor:pointer}
.star{height: 40px;line-height: 36px;color: #dbdbdb;font-size: 12px;display: inline-block;}
.star .real{color: #f1bc32;}
.allprice .price{font-size: 18px;color:black;font-weight: 700;margin-right: 5px;}
.allprice .origin-price{text-decoration: line-through;color: #c1c1c1;font-size: 16px;margin-right: 20px;font-weight: 600;}
.allprice .web-price-right{color:black;font-size: 14px;font-weight: 600;}
.allprice .web-price-right span{color: #5db664;font-size: 14px;font-weight: 600;margin-left: 2px;margin-right:6px;}
.allprice .web-price-right a{color:#d6a606;font-weight: 600;}
.stock-statue{overflow: hidden;margin-bottom: 5px;}
.stock-statue>div:first-child{float: left;margin-right: 86px;}
.stock-statue>div:last-child{float: left;width: 60%;}
.available{padding-top:3px;float:left;color:#f60;line-height:18px;font-weight:bold;max-width: 100%;}
.available .tip{border-radius: 5px;background: #fff9e7;color: #e74d34;padding: 5px;margin-top: 10px;position: relative;border: 1px solid #fcc39e;}
.available .arrow-up {width:0px; height:0px; border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #f60;font-size:0px; line-height:0px;position:absolute;top: -5px;left: 37px;}

.product-type{overflow: hidden;}
.product-type span:first-child{margin-right: 42px;}
.product-type span:last-child{color:#5db664;}

/*product-info*/
.product-collateral .about-product .active{display: block;}
.product-collateral .about-product{border:1px solid #e6e6e6;overflow: hidden;}
.about-product .p-title{overflow: hidden;}
.about-product .p-title li{height: 50px;width: 180px;cursor: pointer;float: left;line-height: 50px;text-align: center;font-weight: 600;font-size: 14px;}
.about-product .p-title .active{background-color: var(--yellow);color: white;}
.about-product .p-title li a{color:#333;display: block;width: 100%;height: 100%;cursor: pointer;}
.about-product .p-content>div{clear: both;padding: 20px;font-size: 16px;line-height: 30px;}
.about-product .p-content .worthbuy>div{font-weight: bolder;}
.about-product .p-content .worthbuy>p{}
.about-product .p-content .activate p{font-size: 22px;margin-top: 20px;margin-bottom: 10px;font-family: Arial, Helvetica, sans-serif;line-height: 36px;}
.about-product .p-content .activate img{max-width: 100%;margin: 5px 0;border: #F0F0F0 2px solid;padding: 5px;width: 500px;}
.about-product .p-content .active{display: block;}
.matter .star{height: 18px;line-height: 18px;}
.about-product .p-content .comment_title{width: 100%;height: 50px;line-height: 50px;border-bottom: 1px solid #eee;font-size: 20px;color: #000;font-weight: 600;}

.product-image{position: relative;}
.row{ margin:0 0 20px 0;float: left; width:100%}
.web-product-img{padding:0 20px 0 0;}
.product-name{clear: both;width: 100%; position:relative;height: 180px}
.web-entry-title {font-size: 18px;color: #000;font-weight: 500;}
.allprice{margin-top: 15px;}
.web-ico-right{float:right;margin-top:5px; padding:5px; border-radius:3px; cursor:pointer;color: #fff;border: 1px solid #f75263;background: #f75263;}
.web-ico-right:hover{ text-decoration:none;color: #fff;text-decoration: none; opacity:0.8}
.product-name .active,
.product-name .active:hover{ text-decoration:none;}
.product-name .active:before{content: "\e013";}

.attachment-shop_single{width: 100%;}

.padd-r{padding-left: 0px}
.proright{background: #fff;}


.righttitle{color:#000;padding:12px 0px;border-bottom: 1px solid #c1c1c1;position: relative;}
/* end-time  */
.allprice .end-time{padding:12px;padding-top:0px;width:200px;}
.allprice .end-time li{float:left;}
.allprice .end-time .special{padding-bottom: 2px;text-align: right;padding-right: 18px;}
.allprice  .end-time .special span{font-size:11px;background:#e87874;color:#fff;border-radius:5px;padding:0px 5px;}
.allprice  .end-time li p{font-size:12px;text-align: center;}
.allprice  .end-time .time_box{display:flex;justify-content:flex-start;align-items:center;width:100%;height:20px}
.allprice .end-time .sales{padding-right: 6px;line-height:30px;float: left;line-height:32px;}
.allprice  .end-time .sales span{font-size:14px;}
.allprice .end-time .end-in{width:50px;color:#d5d6da;font-size:14px;float:left}
.allprice  .end-time .end-number{color:#fff;font-size:18px;margin-bottom:2px;}
.allprice  .end-time .end-number li {height:30px;line-height:30px;min-width: 30px;background-color:#D4682E;opacity:.8;border-radius:5px;font-size: 16px; text-align: center;}
.allprice .end-time .end-number .esymbol { line-height: 28px;color: #000; padding: 0px;background-color: transparent; width: 10px; text-align: center; padding: 0px; min-width: 10px;}

.proright .proli {padding:12px 0px;}
.proright .proli li{}
.proright .proli li span{}
.proright .proli img{}
.proright .proli .region img{height: 20px}

.netprice{position: relative;overflow: hidden;}
.netprice .price{font-weight: bold;font-size:26px;padding:22px 0px ;color:#000;}

.web-button .fa-shopping-cart{font-size: 14px;}


.h_q {font-size: 12px;}
.warper_dt {overflow:hidden;line-height: 20px;margin-top: 8px;padding-right: 22px;opacity: 0.8;margin-bottom: 25px;}
.warper_more {color: var(--yellow);cursor: pointer;display: none;float: right;padding-right: 15px; font-size:12px}
.warper_more .glyphicon-triangle-bottom{ top:2px}

.web-price{}
.web-price-title{font-size:14px; color:#000000; float:left; padding:27px 12px 0px 13px;}
.price-box{float:left; position:relative}
.price-box p{float:left;}
.old-price .price{color:#999 !important;font-size:12px;font-weight: normal;margin-left: 6px; margin-right:10px;text-decoration: line-through;}
.special-price .price{color:#ef7c00;font-size:32px; font-weight:normal;padding-right:12px;}
.old-price{padding-top:27px; float:left}
.special-price{padding-top:10px; float:left;line-height: 44px;}
.web-price .plusprice{ font-size: 14px;float:left;height: 32px;margin-left:67px;font-weight: bold;background: url(../image/user/plus_pro.png) no-repeat 0px 3px;padding-left: 50px;color: #000;display:none}
.web-save {

    position: absolute;
    left: 186px;
    top: -169px;
    z-index: 1111;
}

.phywho {position: relative;z-index: 11;}
.phywho .Wholesale{position: absolute;left:212px;top:-47px;width: auto;height: 47px;background: #9247bb;font-size: 18px;}
.phywho .contus{border:1px solid #ffc3e7;position: absolute;left:354px;top: -47px; background:#fff3fe;padding:5px 0px;padding-right: 20px;opacity: 0.8;}
.phywho .contus .title{font-weight: bold}
.phywho .contus ul{float: left;margin-left:12px;}
.phywho .contus p{color:#f00;padding-left:11px;}

.web-price .open_pm{display: none; opacity: 0.8;float:left;margin-left:10px;background:#6083c4;color:#fff;padding:0px 5px;border-radius: 3px;}
.web-price .open_pm:hover{opacity: 1}
.web-save em{background: #f66a78;text-align: center; font-size: 14px; color: #fff;height: 40px;text-transform: capitalize;line-height: 40px;display: inline-block; padding: 0 3px;padding-right: 3px; padding-right: 7px;border-bottom-right-radius: 5px;border-top-right-radius: 5px;border-radius: 40px;width: 40px;}
.web-save .arrow-left {display:none;width: 0px;height: 0px;border-bottom: 15px solid transparent;border-right: 12px solid #f66a78;border-top: 15px solid transparent;font-size: 0px;line-height: 0px; float:left;}
.web-price-right{text-align: right}
.web-price-right b{ float:left; color:#fff; width:100%}
.web-gradation{padding:0 0 20px; float:left; width:100%; border-bottom:1px solid #eeeeee; margin:0px;}
.web-gradation li{list-style: outside none none; float:left;margin-right:10px; height:38px; line-height:38px; text-align:center; margin-top:20px;}
.web-gradation li a{ background:url(../image/gradation_ico.png) no-repeat; display:block;padding:0 10px 0 30px; text-align:center;border:1px solid #cdcdcd;border-radius:3px; }
.web-gradation li a.web-hover,.web-gradation li a:hover{background:url(../image/gradation_ico_hover.png) no-repeat; color:#f7c51e;border:1px solid #f7c51e; }
.web-gradation li.web-gold a{background-position: 11px 10px;}
.web-gradation li.web-cdk a{background-position:-118px 10px;}
.web-gradation li.web-items a{background-position:-258px 10px;}
.web-gradation li.web-accounts a{background-position:-386px 10px;}
.web-gradation li.web-power a{background-position:-513px 10px;}

.web-gradation li.web-gold a.web-hover{background:url(../image/gradation_ico_hover.png) no-repeat 11px 10px;}
.web-gradation li.web-cdk a.web-hover{background:url(../image/gradation_ico_hover.png) no-repeat -118px 10px;}
.web-gradation li.web-items a.web-hover{background:url(../image/gradation_ico_hover.png) no-repeat -258px 10px;}
.web-gradation li.web-accounts a.web-hover{background:url(../image/gradation_ico_hover.png) no-repeat -386px 10px;}
.web-gradation li.web-power a.web-hover{background:url(../image/gradation_ico_hover.png) no-repeat -513px 10px;}

.web-gradation li a:hover{text-decoration:none;}
.product-essential{position: absolute;width: 200px;right: 21px;}
.list-unstyled-t {padding-right:216px;}
.list-unstyled-t .list-unstyled{ line-height:26px;padding:10px;}
.list-unstyled-t .list-unstyled em b{ color:#02a911}
.list-unstyled-t .platform_img img{height:24px;margin-right:5px}

.web-quantity{float:left;padding:0px;}
.web-quantity li{list-style: outside none none; float:left; margin-right:10px; height:30px; line-height:30px; text-align:center;}
.web-quantity li a{display:block;text-align:center;border:1px solid #cdcdcd; border-radius:3px; padding:0 10px;}
.web-quantity li a.web-hover,.web-quantity li a:hover{ text-decoration:none; color:#f7c51e;border:1px solid #f7c51e;}

.list-unstyled b{float:left; width:95px;font-weight:normal;}
.list-unstyled strong{padding-top:3px;float:left; }
.list-unstyled em{padding-top:3px;}

.custom button.items-count{background-color:#fff;border:1px #ececec solid;color:#999;}
.custom button.items-count:hover{background-color:var(--yellow);color:#fff}
.add-to-cart .qty,.qty-holder .qty{background-color:#FFFFFF;border:1px solid #E0E0E0;border-radius:0px;font-size:15px;font-weight:bold}
.qty{height:30px;text-align:center;width:60px;vertical-align:top; float:left; border:1px solid #ececec;}
.qty-input-text{float:left;margin-left:10px}
.custom button.items-count{transition:color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s;font-size:12px;line-height:0px;padding:0px;height:30px;width:20px;text-align:center;float: left; font-weight:normal; background:#f0f0f0;}
.product-view .product-shop .add-to-box .add-to-cart label{display:inline-block;float:left;margin-top:6px;text-align:left;text-transform:capitalize;font-size:15px;font-weight:normal;margin-right:15px}
.product-view .product-shop .product-options-bottom .add-to-cart label{display:block;float:none;margin-bottom:5px;text-align:left;text-transform:capitalize}
.product-collateral{display:inline-block;width:100%;padding: 0px 20px;}
.product-collateral .bounceInUp{padding-left:0px;padding-right: 0px;}
.product-collateral .bounceInUp .best-title{margin:20px 24px;padding: 0px;border-bottom: 1px solid #ddd;line-height: 52px;margin-bottom: 13px;text-align: left}
.product-collateral .bounceInUp .best-title:after{background-color: transparent;}
.slider-items-products .best-title:after{background-color: transparent;}

.prolistifo{border-right:1px dashed #e3e3e3;padding-top:15px;padding-left:0px;min-height: 550px;}
.product-img-box {padding-top:10px;}
.product-view {background: #fff;border-radius: 3px;border-bottom: 15px;padding-right: 0px;border-top: 4px solid var(--yellow);}
.product-view .pro_img{z-index:700;position:relative;}
.product-view  .wp-post-image{width:100%}
.product-view .pro_img .riming{position:absolute;bottom:40px;left:3px;width:100%;}
.product-view .pro_img .riming ul{width:205px;margin:auto}
.product-view .pro_img .riming li{background:var(--yellow);width:40px;margin:0 4px;font-weight:bold;height: 40px;border-radius: 40px;line-height: 40px;text-align: center;}
.product-view .pro_img .riming .st_text li{ background:none;width:30px;height: 30px;}
.product-view .pro_img .riming_text{position:absolute;bottom:20px;left:3px;width:100%}
.product-view .pro_img .riming_text ul{width:205px;margin:auto}
.product-view .pro_img .riming_text li{font-size:10px;color:#fff;text-align: center;margin:0 4px;width:40px;text-transform:capitalize;}


#product-tabs{margin:0;padding:0;position:relative}
#product-tabs > dt{text-transform:none;font-size:14px;padding:8px 0px;cursor:pointer;color:#102343;text-transform:none}
#product-tabs > dt.open{position:relative;background-color:#fff;z-index:10;color:#2CA2E3}
#product-tabs > dd{display:none;right:0;top:0;background-color:#fff;margin:0;padding:6px 0;line-height:1.8;border-bottom-width:0 !important;font-size:14px}

.green{color:#02a911;}

.web-select{margin:0px;float:none;padding-left: 96px}
.region{position: relative;width: 70%;}
.region p{margin-right: 10px;float: left;}
.region div{float: left;width: 70%;}
.region div img{margin:5px;}

.region b{position: absolute;float:none;top: 8px;}
.web-select img{height:25px;margin-bottom: 5px;margin-right: 5px;border-radius: 3px;}
.web-select .form-control{box-shadow:0px; border:1px solid #cdcdcd; height:30px;}
.web-select .form-control li{list-style-type:none}
.web-select .form-control li a{ display:block;}
.web-select .form-control li:hover,.web-select .form-control li a:hover{ text-decoration:none;}
a:focus, a:hover{text-decoration:none;}
.web-select .form-control li ul.dropdown-menu{ margin:0px; padding:0px;left: -11px;top: 23px;}
.input-sm option{padding: 5px 10px;}
.web-line{ background:#ededed; width:100%; height:1px; float:left;margin: 20px 0px;}

.web-state{font-size:11px; color:#2b2b28; width:100%; float:left}
.web-video{text-align:center}
.web-video video{border-radius:8px;margin:auto}


.web-button{position: relative;}
.web-but{padding-right:55px;}
.web-but .btn{display: block;width: 200px;height: 47px;margin-top: 15px;line-height: 33px;}
.web-but-left{position: absolute;left: 120px;top: -45px;width: 140px;height: 30px;color:white;background-color: #22916D;text-align: center;line-height: 30px;cursor:pointer;}
.web-but-left a{color: white;}
.web-but-green{ background:#198b67; width:170px; height:40px; font-size:18px;}
.web-but-yellowtop{height:40px; font-size:18px;cursor: pointer;font-weight: bold;}
.web-share{ padding-top:10px;}

/* comment */
.comment{width: 100%;}
.comment .thumbs span{border: 1px solid #8badc3;padding: 4px 9px;border-radius: 4px;cursor: pointer;color: #1a6da1;opacity: 0.8;}
.comment .thumbs span:hover{opacity:1}
.comment .thumbs {padding-bottom:24px;}
.comment .comwarp{border-bottom:1px solid #ddd;padding-bottom:12px}
.comment .comwarp .title{font-size:16px;float:left}
.comment .comwarp p{float:right;color:#818181;font-weight:12px}
.comment .user-wrap{padding-top:12px;position:relative;padding-left:74px}
.comment .user-wrap .form-control{height:60px; min-width:100%;max-width:100px;}
.comment .user-wrap .avatar{width:50px;position:absolute;left:10px;top:12px;border-radius:55px}
.comment .user-wrap .combtn{padding-top:12px}
.comment .user-wrap .combtn .btn{float:right}
.comment .user-wrap .combtn .expired,
.comment .user-wrap .combtn .expired:hover{opacity:0.6;background:#ddd;cursor:default}
.comment .user-wrap .combtn p{color:#666;float:left;padding-top:6px}
.comment .user-wrap .combtn p span{color:#1a6da1;cursor:pointer}
.comment .user-wrap .combtn p span:hover{color:#f2538b;}
.comment .list ul{}
.comment .list .active{background:#fffcfc}
.comment .list .active .del{cursor:pointer;opacity:0.8;background:transition;border:0px;color: #0f5eab;float:right;padding-right:12px}
.comment .list .active .del:hover{opacity:1}
.comment .page-comment{position:relative;}
.comment .page-comment .record{position:absolute;top:26px;}
.comment .page-comment .agination{}
.comment .list li .headportrait{text-align:center;padding-left:10px;}
.comment .list li .headportrait img{width:50px;height:50px;border-radius:50px}
.comment .list li .headportrait p{color:#666;font-weight:bold;line-height:33px;}
.comment .list li .detail{padding-left: 75px}
.comment .list li .detail .time{font-size:14px;color:#666;}
.comment .list li .detail .time .del{float: right;padding-right: 10px;}
.comment .list li .detail .time strong{color:#389979;margin-right: 10px;}
.comment .list li .detail .time i{float:right;padding-right:10px;color:#666;font-weight:bold;}
.comment .list li .detail .title{font-size:14px;font-weight:bold;padding-top:8px}
.comment .list li .detail .cent{font-size: 14px;line-height: 18px;}
.comment .list li .detail .cent p{padding-top:15px;line-height: 24px;}
.comment .list li .detail .cent img{max-width: 100%}
.comment .list .import{background-color: #ffff0017;border-radius: 5px;}
.comment .list .import .reply{border:1px dotted white;background-color: transparent;display: none;}
.comment .list li .reply{margin-top: 10px;margin-left: 0px;overflow: hidden;position: relative;background-color: white;margin-right:50px;border:1px dotted var(--yellow);padding: 10px;}
.comment .list li .reply .headportrait{position: absolute;float: left;}
.comment .list li .reply .detail{float: left;padding-left: 74px;}

.p-content .web-n-more a{display: block;width: 297px;height: 46px;background-color: #fff;color:#000;text-align: center;line-height: 46px;transition: all 0.3s linear 0s;margin:30px auto;box-shadow: 1px 1px 4px rgba(120,120,120,0.3);font-weight: 600;}
.p-content .web-n-more{width:100%;float:left;text-align:center; font-size:16px; color:#454545;  font-weight:bold;position:relative}
.p-content .web-n-more a:hover{text-decoration:none;color:#fb882d; }
.p-content .loader-inner{height:61px;background:var(--yellow);border-radius:0px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.p-content .ball-clip-rotate{width:50px;height:50px;}
.p-content .ball-clip-rotate > i{background-color:#000;width:100%;height:width:100%;border-radius:100%;margin:auto;-webkit-animation-fill-mode:both;animation-fill-mode:both;border:2px solid #000;border-bottom-color:transparent;height:100%;width:100%;margin-top:4px;background:transparent !important;display:inline-block;-webkit-animation:rotate 0.75s 0s linear infinite;animation:rotate 0.75s 0s linear infinite;}

/* pagination */
.pagination { display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination > li { display: inline;float: left;}
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.pagination > li > a, .pagination > li > span {position: relative;float: left;padding: 6px 12px; margin-left: -1px;line-height: 1.42857143;color:  var(--yellow);text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.pagination{ float:right}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover { background-color: var(--yellow);border-color: var(--yellow);}


/*评论点赞*/
.detail .admire{margin-top: 10px;}
.detail .admire span{border: 1px solid #8c62b7;padding: 4px 9px;border-radius: 4px;cursor: pointer;color: #8c62b7;opacity: 0.8;}
.detail .admire span:hover{opacity:1}


.product-tabs {background:#fff;margin:20px 0px 0;text-align: left;width: 100%;}
.nav-tabs{border:0px}
.nav-tabs.product-tabs > li {display: inline-block;float: none;padding:0px 12px;}
.nav-tabs.product-tabs > li > a {border: none;line-height: 1.42857143;background:#fff;padding:12px 0px 18px 0px; margin:0px;border-radius:0px; font-size:16px;text-transform:capitalize;}
.nav-tabs.product-tabs > li > a em{ color:#02a911;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border: none;border-bottom:3px solid #f6c41c;color:#f6c41c;font-weight:bold;}
.nav-tabs > li > a:hover {border: none;border-bottom:3px solid #f6c41c;background: #fff;color: #f6c41c;margin:0px;}
.web-active {font-size: 14px;letter-spacing: 0.5px;line-height: 24px;padding:0px 20px 20px 25px;}
.gamenews .newcenter{height:38px; overflow:hidden; line-height:18px;padding-left:17px;opacity:0.5}
.gamenews li{padding:18px 0px;border-radius:5px;line-height:18px;transition: all 0.3s linear 0s;}
.gamenews li:hover{ background:#F1F1F1;}

.gamenews a{ font-weight:bold;color:#22916D; font-size:14px;}
.gamenews a:hover{text-decoration: underline;}
.gamenews i{ font-size:9px;color:#666;opacity:0.5}
.gamenews .text-time{font-size:10px;color:#666;padding-left:18px}


.recommend {margin:40px auto;position: relative;}
.recommend .controls .next {right: 0;}
.recommend .controls .prev {right: 36px;}


.container .col-sm-4:last-child {padding-right: 0;}
.container .last-child {padding-right: 0;}
.slider-items-products{ background:#fff;padding:12px;position:relative; z-index:9; max-height:557px; overflow:hidden; margin-top: 12px;}
.owl-item{ position:relative;margin-bottom: 20px; padding-left: 0px;padding-right: 0px;float: left;}
.owl-item img{display: block;margin-right:6px;}
.owl-item em{background:#f66a78;border-radius: 30px;color:#fff;height:30px;right:17px;position: absolute;top: -9px;font-size: 12px;width: 30px; text-align:center; line-height:30px;}
.gm-left .web-but-yellow{font-size: 12px}
.matter{font-size:12px;color:#000000;margin:3px;font-weight:bold;max-width: 85%;line-height: 15px;}
.web-money{font-size:14px;color:#ff6a10;margin-top:3px;}
.web-money .price{font-size:12px; color:#c4c4c4;text-decoration:line-through;}
.matter a{color:#000;}
.owl-item .actions-links {background:url(../image/h_bg.png) repeat;border-radius: 5px;height: 222px;left:15px;opacity: 0;overflow: hidden;position: absolute;top: 0;width:160px;z-index: 1000;transition: all 0.3s linear 0s; display:none\0;}
.owl-item:hover .actions-links {background:url(../image/h_bg.png) repeat;opacity:1;transition: all 0.3s linear 0s; display:block\0;}
.web-system{color:#20a5db;position:absolute;top:15px;right:6px;}
.web-system img{height:18px; border-radius:0px}
.web-system a{color:#20a5db}
.web-collect{ width:100%; float:left;padding-top: 22px;}
.web-collect a:hover{ text-decoration:none;}
.web-collect .glyphicon-shopping-cart{ font-size:14px; color:#FFF; background:#6DCCA4; padding:8px;position: absolute;left:0px;top:60px; border-radius:3px;opacity:0;transition: all 0.3s linear 0s; cursor:pointer; opacity:0.8}
.web-collect .glyphicon-shopping-cart:hover{ opacity:1}
.web-collect .pitch:hover{ opacity:1}
.web-collect .pitch:before{content: "\e013";}

.web-collect .glyphicon-heart{ font-size:14px; color:#FFF; padding:7px; border-radius:3px;position: absolute;right:0px;top:60px;opacity:0.8;transition: all 0.3s linear 0s;}

.web-repertory{border-bottom: 1px solid #504f4d;border-top: 1px solid #504f4d;color: #c5c5c5;font-size: 14px;padding: 10px 5px;text-align: center;width: 160px;position: absolute;left:0px;bottom:73px;}

.web-ico-right {border-radius: 113px;cursor: pointer;position: absolute;color: #fff; margin-top:0px;border: 1px solid #f75263;background: #f75263; opacity:0.8;right: 15px;padding: 6px;z-index: 1;font-size:16px}
.web-ico-right:hover {color: #fff;text-decoration: none; opacity:1}
.web-collect .active, .web-collect .active:hover {color: #fff;text-decoration: none;}
.web-collect .active:before{content: "\e013";}
.web-repertory b{color:#d9b804;}

.actions-links .btn{position:absolute;bottom:0px;left:0px;transition: all 0.3s linear 0s;opacity:0.4}
.owl-item:hover  .actions-links .btn{bottom:20px;opacity:0.9}
.owl-item:hover  .actions-links .btn:hover{opacity:1}
.owl-item:hover .actions-links .glyphicon-shopping-cart{left:40px}
.owl-item:hover .actions-links .glyphicon-heart{right:40px}




.web-repertory b{color:#d9b804;}
.web-h-y{color: #fff;margin-top:5px;}
.web-h-y:hover{color: #fff;}
.actions-links .btn{position:absolute;bottom:0px;left:0px;transition: all 0.3s linear 0s;opacity:0.4}
.owl-item:hover  .actions-links .btn{bottom:20px;opacity:0.9}
.owl-item:hover  .actions-links .btn:hover{opacity:1}


.owl-controls {margin-top: 10px;text-align: center;}
.owl-buttons {opacity: 1;}
.owl-controls .owl-page, .owl-controls .owl-buttons div {cursor: pointer;}
.slider-items-products .owl-buttons .owl-prev {position: absolute;right:80px;top:20px;}
.owl-theme .owl-controls .owl-buttons div {color: #FFF;display: inline-block;zoom: 1;margin: 5px;padding: 3px 10px;font-size: 12px;-webkit-border-radius: 30px;
-moz-border-radius: 30px;border-radius: 30px;background: #869791;filter: Alpha(Opacity=50);opacity: 0.5;}
.slider-items-products .owl-buttons .owl-next {position: absolute;right:40px;top:20px;}
.slider-items-products .owl-buttons a {background: #fff;display: block;height: 28px;margin:0;position: absolute;top: 50%;width: 28px;z-index: 5;border: 1px solid #999;color: #000;line-height: 28px;}

.slider-items-products .best-title{padding-left:0px;border: 0px;height: 23px;font-size: 16px;position: relative;text-align: center;font-weight: 500;}
.slider-items-products .best-title span{position: relative;display:inline-block;border-top:1px solid #bf9b61;width: 25px;top:-4px;margin: 0px 30px;}

.web-outside{ margin-top:20px; padding-left:0px}
.gm-left{ padding-right:0px;padding-top:0px;}
.gm-m{ padding:0px;margin-top:15px;}
.gm-m .carousel-inner{border-radius: 6px;}
.gm-m  .carousel-inner > .item > a > img, .carousel-inner > .item > img{width:100%;height: 376px;}
.carousel-indicators li,
.carousel-indicators .active{width: 15px;height: 15px}
.carousel-indicators .active {background: #58d5ad;border:1px solid #58d5ad;}


.web-data{background:#FFF; float:left; width:100%; border-radius:3px}
.container_l_div{border-bottom: 1px solid #f5f5f5;float: left;height: 78px;margin:0 5% 15px 5%;width: 90%;}
.container_l_img{width:48px; float:left; padding-right:8px;padding-top:8px}
.container_l_img img{ width:40px;border-radius:4px;}
.container_l_dl{ margin-left:45px; font-family:"Arial"; position:relative}
.container_l_dl dd{ color:#227e44}
.container_l_dl .dt1{ color:#2c2c2c; height:32px; overflow:hidden; font-weight:normal; font-size:12px; line-height:15px;}
.container_l_dl .dt1 em{ background:#60b208;border-radius:5px; padding:2px 6px; font-size:10px; color:#FFF; margin-left:5px}
.container_l_dl .dt2{ font-size:10px; color:#797979;font-weight:normal;padding-left:3px}
.container_l_dl .dt2 em{ float:right; color:#ff6600; font-size:12px;position: absolute;right: 0;top: 0;font-weight:normal}

.web-pa{ padding:10px;}
.web-payment{position:relative; z-index:9;}
.web-payment b{background:#FFF; width:100%; display:block; margin:20px 0;border-radius:5px}
.web-payment b img{ padding:16px 17px;width: 100%;}
.web-pa img{ height:405px; width:100%}
.fb_m{height:405px}




.new_title.center{height:60px;text-align:center}
.new_title h2{color:#252525;display:inline-block;font-family:DIN,Helvetica,Arial,sans-serif;font-size:24px;font-weight:bold;letter-spacing:normal;margin-top:0;position:relative;text-transform:capitalize;}
.label{color:#333;display:inline-block;text-align:left;font-size:12px;white-space:normal}
.featured_title.center{height:41px}
.featured_title h2{color:#fff;display:inline-block;font-family:DIN,Helvetica,Arial,sans-serif;font-size:30px;font-weight:bold;letter-spacing:normal;margin-top:0;padding:0px 20px 10px 0px;position:relative;text-transform:capitalize}
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper-outer{position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left;width:202px;-webkit-box-shadow: 3px 3px 10px #e5e5e5;box-shadow: 3px 3px 10px #e5e5e5; border-radius:4px; border:1px solid #e5e5e5;margin:10px;}
.col-item{position:relative;float: left;}
.col-item:hover{ background:#f6f6f6;}
.col-item .photo img{margin:0 auto;width:100%}
.col-item .info{margin-top:1px;text-align:center;}
.col-item:hover .info{background-color:#fff}
.clear-left{clear:left}
.col-item .separator p{line-height:20px;margin-bottom:0;margin-top:10px;text-align:center}
.col-item .separator p i{margin-right:5px}
.col-item .btn-add{width:50%;float:left}
.col-item .btn-add{border-right:1px solid #E1E1E1}
.col-item .btn-details{width:50%;float:left;padding-left:10px}
.controls{margin-top:0px}
[data-slide="prev"]{margin-right:10px}
.product-image-area{ max-height:270px;}
.product-image-area a img{ width:100%;}
.col-item .actions-links{height:50px;position:absolute;width:100%;opacity:0;z-index:1000;overflow:hidden}
.col-item:hover .actions-links{height:30px;position:absolute;top:30%;width:60%;opacity:0.9;z-index:10000}
.col-item .actions-links .add-to-links a.magik-btn-quickview{left:120%;opacity:0;position:absolute;margin-top:4px;z-index:10;cursor:pointer}
.col-item:hover .actions-links .add-to-links a.magik-btn-quickview{left:0%;opacity:0.9;position:absolute;margin-top:0px;border-left:1px solid rgba(255,255,255,0.3);width:40px;text-align:center}
.col-item .actions-links .add-to-links a.magik-btn-quickview{color:#fff;font-family:'FontAwesome';font-size:16px;font-weight:normal;margin:0;text-decoration:none;display:inline-block;transition:all 0.2s linear;padding:3px 5px;line-height:25px;width:30px}
.col-item .actions-links .add-to-links a.magik-btn-quickview:hover{font-size:30px}

.col-item .actions-links .add-to-links a.link-wishlist{color:#fff;font-family:'FontAwesome';font-size:16px;font-weight:normal;margin:0;text-decoration:none;display:inline-block;transition:all 0.2s linear;padding:5px 5px;line-height:25px;width:30px}
.col-item .actions-links .add-to-links a.link-wishlist:hover{font-family:'FontAwesome';font-size:30px;font-weight:normal;margin:0;padding:5px 5px;text-decoration:none;color:#fff;line-height:25px;width:30px}
.col-item .actions-links .add-to-links a.link-compare{color:#fff;font-family:'FontAwesome';font-size:16px;font-weight:normal;margin:0;text-decoration:none;display:inline-block;transition:all 0.2s linear;padding:5px 5px;line-height:25px;width:30px}
.col-item .actions-links .add-to-links a.link-compare:hover{font-family:'FontAwesome';font-size:30px;font-weight:normal;margin:0;padding:5px 5px;text-decoration:none;color:#fff;line-height:25px;width:30px}
.col-item .add-to-links a span{display:none}
.col-item .actions-links .add-to-links a.link-wishlist{right:120%;opacity:0;position:absolute;margin-top:4px;z-index:10}
.col-item:hover .actions-links .add-to-links a.link-wishlist{right:50%;opacity:0.9;position:absolute;margin-top:0px;border:1px solid rgba(255,255,255,0.3);border-top:none;border-bottom:none;width:40px;text-align:center}
.col-item .actions-links .add-to-links a.link-compare{right:120%;opacity:0;position:absolute;margin-top:4px;z-index:10}
.col-item:hover .actions-links .add-to-links a.link-compare{right:25%;opacity:0.9;position:absolute;margin-top:0px;border:1px solid rgba(255,255,255,0.3);border-top:none;border-bottom:none;border-left:none;width:40px;text-align:center}
.col-item .info .info-inner .item-title{margin-bottom: 15px;padding-top: 15px;font-size: 14px;white-space: nowrap;overflow: hidden; font-weight:bold;}
.item-title{ float:left; width:100%;border-top:1px solid #ebebeb; padding:15px 0}
.item-title a{ display:block}
.col-item .info .info-inner .item-title a{text-decoration:none;font-family:DIN,Helvetica,Arial,sans-serif;font-size:14px;color:#000; display:block}
.col-item .info .info-inner .item-title a:hover{color:#23527c; text-decoration:none}
.actions button.button.btn-cart{background:#fff;border:1px solid #ddd;margin:10px 8px 0 8px;padding:9px 10px 9px 10px;color:#333;line-height:14px;transition:color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s}
.col-item:hover .actions button.button.btn-cart{background:#f23534;border:1px solid #f23534;margin:10px 8px 0 8px;padding:9px 10px 9px 10px;color:#FFFFFF}
.actions button.button.btn-cart span{font-family:DIN,Helvetica,Arial,sans-serif;font-size:11px;padding:0 8px;font-weight:bold;margin-left:0;text-transform:capitalize}
.promo-banner-section{margin:25px auto;margin-bottom:35px}
.small-pr-slider .controls .prev{top:2px;right:50px}
.small-pr-slider .controls .next{top:2px;right:15px}
.small-pr-slider .col-item .actions-links{height:32px;top:52%}
.small-pr-slider .col-item .actions-links .glyphicon { float:left;font-size: 16px;padding: 8px;color:#FFF; top:0px; background:#000}
.small-pr-slider .col-item .actions-links .glyphicon:hover{ background:#ffc907; text-decoration:none; color:#000;}
.small-pr-slider .col-item .add-to-links{ margin:0 auto; text-align:center;}

.small-pr-slider .col-item:hover .actions-links{height:30px;top:46.8%}
.small-pr-slider .col-item:hover .actions-links .add-to-links a.magik-btn-quickview{left:0%}
.small-pr-slider .col-item .actions-links .add-to-links a.magik-btn-quickview{font-size:12px;line-height:20px}
.small-pr-slider .col-item .actions-links .add-to-links a.link-wishlist{font-size:12px;line-height:20px;width:28px}
.small-pr-slider .col-item .actions-links .add-to-links a.link-wishlist:hover{font-size:12px;line-height:20px}
.small-pr-slider .col-item .actions-links .add-to-links a.link-compare{font-size:12px;line-height:20px;width:28px}
.small-pr-slider .col-item .actions-links .add-to-links a.link-compare:hover{font-size:12px;line-height:20px}
.small-pr-slider .col-item:hover .actions-links .add-to-links a.link-wishlist{right:40%}
.small-pr-slider .col-item:hover .actions-links .add-to-links a.link-compare{right:10%}
.recommend .controls .next{right:0}
.recommend .controls .prev{right:36px}
.new-box,.sale-box{height:40px;overflow:hidden;position:absolute;text-align:center;top:-1px;width:55px;z-index:10}
.new-box{left:-1px}
.sale-box{right:-1px}
.new-top-left{left:0px;top:0;background:#fff;letter-spacing:1px}
.new-top-right{background:none repeat scroll 0 0 #FFFFFF;right:0px;top:0}
.sale-top-right{top:0;background:#fff;letter-spacing:1px;right:0px}
.sale-top-left{left:0px;top:0;background:#fff;letter-spacing:1px}
.ie8 .new-label{left:0px;top:0px;width:auto;padding:5px 15px}
.ie8 .new-label:after{display:none}
.ie8 .new-label:before{display:none}
.ie8 .sale-label{right:0px;top:0px;width:auto;padding:5px 15px}
.ie8 .sale-label:after{display:none}
.ie8 .sale-label:before{display:none}
.ie8 .new-box{top:-1px;left:-1px}
.ie8 .sale-box{right:-1px;top:-1px}
.new-box,.sale-box{position:fixed;text-align:center;top:-1px;width:55px;z-index:10}
.new-box{left:0}
.sale-box{right:0;top:0px}
.new-label{font-size:11px;font-family:DIN,Helvetica,Arial,sans-serif;color:#fff;background:#5cb95c;text-transform:capitalize;padding:0px;text-align:center;display:block;position:absolute;top:10px;right:10px;z-index:100;letter-spacing:1px;line-height:normal; padding:3px; border-radius:3px;}
.sale-label{font-size:11px;font-family:DIN,Helvetica,Arial,sans-serif;color:#fff;background:#f1ad4e;text-transform:capitalize;padding:0px;text-align:center;display:block;position:absolute;top:10px;right:10px;z-index:100;letter-spacing:1px;line-height:normal; padding:3px; border-radius:3px;}
.ie8 .new-label{left:0px;top:0px;width:auto;padding:5px 15px}
.ie8 .new-label:after{display:none}
.ie8 .new-label:before{display:none}
.ie8 .sale-label{right:0px;top:0px;width:auto;padding:5px 15px}
.ie8 .sale-label:after{display:none}
.ie8 .sale-label:before{display:none}
.ie8 .new-box{top:-1px;left:-1px}
.ie8 .sale-box{right:-1px;top:-1px}


/* 分享图标 */
.web-face-i{height:425px;text-align:center;}
.web-face-i img{width:80%;position:absolute;left:10%;top:50%;margin-top:-12%;transition: all 0.3s linear 0s;}
.web-face-i li{width:45%; overflow:hidden;margin-left:1%;margin-right:1%;padding:4px;position:relative;}
.web-face-i li a{display:block;height:122px;transition: all 0.3s linear 0s;opacity:0.9;border-radius:5px;}
.web-face-i li a:hover{opacity:1;}
.web-face-i li span{border:1px solid rgba(255,255,255,0.5);padding:5px;transition: all 0.3s linear 0s;border-radius:5px;color:#fff;text-align:center;width:75%;position:absolute;left:13%;bottom:-10%;opacity:0}
.web-face-i li a:hover img{margin-top:-22%;}
.web-face-i li a:hover span{bottom:14%;opacity:0.8}
.web-face-i .list-inline{margin:auto; margin-top:12px}
.web-face-i .facebook a{background:#4867AA;}
.web-face-i .pinterest a{background:#E74C3C}
.web-face-i .youtube a{background:#313131}
.web-face-i .twitter a{background:#00aced}
.web-face-i .google a{background:#4285F8}
.web-face-i .linkedin a{background:#44AFCE}


.web-wire{height:4px; border-bottom:1px solid #dddddd;border-top:1px solid #dddddd;}
.web-currency{width:125px; min-width:125px;}
.web-select .dropdown-menu > li > a{padding:3px 10px}
.web-r{float:right; top:2px}
.pull-left b{padding-left:5px;padding-top:3px;font-weight:normal;}
.pull-left b em{color:#02a911}

.custom button.reduced{border-right:none;border-radius:3px 0 0 3px}
.custom button.increase{border-left:none;border-radius:0 3px 3px 0}
.custom .i-s{color:#666;padding-left:12px;padding-top:9px;float:left}

.block_loader{height:300px;width:96%; background:transparent;top:34%;opacity:0.2}
.block_loader .ball-clip-rotate{width:100px;height:100px;}
.block_loader .ball-clip-rotate > i{background-color:#000;width:100%;height:width:100%;border-radius:100%;margin:auto;-webkit-animation-fill-mode:both;animation-fill-mode:both;border:2px solid #000;border-bottom-color:transparent;height:100%;width:100%;margin-top:4px;background:transparent !important;display:inline-block;-webkit-animation:rotate 0.75s 0s linear infinite;animation:rotate 0.75s 0s linear infinite;}


.web-like .col-md-8{padding-left:0px;}
.web-like .web-fb{position:relative; margin:20px 0; padding:0px; height:122px; overflow:hidden;border-radius:4px;}
.web-like .web-fb img{border-radius:4px;height:122px;}
.web-like .web-fb .btn-fanpage{width:100%;height:85px; display:block; font-size:16px; color:#e4e2e2;margin:20px auto 0;text-align:center; position:absolute; top:-8px; left:0px}
.web-like .web-fb .btn-fanpage .web-em1 img{height:100%;}
.web-like .web-fb .btn-fanpage .web-em4{margin:0 3px;float:right}
.web-like .web-fb .btn-fanpage:hover{text-decoration:none;}
.web-like .web-fb .btn-fanpage span{cursor: pointer;}
.in-stock{ color:#04b436;font-weight: bold;}
.out-of-stock{color:#ff0000;font-weight: bold;}
.web-but-right{ position: absolute;right: 28px;top: 30px;}

.web-but-right .button_inst_activate{-moz-user-select: none;border: 1px solid #0034cc;border-radius: 54px;cursor: pointer;display: inline-block;opacity: 0.8;
font-size: 14px;font-weight: 400;line-height: 1.42857;margin-bottom: 0;padding: 6px 18px;text-align: center;vertical-align: middle;white-space: nowrap; color: #0034cc; margin-top:-5px}
.web-but-right .button_inst_activate .glyphicon-list-alt{ top:2px}
.web-but-right .button_inst_activate:hover{opacity: 1}


.col1-layout .main{ width:100%;}
.animated{background:#FFF;min-height: 615px; border-radius:0px; width:100%;}
.product-image .ptb-sic {z-index: 2;
    bottom:14px;
    position: absolute;
    left: 39px;
}
.product-image .ptb-sic em{border-radius: 54px;color: #fff;font-size: 10px;padding:2px 6px;text-transform:capitalize;opacity: 0.8;}
.product-image .pt_cs{ background:#f60;}
.product-image .pt_so{background:#507CBE;}
.product-image .pt_hot{background:#F75263}
.product-image .pt_new{background:#22916D}

.share-ico-r{float:right;}
.share-ico-r img{border-radius:5px;opacity:0.8}
.share-ico-r img:hover{opacity:1}
.share-ico-r .addthis_sharing_toolbox{float:right;padding-top:8px}
.p_20{width:102px;}
.p_20 img{height: 39px;}
.web-but-left .glyphicon-shopping-cart{background:#484848;border-radius:3px;color:#fff;padding:12px;top:1px; cursor:pointer;font-size: 14px}
.web-but-left .pitch:before{content: "\e013";}
.web-but-left .glyphicon-shopping-cart:hover{background:#000}
.right-ico{ float:right; margin-top:20px; }
.main .you_may{border-top:1px solid #cecece;}

/*software news*/
.softnews{width: 100%;padding-bottom: 20px;}
.softnews .softnews-title{font-size: 16px;font-weight: 600;width: 100%;height: 40px;line-height: 40px;padding-left: 40px;}
.softnews .softnews-title span{float: right;display: block;color: #999a9c;margin-right: 10px;}
.softnews .softnews-title span a{color: #999a9c;}
.softnews .softnews-title span a:hover{color: #fd7e14;}
.softnews ul{width: 100%;overflow: hidden;}
.softnews ul li{width: 49%;overflow: hidden;float: left;padding-left: 40px;margin-top: 10px;}
.softnews ul li img{width: 170px;height: 102px;display: block;float: left;}
.softnews ul li .soft-content{width: 320px;height: 102px;float: left;padding-left: 10px;}
.softnews ul li .soft-content p{height: 40px;line-height: 20px;font-weight: 600;font-size: 16px;overflow: hidden;}
.softnews ul li .soft-content .soft-date{font-size: 12px;color: #999a9c;}
.softnews ul li .soft-content .soft-info{font-size:14px;color: #999a9c;height: 40px;line-height: 20px;overflow: hidden;}

/*accessory*/
.preview{width:400px; height:465px;}
.accessory .web-entry-title{}
.accessory .proli .type-name{width: 218px;height: 30px;line-height: 30px;font-size: 14px;display: inline-block;}
.accessory .proli .product-brand{height: 30px;line-height: 30px;}
.accessory .proli .product-type{height: 30px;line-height: 30px;}
.accessory .proli .product-color{min-height: 30px;line-height: 30px;}
.accessory .proli .product-size{height: 30px;line-height: 30px;}
.accessory .proli .character span{padding: 4px 10px;border:1px solid #b0b0b0;margin-right: 5px;display: inline-block;text-align: center;line-height: 17px;font-size: 12px;cursor: pointer;font-size:14px;color:#4d4d4d;}
.accessory .proli .character span:hover{border-color: #ccc;}
.accessory .proli .character{display: inline-block;}
.accessory .proli .character span.active{border-color: #f30240;color:#f30240;background: url(../image/pro/index.png) no-repeat right bottom;}
.accessory .proli .new-character{display: inline-block;}
.accessory .proli .new-character span{display: inline-block;text-align: center;cursor: pointer;}
.accessory .proli .new-character span:hover{border-color: #ccc;}


.accessory .dropdown-type{display: flex;margin-bottom: 12px;}
.accessory .dropdown-type .dropdown{margin-right:22px;text-align:left;}
.accessory .dropdown-type .dropdown .btn {background: #fff;padding: 7px 12px; overflow: hidden;text-overflow: ellipsis; word-break: keep-all; white-space: nowrap; width: 220px;height: 38px; font-size: 14px;text-align: left;}
.accessory .dropdown-type .btn-secondary:not(:disabled):not(.disabled).active,
.accessory .dropdown-type .btn-secondary:not(:disabled):not(.disabled):active,
.accessory .dropdown-type .show>.btn-secondary.dropdown-toggle{color:#000;}
.accessory .dropdown-type  .dropdown-menu{min-width: 100%;font-size: 15px;padding: 0px;border:1px solid #6c757d;border-radius: 0px;max-height: 330px;
    overflow: auto;}
.accessory .dropdown-type  .dropdown-menu a{padding:3px 8px;transition:all 0.5s linear;overflow: hidden}
.accessory .dropdown-type  .dropdown-menu a:hover{color:#f30240;}
.accessory .dropdown-type  .dropdown-menu a:focus{background:var(--yellow);color: #000}
.accessory .dropdown-type  .dropdown-toggle::after{position: absolute;right: 15px;top:16px;color: #666;}
.accessory .dropdown-type .btn-secondary:not(:disabled):not(.disabled).active:focus,
.accessory .dropdown-type .btn-secondary:not(:disabled):not(.disabled):active:focus,
.accessory .dropdown-type .show>.btn-secondary.dropdown-toggle:focus {box-shadow: 0 0 0 0.0rem rgb(108 117 125 / 50%);}

.accessory .proli .new-character .type-name{text-align: left}

.accessory .proli .freight{margin: 0px 0px 3px;}
.accessory .proli .freight strong{font-weight: normal;display: inline-block;width: 150px;}
.accessory .proli .freight span i{color: #4691cc;}
.accessory .proli .freight span.priority{margin-left: 222px;margin-bottom: 5px;display: inline-block;}
.accessory .proli .freight span:last-child{margin-left: 222px;}
.accessory .proli .days{margin-top:0px;}
.accessory .proli .days span{color: #5db664;}
.accessory .proli .days span:first-child{color: #373856;}
.accessory .proli .region{position: relative;width: 90%}
.accessory .proli .region .warn {display:inline-block;background-image: url(../image/accessory/warn.png);width: 21px;height: 19px;position: absolute;top:16px;left:0px;}
.accessory .proli .region p{color:#c91800;font-size: 12px;padding-left: 32px;margin-top:10px;}




.accessory .proli .warper_dt{height: 66px;line-height: 22px;color:#a7a7a7;overflow: hidden;text-overflow: ellipsis;margin-top: 8px;padding:0px 0px;opacity: 1;margin-bottom: 5px;padding-right: 80px;}
.accessory .proli .detail-more{line-height: 22px;height: 22px;}
.accessory .proli .detail-more a{color: #3285c6;}
.accessory .proli{margin-bottom: 20px;}
.accessory .product-type span:first-child{margin-right: 0px;}

.accessory .bigImg i{width: 33px;height: 31px;position: absolute;right: 3px;top:3px;cursor: pointer;background-image: url(../image/search.png)}

.accessory .express{height: 50px;color:#676767;width: 100%;font-weight: 600;padding-top:20px;}
.accessory .express>span:first-child{display: inline-block;}
.accessory .express .ways{display: inline-block;margin-left: 40px;}
.accessory .express .ways span{height: 26px;border-radius: 2px;border:1px solid #e0e0e0;margin-right: 5px;display: inline-block;text-align: center;font-size: 12px;cursor: pointer;padding: 0px 10px;line-height: 20px;}
.accessory .express .ways span:hover{border-color: #4691cc;}
.accessory .express .ways span.active{border-color: #4691cc;}

.accessory .owl-item img{width: 160px;}
.smallImg{position: relative;height: 59px;width: 440px;overflow: hidden;float: left;padding-top: 4px;border-top: 0px;margin-top: 0;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(images/d_08.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(images/d_09.png) no-repeat; margin-left:375px; margin-top:-50px;}

#imageMenu {height:50px; text-align:center;overflow: hidden; }
#imageMenu li {height:50px; width:52px; overflow:hidden;  display: inline-table;}
#imageMenu li img{width:48px; height:48px;cursor:pointer;border:2px solid #fff;}
#imageMenu .active img{width:48px; height:48px; border:2px solid #279fd4;}


/* bigImg */
.bigImg{position:relative; float:left; width:440px; height:440px; overflow:hidden;}
.bigImg #midimg{width:440px; height:440px;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}

/* bigView */
#bigView{position:absolute; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}

.imgarrow_left,
.imgarrow_right{cursor: pointer;opacity: 0.3;background: url(../image/pro/imgarrow.png) no-repeat 5px -9px;width: 54px;height: 54px;position:absolute;z-index: 1;top: 176px;}
.preview .imgarrow_left:hover,
.preview .imgarrow_right:hover{opacity: 1;}

.imgarrow_left{left:5px;}
.imgarrow_right{right:5px;background-position:-69px -9px }
.proudctleft{position:relative;width: 440px;}

.viewer-transition li:first-child{display: none}

/*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;}
.pcomment .customer-review>ul .star-percent{display: table-cell;padding: 0 30px;width: 340px;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: var(--yellow);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 var(--yellow);}
.pcomment .customer-review .nav-review>ul{}
.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: var(--yellow);}
.pcomment .customer-review .nav-review>ul li:hover{color: #000;background-color: var(--yellow);}
.pcomment .customer-review .reviews{}
.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{}
.pcomment .customer-review .reviews>ul>li .item-basic .admire{float: right;}
.pcomment .customer-review .reviews>ul>li .item-basic .admire span{border: 1px solid var(--yellow);padding: 4px 9px;border-radius: 4px;cursor: pointer;color: var(--yellow);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;}

.customer-review li .reply{margin-top: 10px;margin-left: 0px;overflow: hidden;position: relative;background-color: white;margin-right:50px;border:1px dotted var(--yellow);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;}


.customer-review{width:1060px;}
.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: 340px;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;}
.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: var(--yellow);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 a{}
.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 var(--yellow);}
.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;background-color: var(--yellow);}
.customer-review .nav-review>ul li:hover{color: #fff;background-color: var(--yellow);}
.customer-review .reviews{}
.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{}
.customer-review .reviews>ul>li .item-basic .admire{float: right;}
.customer-review .reviews>ul>li .item-basic .admire span{border: 1px solid var(--yellow);padding: 4px 9px;border-radius: 4px;cursor: pointer;color: var(--yellow);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{}
.customer-review .reviews>ul>li .item-wrap .operate .del{display: inline-block;cursor: pointer;width: 90px;height: 30px;border:1px solid var(--yellow);text-align: center;line-height: 27px;}
.customer-review .reviews>ul>li .item-wrap .operate .del:hover{background-color:var(--yellow); 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 var(--yellow);text-align: center;line-height: 27px;}
.customer-review .reviews>ul>li .item-wrap .operate a:hover{background-color:var(--yellow); color:white;}


.w-right>ul .item-wrap{vertical-align: top;padding: 10px;border: 1px solid #eacc72;border-radius: 3px;width: 100%;margin-bottom: 21px;}
.w-right>ul .item-basic{}
.w-right>ul .item-basic .admire{float: right;}
.w-right>ul .item-basic .admire span{border: 1px solid #8c62b7;padding: 4px 9px;border-radius: 4px;cursor: pointer;color: #8c62b7;opacity: 0.8;}
.w-right>ul .item-basic .item-star{display: inline-block;color: #ff8a00;white-space: nowrap;}
.w-right>ul .item-basic .item-attr{display: inline-block;color: #666;margin-left: 50px;font-size: 14px;}
.w-right>ul .item-t{margin-top: 10px;color: #000;font-weight: 600;margin-bottom:10px;word-wrap: break-word;word-break: break-word;}
.w-right>ul .item-cont{word-wrap: break-word;word-break: break-word;line-height: 1.5;margin-bottom: 10px;}
.w-right>ul .item-img{margin: 15px 0 20px;}
.w-right>ul .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;}
.w-right>ul .item-img li img{display: block;width: 100%;height: 100%;}
.w-right>ul .item-time{margin: 0px 0 10px;color: #999;}


/*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{}
.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;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 .submit-review{position: relative;}

/* addthis */
.addthis_inline_share_toolbox_va5y{padding-top:12px;text-align: center;}
.at-resp-share-element .at-share-btn .at-label{display: none;}


.ordersales {background: #fff;box-shadow: 0 2px 9px 6px rgba(0,0,0,.08);position: fixed;z-index: 11;bottom: 30px;left: 20px;border: 1px solid #f5f5f5;border-radius: 6px;padding:13px 15px;width:292px}
.ordersales .flex-left {position:relative;left:12px;min-height: 80px;}
.ordersales .product-img {width: 80px;height: 80px;display: inline-block;vertical-align: middle;position:absolute;left:-10px;top:0px;}
.ordersales .product-img img{width:100%;border-radius:2px}
.ordersales .pro-main{display: inline-block;vertical-align: middle;padding-left:80px;width: 100%;}
.ordersales .flex-left .co_si {color: #acacac;}
.ordersales .flex-left  .co_si span {color: #333;}
.ordersales .flex-left  .co_si i{padding:0px 4px}
.ordersales .flex-left .saleend{text-align:right;color:#666;padding-right:5px;font-size:12px}
.ordersales .flex-left .saleend .name{font-weight: bold;}
.ordersales .flex-left .product-title {font-size: 12px;overflow: hidden;line-height: 18px;font-weight: bold;padding-bottom: 2px;padding-right:10px}
.ordersales .product-title a {color: #0080ff;}
.ordersales .product-title a:hover{color:#b00}
.ordersales .flex-left .fa-close{position: absolute; right: 4px;top: -7px;color: #666;z-index: 1;cursor: pointer;}
.ordersales .flex-left .fa-close:hover{color:#b00}









@media screen and (max-width:1199px){ 
.web-product .col-xs-12{ padding-right: 10px;border-right: 0px;}
.web-price{margin-left: 0px;}
.list-unstyled-t{padding-left: 0px;}
}


@media only screen and (min-width:380px) and (max-width:1000px){
.list-unstyled-t .list-unstyled{height:auto;}
.web-quantity{width:200px;}
.web-quantity li{margin-bottom:10px;}

}


@media (max-width:1199px){
.web-product .col-sm-4{width:100%}
.owl-item{padding:0 0 0 10px;}
.web-like .web-fb{ height:109px;}
.web-like .web-fb .btn-fanpage{margin:20px auto 0;}
.web-like .web-fb .btn-fanpage .web-em1{font-size:24px; color:#000000; margin:0 3px}
.web-like .web-fb .btn-fanpage .web-em2{font-size:18px; color:#009566;margin:0 3px; background:var(--yellow); padding:13px 10px; border-radius:100%; font-weight:bold}
.web-like .web-fb .btn-fanpage .web-em3{font-size:24px; color:#000000;margin:0 3px}
.product-essential {

    position: relative;
    width: 100%;

}


}
@media (max-width:999px){
.web-like .col-xs-12{ padding-right:0px;}
.web-like .web-fb{ margin:0 0 20px 0}
.product-name{padding-top:20px;}

.web-price-title {font-size: 12px;color: #000000;float: left;padding: 27px 12px 0px 13px;}
.web-price-right {border: 1px solid #d0d0d1;margin: 12px 0px;padding: 3px 10px;color: #6f767c;text-align:center;position: relative;width: 100%; float: right;background: #fff;}
.web-price-right b,
.web-price-right p {float: none; display: initial;}
.special-price .price {

    color: #ef7c00;
    font-size: 17px;
    font-weight: bold;
    padding-right: 2px;}

}
@media (max-width:992px){
.scdkey_slide{ padding-right:15px;}
}

@media screen and (max-width:436px){

.web-but-right{ float:left;margin:-27px 0 0 0;}
}

@media (max-width:760px){
.owl-item em{left:155px;}
.owl-item{float:none; margin:0 auto 20px 23%;}
.slider-items-products{max-height: 2000px;}
.matter{    max-width: 50%;}
.softnews ul li{width: 100%;}
.softnews ul li img{margin-left: 18%;}
.product-collateral .bounceInUp .best-title{line-height: 25px;}
.web-entry-title{font-size: 16px;}
.warper_dt{height: auto;}
.product-image .ptb-sic{top: 0px;}
}