@charset "utf-8";
* { margin: 0px; padding: 0px; }
img { border: none; }
a { text-decoration: none !important; }
.clear { clear: both; }
abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video { display: block; }
address { display: inline; }
* { padding: 0px; margin: 0px; }
body { font-family: "微软雅黑"; }
ul, li, image, h1, h2, h3, h4, dl, dt, dd, p, span, a { padding: 0; margin: 0; list-style: none; border: 0; font-family: "微软雅黑", "Arial"; }
h1, h2, h3, h4 { font-family: "微软雅黑"; border: 0px; margin: 0px; padding: 0px; font-weight: normal; }
img { padding: 0px; border: 0px; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: none; text-decoration: underline; }
.fl { float: left; }
.fr { float: right; }
.fr.fl { display: inline; }
.mauto { margin: 0 auto; width: 1240px; }
.txt_c { text-align: center; }
.f12, .f14, .f16, .f18, .f20, .f24 { font-weight: normal; color: #333333; font-family: "Microsoft YaHei", "微软雅黑"; }
.f12 { font-size: 12px; font-family: "Microsoft YaHei", "微软雅黑"; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f24 { font-size: 24px; }
input, button, select, textarea { outline: none; border: 1px solid #d6d6d6; ; background: none; padding: 5px; }
textarea { resize: none }
.clearfix { overflow: initial; overflow: unset }
.pdimg{margin-top:10px;margin-bottom:80px;}
.showbot { float: left; width: 33% }
#showbox { background: #eee; }
#showbox img { width: 100%; }
#showbox span { background: url(../images/whitebg.png) repeat; }
#showsum {width:auto !important;margin-top: 10px;}
#showsum span { border: 1px solid #ddd; height:65px !important; width:65px !important; }
#showsum span img{ height:65px !important; width:65px !important;}
#showsum span.sel { border: 1px solid #f60; }
.showpage { width: 100%; position: relative; }
.showpage a {display: block;width: 15px;border: 1px solid #ddd;height: 65px;line-height: 60px;text-align: center;font-size: 18px;position: absolute;left: 0;top: -72px;text-decoration: none;color: #999;background: #f7f7f7;}
.showpage a#shownext { left: auto; right: 0; }
.showpage a:hover { background: #ccc; color: #777; }
.showall { width: 1280px; margin: 0 auto; margin-top: 15px; }
.tb-property { width: 65%; height: 520px; margin-left: 20px; float: left; }
.extInfo { width: 220px; height: 520px; float: right; }
.tr-nobdr { margin-top: 20px; padding-bottom: 10px; }
.tr-nobdr h3 { color: #171717; font-size: 26px; line-height: 32px; margin-bottom: 4px; }
.summary { width: 84%; line-height: 18px; font-size: 12px; color: #999; }
.promotion-wrap { width: 100%; background-color: #fff; margin-top: 2px; }
.pro-tit { color: #999; font-size: 12px; line-height: 18px; margin-top: 4px; }
.d-gift-info { margin: 2px 0 4px 34px; }
.d-gift-type { padding: 0 5px; height: 18px; line-height: 18px; text-align: center; border: 1px solid #c00002; color: #c00000; margin-right: 6px; font-size: 12px; cursor: pointer; }
.d-gift-text { color: #333; font-size: 12px; }
.txt { width: 100%; overflow: hidden; margin-bottom: 26px; margin-top: 18px; padding: 10px; background-color: #f9f9f9; }
.price-line { margin-top: 12px; margin-bottom: 12px; height: 37px; overflow: hidden; vertical-align: bottom; line-height: 40px; font-size: 30px; }
.nowprice { color: #c00000; line-height: 30px; overflow: hidden; }
.nowprice .price-f { margin-right: 3px; font-size: 14px; vertical-align: 0; }
.nowprice .price-q { margin-right: 3px; font-size: 14px; vertical-align: 0; }
.nowprice .price-old { margin-left: 14px; font-size: 12px; vertical-align: 0; text-decoration: line-through; color: #ccc; }
.nowprice .pricevilue { font-size: 30px; vertical-align: 0; }
.cumulative { margin-bottom: 12px; vertical-align: bottom; line-height: 24px; font-size: 24px; }
.service-item { float: left; overflow: hidden; min-height: 24px; margin-right: 13px; line-height: 24px; font-size: 16px; }
.service-item-text { margin-left: 8px; line-height: 16px; }
.m-icons { display: inline-block; background-image: url(../images/yp-icons.2bf57ccf.png); }
.m-icons-service { width: 16px; height: 16px; background-position: 0 -215px; }
.minus-btn { float: left; width: 34px; height: 30px; border: 1px solid #d6d6d6; line-height: 28px; text-align: center; color: #d6d6d6; }
.m-icons-reduce { width: 30px; height: 30px; background-position: 0 -1390px; }
.count-input { float: left; width: 60px; height: 30px; padding: 0; border: 1px solid #d6d6d6; border-left-width: 0; border-right-width: 0; text-align: center; font-weight: 700; font-size: 14px; color: #333; outline: none; }
.minus-btn-active { float: left; width: 34px; height: 30px; border: 1px solid #d6d6d6; line-height: 28px; text-align: center; color: #d6d6d6; }
.m-icons-add-active { width: 30px; height: 30px; background-position: 0 -1050px; }
.number { float: left; margin-top: 30px; padding: 0px 10px; border-right: #e7e7e7 solid 1px; font-size: 14px; text-align: center; color: #bfbfbf; }
.number em { color: #5885c6; font-style: normal }
.tyu { border: none; }
.txt-h { width: 520px; overflow: hidden; }
.size-line { margin-bottom: 14px; padding: 0 10px; }
.sku-title { float: left; font-size: 12px; font-weight: 400; line-height: 32px; vertical-align: bottom; margin-right: 10px; width: 48px; }
.size-container { float: left; width: 433px; overflow: hidden; }
.tag-item-onSaled { border: 1px solid #d6d6d6; float: left; margin-right: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4px 20px; color: #333; line-height: 22px; font-size: 14px; text-align: center; margin-bottom: 14px; -webkit-transition: all .5s cubic-bezier(0, 1, .5, 1); -o-transition: all .5s cubic-bezier(0, 1, .5, 1); transition: all .5s cubic-bezier(0, 1, .5, 1); text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.tag-item-onSaled a:hover { color: #ff0000; }
.tag-item-onSaled:hover { cursor: pointer }
.tag-item-onSelected { border: 1px solid #845f3f; float: left; margin-right: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4px 20px; color: #845f3f; line-height: 22px; font-size: 14px; text-align: center; margin-bottom: 14px; -webkit-transition: all .5s cubic-bezier(0, 1, .5, 1); -o-transition: all .5s cubic-bezier(0, 1, .5, 1); transition: all .5s cubic-bezier(0, 1, .5, 1); text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.tag-item-onSelected:hover { cursor: pointer }
.tag-item-offSaled { border: 1px dashed #d6d6d6; float: left; margin-right: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4px 20px; color: #333; line-height: 22px; font-size: 14px; text-align: center; margin-bottom: 14px; -webkit-transition: all .5s cubic-bezier(0, 1, .5, 1); -o-transition: all .5s cubic-bezier(0, 1, .5, 1); transition: all .5s cubic-bezier(0, 1, .5, 1); text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.tag-item-offSaled:hover { cursor: pointer }
.count-line { overflow: hidden; margin-bottom: 40px; }
.count-title { float: left; line-height: 32px; margin-left: 10px; margin-right: 10px; }
.tex-o { float: left; font-size: 14px; line-height: 80px; padding-right: 20px; color: #848484; }
#glist { padding-top: 25px; }
#glist li { float: left; padding-right: 10px; }
#glist li a { padding: 5px 8px; color: #222222; font-size: 16px; border: #e3e3e3 solid 1px; display: block; }
#glist li a:hover { border: #f73a3a solid 1px; text-decoration: none; color: #f73a3a; }
.gcIpt { height: 70px; }
.guT { color: #848484; font-size: 14px; padding-right: 18px; line-height: 70px; }
.gcIpt input { border: #e3e3e3 solid 1px; padding: 5px 8px; color: #848484; font-size: 16px; }
.nobdr-btns { padding-top: 25px; }
.Hgt { color: #424242; font-size: 14px; padding-left: 10px; }
.addcart { background: #fd532d; padding: 0px 50px; border-radius: 4px; color: #FFFFFF; margin-right: 10px; font-size: 16px; line-height: 50px; }
.yh { background: #e60013; }
.addcart img { vertical-align: middle; margin-bottom: 3px; padding-right: 5px; }
.guarantee { height: 50px; }
.guarantee span { color: #666666; font-size: 14px; line-height: 50px; }
.guarantee span a img { vertical-align: middle; margin-bottom: 3px; }
.brand-logo { width: 220px; height: 85px; border-top: #eeeeee solid 1px; border-bottom: #eeeeee solid 1px; text-align: center; }
.brand-logo a img { margin-top: 10px; }
.seller-pop-box { width: 200px; overflow: hidden; padding: 10px 0px 10px 20px; }
.tr { color: #666666; display: block; width: 200px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2; }
.tr.hoh a { color: #005aa0; }
.tr.hoh a:hover { text-decoration: none; }
.seller-phone { width: 220px; height: 85px; overflow: hidden; }
.pop { float: left; margin: 0px 0px 10px 18px; }
.pop a { color: #666666; background: #f9f9f9; border: #cdcdcd solid 1px; display: block; width: 80px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; }
.pop a:hover { color: #000000; text-decoration: none; }
.pop a img { vertical-align: middle; margin-bottom: 3px; margin-right: 4px; }
.jd-service { width: 220px; text-align: center; margin-top: 10px; }
.jd-service img:hover { transform: rotateY(360deg); transition: 1s; }
.suport-icons { width: 220px; text-align: center; }
.suport-icons h4 { color: #666666; }
.suport-icons img { padding-top: 10px; }
.suport-icons img:hover { transform: scale(1.1); transition: 1s; }
/*   推荐搭配    */
.pdinfo {display: inline-block;margin: 40px 310px 5px;}
.gdetail { width: 1280px; margin: 0 auto;  }
.dp_wrap_title { display: block; width: 1240px; height: 30px; overflow: hidden; color: #666666; font-size: 16px; }
.dp_wrap { width: 1240px; overflow: hidden; border: 1px solid #e5e5e5; }
.dq_total_wrap { background-color: #F8F8F8; width: 200px; height: 250px; float: right; overflow: hidden; font-size: 14px; }
.icon_equal { background-color: #FFFFFF; font-size: 30px; text-align: center; font-weight: bold; width: 40px; color: #d2d2d2; line-height: 250px; display: inline-block; }
.dp_num { width: 150px; display: inline-block; color: #666666; font-size: 14px; line-height: 2; text-align: center; margin-top: 10px; }
.dq_price { display: inline-block; color: #666666; }
.dq_price span { color: #f63c30; font-size: 20px; }
.get { width: 115px; height: 38px; background: #f63c30; color: #FFFFFF; font-size: 14px; margin-top: 5px; }
.dq_ori { height: 250px; width: 170px; text-align: center; background: #fefefe; border-right: #E5E5E5 solid 1px; float: left; }
.dq_ori_prd { display: block; margin: 30px auto 15px; }
.dq_ori_prd img { width: 120px; height: 120px; vertical-align: top; }
.ori_prd { display: block; color: #666666; font-size: 14px; padding: 0px 10px; }
.ori_prd:hover { text-decoration: none; color: #fd532d; }
.dp_wrap_pprice_ori { color: #fd532d; line-height: 2; }
.dp_prd { display: block; overflow: hidden; float: left; }
.scroll_wrap { width: 740px; float: left; }
.icon_plus { width: 30px; font-weight: bold; text-align: center; font-size: 30px; color: #d2d2d2; line-height: 250px; display: inline-block; }
.dp_p_wrap { display: inline-block; float: right; text-align: center; width: 170px; }
.dp_wrap_pimg { display: block; margin: 30px auto 15px; }
.dp_wrap_pimg img { width: 120px; height: 120px; vertical-align: top; }
.dp_wrap_pname { display: block; padding: 0px 10px; font-size: 14px; color: #666666; }
.dp_wrap_pname:hover { text-decoration: none; color: #fd532d; }
.dp_wrap_pprice { font-size: 14px; color: #fd532d; margin-top: 10px; }
/* 商品评价 */
.ac-mod-list { width: 90%; margin: 0 auto; margin-bottom: 15px; text-align: center; }
.ac-mod-list dt { padding: 5px; }
.ac-mod-list dt img { width: 100%;}
.ac-mod-list dd { color: #424242; font-size: 14px; }
.ac-mod-list dd span { display: block; color: #e31939; line-height: 2; }
.detail { float: left; margin-left: 0.8%; width: 74%; }
.sticky { position: fixed; top: 0; }
.aside { width: 25%; float: left; border: #ebebeb solid 1px; }
.aside h3 { width: 95%; padding: 5px; /*background: #fcfcfc; border-bottom: #ebebeb solid 1px; */ float: left; font-size: 14px; color: #424242; line-height: 40px; }
.aside h3 span { float: right; color: #b7b7b7; line-height: 45px; font-size: 12px; }
.aside h3 span img { vertical-align: middle; margin-bottom: 2px; padding-right: 5px; }
.active_tab { width: 100%; margin: 0 auto; margin-bottom: 20px; border-bottom: #e4393c solid 1px; height: 37px; line-height: 37px; background: #f7f7f7; }
.active_tab a { color: #666666; font-size: 14px; text-decoration: none; }
.active_tab a:hover { color: #ffffff; text-decoration: none; }
.act_title_left { float: left; width: 100%; }
.act_title_left li { float: left; width: 150px; color: #666666; text-align: center; height: 37px }
.act_active { background: #e4393c; border-bottom: none !important; color: #ffffff; }
.act_active a { color: #ffffff; font-size: 14px; }
.act_title_right { float: right; }
.mui-ac { background: #e4393c none repeat scroll 0 0; float: left; font-size: 14px; height: 25px; margin-top: 10px; line-height: 25px; margin-left: 20px; padding: 0 8px; }
.mui-ac a { color: #ffffff; }
.mui { float: left; margin-top: 2px; }
#mui-a { color: #666666; }
#mui-a:hover { color: #666666; }
.active_list { width: 100%; margin: 0 auto; }
.active_list a { text-decoration: none; }
#uia { width: 100%; height: 100%; overflow: hidden; }
#uia ul { width: 100%; margin: 0 auto; }
#uia ul li { width: 100%; height: 100%; color: #424242; font-size: 14px; line-height: 2; overflow: hidden; }
#uia ul li img { width: 100%; height: 100%; display: block; }
#uia ul p { float: left; line-height: 2; font-size: 14px; color: #424242; width: 60%; }
.morejia { background: #f00 none repeat scroll 0 0; border-radius: 15px; color: #fff; display: block; float: right; font-size: 12px; margin: 20px 0; padding: 2px 5px; }
.morejia:hover { color: #fff; }
#uib { width: 100%; height: 100%; overflow: hidden; }
#uib ul { width: 100%; margin: 0 auto; }
#uib ul li { width: 100%; height: 100%; overflow: hidden; }
#uib ul li img { width: 100%; height: 100%; display: block; }
#uib ul p { float: left; line-height: 2; font-size: 14px; color: #424242; }
@media only screen and (max-width: 1680px) {
.pdinfo {display: inline-block;margin: 40px 200px 5px;} 
}
@media only screen and (max-width: 1440px) {
.pdinfo {display: inline-block;margin: 40px 80px 5px;} 
}
@media only screen and (max-width: 1400px) {
.pdinfo {display: inline-block;margin: 40px 60px 5px;} 
}
@media only screen and (max-width: 1366px) {
.pdinfo {display: inline-block;margin: 40px 43px 5px;} 
}
@media only screen and (max-width: 1360px) {
.pdinfo {display: inline-block;margin: 40px 40px 5px;} 
}
@media only screen and (max-width: 1280px) {
.showall { width: 100%;}
.gdetail { width: 100%;}
.pdinfo {display: inline-block;margin: 40px 0px 5px;} 
}
@media only screen and (max-width: 1100px) {
.txt { width: 98%; }
.tb-property { width: 55%; }
.showbot { width: 40%; margin-left:1%;}
.showall { width: 100%; }
.gdetail { width: 100%; }
.showpage {width: 410px;margin-top:0px;}
.showpage a {width: 15px; height: 65px; line-height: 65px;}
#showsum {left: 0px;}
#showsum span {/*margin-left: 0px !important;*/}
.act_title_left {width: 100%;}
}

 @media only screen and (max-width: 880px) {
.tr-nobdr h3 {font-size: 16px;}
.summary {width: 100%;line-height: 28px;font-size: 9px;}
.nowprice .pricevilue {font-size: 20px;}
.price-line {margin-top: 0px;}
.service-item {min-height: 14px;line-height: 14px;font-size: 10px;}

.txt {width: 96%;margin-top: 5px;}
.txt-h {width: 100%;}
.tb-property { width: 100%; margin-left: 5px;}
.showbot { width: 98%;margin-left:1%; margin-right:1%; }
.showall { width: 100%; }
.gdetail { width: 100%; }
.size-container { float: left; width: 85%; }
.showpage { width: 100%;  }
#showsum { left: 18px; width: 90% !important; }
#showsum span { margin-left: 5px !important; }
.sku-title {width: 10%;}
.tag-item-onSaled {font-size:9px;}
.pdinfo {margin-top: 0px;}
.aside {width: 98%;float: left;border: #ebebeb solid 1px;margin-left:1%;}
.ac-mod-list {width: 50%;float: left;}

.detail {width: 98%;margin: 10px 1%;}
.act_title_left li {width: 25%;}
.ac-mod-list dt img {width: 90%;height: auto;}
.act_title_left {width: 100%;}
}

@media only screen and (max-width: 768px) {
.txt {width: 96%;}
.pdinfo {margin-top: 80px;}
}

@media only screen and (max-width: 414px) {
.txt {width: 92%;}
}


/* @media only screen and (max-width: 768px) {
.tr-nobdr h3 {font-size: 16px;}
.summary {width: 100%;line-height: 28px;font-size: 9px;}
.nowprice .pricevilue {font-size: 20px;}
.price-line {margin-top: 0px;}
.service-item {min-height: 14px;line-height: 14px;font-size: 10px;}

.txt {width: 92%;margin-top: 5px;}
.txt-h {width: 100%;}
.tb-property { width: 100%; margin-left: 5px;}
.showbot { width: 98%;margin-left:1%; margin-right:1%; }
.showall { width: 100%; }
.gdetail { width: 100%; }
.size-container { float: left; width: 85%; }
.showpage { width: 100%;  }
#showsum { left: 18px; width: 90% !important; }
#showsum span { margin-left: 5px !important; }
.sku-title {width: 10%;}
.tag-item-onSaled {font-size:9px;}
.pdinfo {margin-top: 80px;}
.aside {width: 98%;float: left;border: #ebebeb solid 1px;margin-left:1%;}
.ac-mod-list {width: 50%;float: left;}

.detail {width: 98%;margin: 10px 1%;}
.act_title_left li {width: 25%;}
.ac-mod-list dt img {width: 90%;height: auto;}
.act_title_left {width: 100%;}
}*/
