/*默认样式*/

body{ background: #F2F3F7; font-family:12px/150% "system-ui",Arial,Verdana;}



.product-intro{ width:auto; float:none;}

.product-intro .intro-left{ border: 1px solid #DCDEE3;  background-color: #fff; float: left; width: 960px;}



.favor-icon{ width: 18px; height: 17px; display: inline-block; vertical-align: -3px; margin-right: 8px; background: url(../images/zhfw/icon_heart_gray.png) no-repeat; }

.favor-icon.on{ background-image: url(../images/zhfw/icon_heart.png) }



/*商品相册*/

.preview{ width: 350px;  padding: 10px; border-right: 1px solid #DCDEE3;}

.gallery_wrap{ border: 1px solid #f0f0f0; width: 348px; height: 348px;}

.spec-list{ background: transparent; }

.spec-list .spec-items{ width: 350px; }

.spec-list .spec-items li{ margin: 10px 5px 0; }

.spec-list .spec-items li a{ position: relative; }

.spec-list .spec-items li a:hover:after, 

.spec-list .spec-items li a.img-hover:after{ content: ''; display: block; position: absolute; top: -10px; left: 50%; margin-left: -5px; width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #2A7AFB; }

.short-share{ width: 350px; }

#compare .btn-compare{ border: 0 none; background: transparent; }

.spec-list .spec-items li a:hover, .spec-list .spec-items li a.img-hover{ border-color: #2A7AFB; }

.dhls-share{ font-size: 14px; padding: 10px 0 16px;}

.dhls-share .share{ margin-left: 96px;}

.dhls-share .share-title {margin-right: 5px; font-size: 14px; color: #666; }

.dhls-share .share-item {margin-left: 5px; width: 16px; height: 16px; background-repeat: no-repeat; background-image: url(../images/dhls/sprites.fe68546e.png); display: inline-block; vertical-align: middle;}

.dhls-share .share-item.facebook {background-position: 0 -331px; }

.dhls-share .share-item.twitter {background-position: -55px -331px; }

.dhls-share .share-item.instagram {background-position: -167px -331px; }

.dhls-share .share-item.pinterest {background-position: -111px -331px; }

.dhls-share .add-favorite{ display: inline-block; height: 22px; line-height: 22px; margin-top: 14px; margin-left: 96px;}

.dhls-share .add-favorite a{ color: #1686CC; }

.dhls-share .add-favorite a:hover{  color: #f90;}

.dhls-share .add-favorite i{ margin-right: 4px; }



.m-item-inner .itemInfo{ padding-bottom: 20px; }

.m-item-inner{ margin-top: 20px; padding-left: 0; width: 589px; border-left: 1px solid #DCDEE3; margin-left: -1px;}

.m-item-inner .name h1{ padding: 0 20px; line-height: 1.8; font-weight: normal;}

.m-item-inner .refer-price{ display: none; font-size: 14px; background-color: #F5F7FA; border-bottom: 1px solid #DCDEE3; padding: 10px 20px;}

.m-item-inner .refer-price a{ color:#3a78bf; text-decoration:underline;}

.m-item-inner .refer-price a:hover{ text-decoration:none;}

.m-item-inner .us-price{ padding:20px; font-size: 14px; color:#999;}

.m-item-inner .us-price .price { font-size: 20px; color:#333;}

.m-item-inner .us-price b{ color:#333;}

.m-item-inner .supply-box{ overflow:visible; background-color: #F5F7FA; padding: 10px 20px; margin-bottom: 10px;}

.m-item-inner .supply-box .item{ overflow: hidden; font-size: 14px; margin: 10px 0; padding: 0; float: none;}

.m-item-inner .supply-box .label{ width: 120px; float: left; color: #666; }

.m-item-inner .supply-box .text{ color: #222; }

.m-item-inner .supply-box .dhls-btn{ padding: 10px 20px; font-size: 16px; font-weight: normal; }

.m-item-inner .supply-box .btn-orange{ background-color: #2A7AFB; border-color: #2A7AFB; margin-right: 10px;}

.m-item-inner .supply-box .btn-orange-line{ border-color: #2A7AFB; color: #2A7AFB; background-color: #2A7AFB; }

.h1_red_bg{ width: 65px; }

.m-item-inner .supply-box .item.summary-promotion{ width: 560px; }

.m-item-inner .supply-box .item.summary-promotion .view-all-promotions{ width: 101px; }

.m-item-inner .supply-box .item.summary-promotion .label{ line-height: 30px; }

.m-item-inner .supply-box .item.summary-promotion .p-promotions-wrap{ height: 30px; }

.m-item-inner .supply-box .item.z-promotions-all-show .p-promotions-wrap{ height: auto; }

.m-item-inner .cart-box{ padding: 20px; margin-top: 0;}

.m-item-inner .cart-box a{ color: #1686D5; font-size: 14px; margin-right: 10px;}

.m-item-inner .cart-box a#cartBoxAdd{ display: none; }

.m-item-inner .cart-box a.btn_disabled{ color: #999; cursor: no-drop; }

.m-item-inner .cart-box a i{ margin-right: 4px; }

.m-item-inner .supply-box2{ overflow: hidden; padding:0 20px; line-height: 24px;}

.m-item-inner .supply-box2 .item{ overflow: hidden; font-size: 14px; margin-bottom:10px;}

.m-item-inner .supply-box2 .label{ width: 120px; float: left; color: #666; white-space:nowrap;}

.m-item-inner .supply-box2 .text{ color: #222; margin-left: 120px;}

.m-item-inner .supply-box2 a>i {display: inline-block; width: 16px; height: 16px; margin: 0 2px 0 0; background-size: contain; vertical-align: middle; }

.m-item-inner .supply-box2 a>i.icon-trade-assurance { background: url(../images/dhls/trade_icon.png); }

.m-item-inner .supply-box2 .text ul{ padding-top:5px;}

.m-item-inner .supply-box2 .text li{ width:33.333%; float:left;}

.m-item-inner .supply-box2 .ta-item{ margin-bottom: 8px; color: #666; line-height: 16px; font-size: 12px; margin-right: 6px; }

.m-item-inner .supply-box2 .payment span {height: 20px; display: inline-block; background-size: contain; margin: 0 4px -6px 0;background-repeat: no-repeat; }

.m-item-inner .supply-box2 .payment span.visa {width: 30px; background-image: url(../images/dhls/pay_visa.png); width:66px\0; height: 44px\0; }

.m-item-inner .supply-box2 .payment span.mastercard {width: 30px; background-image: url(../images/dhls/pay_mastercard.png); width:66px\0; height: 44px\0;}

.m-item-inner .supply-box2 .payment span.tt {width: 30px; background-image: url(../images/dhls/pay_tt.png); width:66px\0; height: 44px\0;}

.m-item-inner .supply-box2 .payment span.echecking {width: 70px; background-image: url(../images/dhls/pay_echecking.png); width:128px\0; height: 44px\0;}

.m-item-inner .supply-box2.choose{ width: 550px; margin-bottom: 0; display: none;}

.m-item-inner .summary-promotion-time{ position: relative; margin-left: 20px;}

.m-item-inner .supply-box2 .p-choose-wrap .label{ line-height: 46px; }

.m-item-inner .supply-box2 .p-choose-wrap .text li{ width: auto; }

.m-item-inner .supply-box2 .p-choose-wrap .text li img{ margin-top: -3px; }



/*店铺信息*/

.seller-pop{ border: 1px solid #DCDEE3;  background-color: #fff; float:none;}





/*商品详情*/

.goods_left{ width:962px; float:left;}

.goods_right{ float:right;}



.ecsc-goods-main,

.ecsc-single-desc,

.ecsc-goods-item,

.goods-detail-banner{ width: auto; }

.ecsc-goods-main,

.ecsc-single-desc,

.goods-detail-banner{ float: none; }

.goods-detail-title .tabs{ border-left: 1px solid #DCDEE3; }

.ecsc-single-desc{ padding-top: 37px; margin-top:37px;}

.goods-detail-title{ width: auto; height: 36px; margin-bottom: 0; border-bottom: 1px solid #DCDEE3; background: #F2F3F7;}

.goods-detail-title .tabs li{ border:0 none; border-right: 1px solid #DCDEE3; border-left: 1px solid #DCDEE3; border-top: 1px solid #DCDEE3;margin-right: 10px; height: 36px; line-height: 36px;}

.goods-detail-title .tabs li:hover{ background: #fff; }

.goods-detail-title .tabs li.current{ background: #fff; color: #666; border-color:  #DCDEE3; border-top: 2px solid #2A7AFB; height: 34px; line-height: 32px; border-bottom: 1px solid #fff;}

.goods-detail-title.goods-detail-mt{ width: 960px; top:0;}

.ecsc-goods-item{ padding:20px 20px 40px; background: #fff; float: none;}

.ecsc-goods-item.pinglun .goods-detail-title{ background: #fff; }

.tiezi .goods-detail-title .tabs .current a,

.tiezi .goods-detail-title .tabs .current a:hover{ color: #333; line-height: 16px;}

.tiezi .td1{ width: 815px; }



.ecsc-goods-main{ width: 960px; }

.ecsc-goods-item{ margin-bottom: 0; }

.tiezi{ margin-top: 0; }



.ecsc-goods-main .floors{ border: 1px solid #DCDEE3; border-width: 0 1px 1px }



.ecsc-goods-layout{ margin-top:10px;}

.goods_util{ height:60px; margin:-20px -20px 0;}

.goods_util ul,.goods_util li a{ height:58px; border-bottom:2px solid #ddd;}

.goods_util li{ float:left; margin-right:5px;}

.goods_util li a{ margin-bottom:-2px; line-height:58px; float:left; padding:0 20px; font-size:14px; color:#666;}

.goods_util li a:hover{ border-bottom-color:#116ffe; color:#116ffe;}

.goods_shux{}

.goods_shux h2{ font-size:14px; color:#000; padding-bottom:10px; padding-top:25px;}

.goods_shux dl.goods-para{ height: auto!important; margin-top:0; border-bottom:1px dotted #ccc; padding: 0 0 25px 0!important; border-left: none!important; border-right: none!important; float: none!important; }

.goods_shux dl.goods-para .column{ width:33.333%; line-height:20px; height:20px; color:#333;}

.goods_shux dl.goods-para .column div{ padding-left:100px; padding-right:20px; position:relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.goods_shux dl.goods-para .column span{ width:100px; line-height:20px; color:#999; position:absolute; left:0;}

.goods_delivery dl.goods-para .column{ width:100%; float:none; height:auto;}

.goods_detail{ padding-top:30px;}

.goods_detail .detail-hd{ }

.goods_detail .detail-hd h2{ font-size: 18px; font-weight: 700; padding-bottom: 6px; margin-bottom: 20px; border-bottom: 2px solid #C8D1E1;}

.goods-detail-faq{ padding:10px 0;}

.goods-detail-faq .item{ padding:5px 0;}

.goods-detail-faq h3{ font-size:17px; color:#000; padding-bottom:5px;}

.goods-detail-faq h4{ font-size:14px; color:#333;}

.goods-detail-shipping{ position: relative; }

.goods-basic-table{ width: 419px; float: left; margin-bottom: 20px;}

.goods-basic-table:first-child{ margin-right: 80px; }

.goods-basic-table td{ padding: 6px 0; font-size: 12px; line-height: 14px; }

.goods-basic-table td:first-child{ padding-right: 20px; width: 125px; }

.goods-basic-split{ position: absolute; border: 1px solid #C8D1E1; height: 69px; top: 20px; bottom: 20px; left: 49.8%; right:  auto; width: 0;}

.goods-stripe-table{ width: 100%; border-collapse: collapse; }

.goods-stripe-table td,

.goods-stripe-table th{ padding: 12px; text-align: left; border: 1px solid #C8D2E0; width: 50%; }

.goods-stripe-table tr:nth-child(2n-1){ background: #fff; }

.goods-stripe-table tr:nth-child(2n){ background: #F5F7FA; }

.trade-content-table{ line-height: 26px; margin-top: 31px; }



.dhls_feedback input:focus,.dhls_feedback select:focus,.dhls_feedback textarea:focus{ border-color:#70a5e0;}

.dhls_feedback{ border:1px solid #DCDEE3; background:#fff;}

.dhls_feedback .hd{ height:16px; line-height:16px; padding:15px 15px 0 15px; font-size:16px; color:#333; font-weight:700;}

.dhls_feedback .bd{ padding:15px;}

.dhls_feedback .bd dl{ font-size:14px; line-height:21px;}

.dhls_feedback .bd dt{ width:14%; float:left; text-align:right; color:#666;}

.dhls_feedback .bd dd{ margin-left:15%; float:none; color:#333; margin-bottom:7px;}

.dhls_feedback .bd .message{ position:relative; margin-right:250px;}

.dhls_feedback .bd textarea{ width:99%; height:165px; line-height:21px; outline:0;}

.dhls_feedback .bd .text{ color:#999;}

.dhls_feedback .bd .tishi{ position:absolute; top:0; right:-230px; padding:15px; border:1px solid #ccc; background:#fff; -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.13); -moz-box-shadow: 3px 3px 4px rgba(0,0,0,.13); box-shadow: 3px 3px 4px rgba(0,0,0,.13); font-size:12px; line-height:16px; color:#333; width:180px;}

.dhls_feedback .bd .tishi i{ position:absolute; left:-16px; top:10px;}

.dhls_feedback .bd .tishi b,.dhls_feedback .bd .tishi em{ position:absolute; top:0; left:0; width:0; height:0; border-color:rgba(255,255,255,0); border-color:transparent\9; _border-color:tomato; _filter:chroma(color=tomato); border-style:solid; overflow:hidden; border-width:8px; background:none; border-right-color:#fff;}

.dhls_feedback .bd .tishi b{ border-right-color:#ccc; left:-1px;}

.dhls_feedback .bd .tishi02{ white-space:nowrap; top:auto; bottom:25px; right:auto; left:170px; width:auto; display:none;}

.dhls_feedback .bd .tishi02 i{ left:10px; top:auto; bottom:0px;}

.dhls_feedback .bd .tishi02 b,.dhls_feedback .bd .tishi02 em{ border-right-color:rgba(255,255,255,0); border-top-color:#fff;}

.dhls_feedback .bd .tishi02 b{ border-top-color:#ccc; left:auto; top:auto; bottom:-1px;}

.dhls_feedback .bd .tishi02 i{ width:16px; height:16px; top:auto; bottom:-16px;}

.dhls_feedback .bd .tishi02 span{ display:block;}

.dhls_feedback .bd .form_control.on .tishi02{ display:block;}

.dhls_feedback .bd .tishi p{}

.dhls_feedback .tishi_wrapper{}

.dhls_feedback .tishi_wrapper h3{ font-size:18px; line-height:18px; color:#333; margin-bottom:5px;}

.dhls_feedback .tishi_wrapper .item{ position:relative;}

.dhls_feedback .tishi_wrapper .tit{ position:absolute; top:0; left:0; width:45px;}

.dhls_feedback .tishi_wrapper .val{ padding-left:45px;}

.dhls_feedback .bd .form_control{ position:relative;}

.dhls_feedback .inpit_text{ float:left; margin-right:5px; outline:0; padding:2px 1px; border:1px solid #a9a9a9; line-height:21px; color:#333; width:150px;}

.dhls_feedback .inpit_select{ float:left; outline:0; border:1px solid #a9a9a9; line-height:25px; height:27px; color:#333;}

.dhls_feedback .bd label{}

.dhls_feedback .bd label input{}

.dhls_feedback .from_button input{ font-size:18px; color:#fff; padding:0 20px; line-height:40px; border:0; cursor:pointer; background:#2a7afb; border-radius:3px;}

.dhls_feedback .from_button input:hover{ background:#ef7272;}



.seller-pop{}

.seller-pop .gold_medal{ background:#F5F7FA; height:30px; padding:0 15px; line-height:30px;}

.seller-pop .gold_medal i{ width:16px; height:16px; background:url(../images/dhls/trade_icon.png) no-repeat; display:inline-block; vertical-align:top; margin:8px 5px 0 0;}

.seller-pop .gold_main{ background:#fff;}

.seller-pop .gold_main ul{}

.seller-pop .gold_main li{ margin:0 12px; padding:8px 0; border-bottom:1px solid #e9eef5;}

.seller-pop .gold_main li i{ background:url(../images/dhls/shangjia_icon.png) no-repeat; display:inline-block; vertical-align:top;}

.seller-pop .gold_main li.info{}

.seller-pop .gold_main li.info a{ color:#969;}

.seller-pop .gold_main li.info p{ color:#999; padding-top:5px;}

.seller-pop .gold_main li.jiaoyi{ padding:15px 0;}

.seller-pop .gold_main li.jiaoyi i{ width:12px; height:17px; background-position:-3px 0; margin:0 10px;}

.seller-pop .gold_main li .text{ padding:7px 0; color:#b299a5;}

.seller-pop .gold_main li .text i{ width:17px; height:17px; margin:0 5px 0 20px;}

.seller-pop .gold_main li .text.item01 i{ background-position:0 -18px;}

.seller-pop .gold_main li .text.item02 i{ background-position:0 -36px;}

.seller-pop .gold_main li .text b{ color:#333;}

.seller-pop .gold_main li.sub{ border:0; padding:0; overflow:hidden}

.seller-pop .gold_main li.sub span{ width:92px; float:left; padding:12px 0; line-height:1.4; text-align:center;}

.seller-pop .gold_main li.sub span:first-child{ border-right:1px solid #e9eef5;}

.seller-pop .gold_main li.sub a{ font-size:12px;}



.you_like{ padding-top:20px;}

.you_like .hd{ font-size:14px; font-weight:700; margin-bottom:10px; color:#333;}

.you_like .bd{}

.you_like .bd ul{}

.you_like .bd li{}

.you_like .bd li .img{ float:left; border:1px solid #ddd;}

.you_like .bd li img{ width:100px; height:100px;}

.you_like .bd li .text{ float:right; width:100px;}

.you_like .bd li .tit{ max-height:52px; overflow:hidden; margin-bottom:5px;}

.you_like .bd li .text a{ color:#666; line-height:17px;}

.you_like .bd li .text a:hover{ color:#f90;}

.you_like .bd li .text p{ color:#999; line-height:1.3; display: none;}



.clear_history{font-weight:normal; float:right; font-size:12px;}

/* ------------------------- PAD端样式 ------------------------- */
@media only screen and (max-width: 1200px){
.w1200{ margin-left: 15px; margin-bottom: 30px; }

.ecsc-goods-layout{ width: 100%; }
.ecsc-goods-main{ width: 721px; }
.product-intro .intro-left{ width: auto; }
.m-item-inner{ width: 349px; }
.goods-detail-title.goods-detail-mt{ width: 100%; }
.goods-detail-mt{ position: static!important; }


.goods_left,.goods_right{ float: none; }
.you_like .bd li .img,.you_like .bd li .text{ float: none; }
.you_like .bd li .text{ height: auto!important; }
.you_like .bd li{ float: left; margin-right: 20px; height: 150px; }
.you_like{ padding-top: 0; }
.you_like .hd{ clear: both; margin-top: 20px; }

.goods-detail-banner img{ width: 100%; }
.goods-detail-services img{ width: 100%; }
.goods-detail-info img{ width: 100%; }

.goods-detail-banner p span{ font-size: 12px; line-height: 1.5; }
}


/* ------------------------- 移动端样式 ------------------------- */
@media only screen and (max-width: 768px){
.w1200{ width: 91%!important; }
.goods_left{ width: 100%; }
.product-intro .intro-left{ width: 100%; }
.preview{ width: 100%; border-right: none; }
.gallery_wrap,.spec-list{ width: 95%; }
.gallery_wrap a{ width: 100%!important; }
.gallery_wrap img{ width: 100%; }
.m-item-inner{ width: 100%; }
.ecsc-goods-main{ width: 100%; }
.goods_shux{ clear: both; }
.goods_shux dl.goods-para .column{ width: 90%; }
.clear_history{ float: none; margin-left: 20px; }

}