body{ font-family:"微软雅黑"; background:#f6f6f6}
.product-container{ width:1200px; height:auto; overflow:hidden; min-height:600px; margin:20px  auto;}
.filter-view{ width:100%; height:auto; overflow:hidden; background:#fff; min-height:30px; border-radius:1px; padding:10px 20px 0px 20px; box-sizing: border-box;}
.filter-item{ width:100%; display:flex; justify-content: space-around;box-sizing: border-box; border-bottom: 1px dashed #e6e6e6; margin-top: 10px; padding-bottom: 10px;}
.filter-item:last-child{ border-bottom: none !important;}
.filter-ele{ flex: 1; margin: 0px 10px; height: auto; max-height: 65px; overflow: hidden;}
.filter-ele-all{ height: auto !important;max-height: 400px !important;overflow-y: scroll;}

.filter-label{ width:70px; font-size:13px; font-weight:700; color:#333; line-height:28px; text-align:right;}
.ctag-btn{ display:inline-block;  background:none; border:none; font-size:12px; color:#5a5a5a; margin-right:10px; line-height:28px; cursor:pointer; padding:0px 6px; margin-bottom: 5px; border-radius:3px;}
.filter-ele button.hover,.filter-ele button:hover{ color:#fff; background:#e1251b;}
.more-filter{ width: 60px; height:28px; border: 1px solid #e6e6e6; background: #fff; font-size: 12px; cursor: pointer; line-height: 26px; box-sizing: border-box; color: #666; border-radius: 2px;}
.more-filter:hover{ border: 1px solid #e1251b; color: #e1251b;}
.more-filter i{ font-size: 12px;}
.more-filter-right{ width: 80px; text-align: right;}
.my-filter-view{ width: 100%; height: auto; padding: 10px 10px; border-top: 1px solid #e6e6e6; background: #fff; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box;}
.my-filter-list{ display: flex; align-items: center; flex-wrap: wrap; flex:1;}
.my-filter-item{ height: 24px; line-height: 22px; border: 1px solid #ddd; display: flex; align-items: center; background: #fff; font-size: 12px; padding-left: 5px; color: #666; margin-right: 10px;}
.my-filter-item .close{  background: #f2f2f2; color: #333; border: none; height:22px; width: 24px; margin-left: 7px; cursor: pointer; margin-right: 1px;}
.my-filter-item span{ color: #f00;}
.my-filter-item:hover{ border: 1px solid #f00;}
.my-filter-item:hover .close{ background: #f00; color: #fff;}

.cleanfilter{ height: 28px; background: #f4f4f4; color: #999; padding: 0px 8px; line-height: 28px; border-radius:2px; cursor: pointer; color: #000;}

.order-view{ padding-bottom:10px; height: 44px;}
.ord-btn{ border:none; background:none; font-size:13px; margin-left:20px; margin-right:20px; cursor:pointer; color:#999;}
.ord-btn span{ font-size:13px;}
.ord-btn.hover{ color:#e1251b;}
.pre-next-btn{ height: 24px; width: 24px; background: #f8f8f8; border: 1px solid #e6e6e6; font-size: 12px; color: #999;}
.pre-next-btn i{ font-size: 12px; cursor: pointer;}
.curtotalpro{ margin-right: 10px; font-size: 13px; color: #333;}
.curtotalpro span{ color: #f00; font-family: Arial;}

.prolist{ width:1200px; height:auto; overflow:hidden; margin:30px auto;}
.prolist ul{ width:1220px; height:auto; overflow:hidden;}
.prolist ul li{ width:230px; height:auto; overflow:hidden; padding:10px 10px; box-sizing:border-box; background:#fff; border-radius:2px; float:left; margin-right:12px; margin-bottom:12px; border: 1px solid #fff; position: relative;}
.prolist ul li:hover{ border: 1px solid #f00;}
.prolist ul li a.pic{ width:100%; height:210px; display:block; background:url(../images/defpro.jpg) no-repeat center center;}
.prolist ul li a.pic img{ display:block;}
.prolist ul li .pro-price{ width:100%; height:24px; margin-top: 6px; line-height:24px; overflow:hidden; color:#f00; font-size: 12px;}
.prolist ul li .pro-price b{ font-size:18px; font-family:Arial; font-weight:500;}
.prolist ul li .pro-price span{ color:#999; text-decoration:line-through; font-size:13px;}
.prolist ul li .pro-name{ width:100%; height:44px; line-height:22px; font-size:14px; font-weight:500;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all; overflow:hidden; margin-top: 5px;}
.prolist ul li .pro-name a{ color:#333;}
.prolist ul li .pro-name a:hover{ text-decoration:underline; color:#c00;}
.prolist ul li .pro-shop-count{ width:100%;font-size:12px; margin:5px auto;}
.prolist ul li .pro-shop-count .shopname{flex:1; font-size: 12px; color: #999; overflow: hidden; height: 20px; line-height: 20px;}
.prolist ul li .pro-shop-count .sellcount{color: #38b;}
.prolist ul li .pro-tag{ width:100%; height:24px; overflow:hidden; margin-top:10px;}
.prolist ul li .joinCart{ position: absolute; right: 10px; bottom: 10px; height: 30px; width: 30px; background: #c00; border-radius: 50%; overflow: hidden; text-align: center; line-height: 30px; color: #fff; cursor: pointer;}
.pro-list-recom{ width:1200px; height:auto; overflow:hidden; margin:50px auto 50px; background:#fff; border:1px solid #dedede; box-sizing:border-box;}


/**产品详情*/
.pro-detail-warp{ width:1200px; height:auto; overflow:hidden; margin:10px auto 30px auto;}
.pro-detail-left{ width:970px; height:auto; overflow:hidden; float:left;}
.pro-onea-info{ width:100%; min-height:400px; overflow:hidden;}

.pro-preview-warp{ width:380px; height:auto; overflow:hidden; float:left; margin-right:20px;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; width:100%; height:100%; overflow:hidden; cursor:move;}
.jqzoom img{ background:url(../images/loading.gif) no-repeat center center;}
.zoomdiv{z-index:5;position:absolute;top:0px;left:0px;width:380px;height:400px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:4;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;background:url(../images/mouse_mask.png);}



/*图片小图预览列表*/
.spec-preview{width:380px;height:380px;border:1px solid #DFDFDF; overflow:hidden; box-sizing:border-box;}
.spec-scroll{clear:both;margin-top:5px;width:100%;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:56px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:345px;height:58px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:1000px;height:60px;}
.spec-scroll .items ul li{float:left;width:70px;text-align:center; cursor:pointer;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:52px;height:52px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

.pro-base-info{ width:570px; float:left; height:auto; overflow:hidden;}
.pro-base-info .pro-name{ width:100%; font-weight:530; line-height:22px; height:auto; font-size:20px; color:#000; margin-bottom:10px;}
.pro-base-info .pro-intro{ width:100%; height:auto; overflow:hidden; font-size:13px; color:#f00; line-height:20px; margin:5px auto;}
.pro-base-info .pro-price{ width:100%; height:48px; background:url(../images/detail_price_bg.jpg) no-repeat center center; background-size:100% auto; margin:10px auto 10px auto; box-sizing:border-box; position:relative; display: flex; align-items: center;font-size: 13px; color: #999;}
.pro-base-info .pro-price span{ font-size: 14px; color: #f00;}
.pro-base-info .pro-price b{ font-size:26px; color:#f00; font-family:Arial; }
.pro-iteminfo{ width: 100%; height: auto; overflow: hidden; display: flex; padding:6px 0;}
.pro-iteminfo .pro-params-key{ width: 75px;font-size: 12px; color: #999; padding: 0px 10px; box-sizing:border-box; line-height: 20px;}
.pro-iteminfo .pro-params-info{flex: 1; height: auto; overflow: hidden;font-size: 12px; color: #000; line-height: 20px;}

.pro-spec-area dl{ width:100%; height:auto; min-height:40px; padding:10px 0px 0px 60px; box-sizing:border-box; border-bottom:1px dotted #ddd; position:relative;}
.pro-spec-area dl dt{ position:absolute; left:0; top:10px; line-height:30px; width:60px; letter-spacing:4px;}
.pro-spec-area dl dd{ width:100%; height:auto; overflow:hidden;}
.pro-spec-area dl dd a.spec_elem{ padding:1px 8px; height:34px; display:block; border:1px solid #ddd; float:left; line-height:32px; box-sizing:border-box; font-size:12px; color:#666; margin-right:12px; margin-bottom:10px; overflow:hidden; position:relative;}
.spec_elem_img{ padding:1px 1px !important;}
.spec_elem_img img{ display:block;}
.pro-spec-area dl dd a.hover{ border:1px solid #c00 !important;}
.pro-spec-area dl dd a.hover:after{ width:13px; height:13px; content:" "; display:block; position:absolute; right:0; bottom:0; background:url(../images/speccheck.png) no-repeat center center;}

.pro-buy-area{ width:100%; height:auto; overflow:hidden; margin:0px auto;}
.minus-plus{ width:120px; height:auto; overflow: hidden; float:left;}
.buy-num-btn{ width:32px; height:30px; line-height: 30px; float:left; background:#fff; border:1px solid #ddd; cursor:pointer; box-sizing:border-box; font-size:14px; color:#999;}
.pro-buy-count{ width:50px; height:30px; line-height: 30px; text-align:center; border:none; box-sizing:border-box; border-top:1px solid #ddd; border-bottom:1px solid #ddd; float:left;}
.pro-num-info{ line-height:30px; font-size:13px; color:#666;}

.pro-buy-btn-area{height:auto; overflow:hidden; margin:15px auto 0 auto; margin-left:75px; display: flex; align-items: center;}
.pro-buy-btn{ width:140px; text-align:center; height:40px; border:none; cursor:pointer; border-radius:1px; margin-right:15px; display: inline-block;}
.join-cart-btn{ background:#ffeded; border:1px solid #FF0036; color:#FF0036;}
.buy-now-btn{ background:#ff0036; border:1px solid #ff0036; color:#fff;}
.online-service{ background: #fb7701; font-size: 13px !important; line-height: 40px; color: #fff;}
.online-service:hover{ opacity: 0.9; color: #fff;}
.suc-tips{ width:100%; height:auto; overflow:hidden; padding:10px 10px; box-sizing:border-box;}
.suc-tips-title{ color:#333; font-size:14px; line-height:50px; font-weight:600; width:100%}
.suc-tips-title i{ position:relative; top:10px;}
.suc-tips-btn{ width:100%; height:auto; overflow:hidden; margin:15px auto 20px auto; padding-left:40px; box-sizing:border-box;}
.suc-tips-btn a{ display:inline-block;}
.suc-tips-ul{ width:100%; height:auto; overflow:hidden; min-height:80px;}
.suc-tips-ul li{ width:100px; height:auto; overflow:hidden; float:left; margin:10px 6px 5px 6px;}
.suc-tips-ul li a.pic_a{ width:100%; height:100px; display:block; padding:1px 1px; box-sizing:border-box; border:1px solid #ddd;}
.suc-tips-ul li a.pic_a:hover{ border:1px solid #f00;}
.suc-tips-ul li a.name_a{ width:100%; height:36px; line-height:18px; font-size:12px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all; margin:5px auto 0px auto;}
.suc-tips-ul li a.name_a:hover{ color:#f00; text-decoration:underline;}
.suc-tips-ul li b{ font-family:Arial, Helvetica, sans-serif; color:#c00;}

.look-and-look{ width:180px; float:right;height:443px; overflow:hidden; box-sizing:border-box; border:1px solid #eeeeee;}
.look-and-ul{ width:100%; height:auto; overflow:hidden; padding:0px 22px; box-sizing:border-box;}
.look-and-ul li{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.look-and-ul li a{ width:135px; height:135px; display:block; margin:0 auto;}
.look-and-ul li .proname{ width:100%; height:20px; line-height:20px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:13px; color:#000; margin:6px auto 3px auto;}
.look-and-ul li .webprice{ color:#f00; font-size:15px; font-family:Arial;}


.recom-hot-pro{ width:220px; height:auto; overflow:hidden; min-height:200px; border:1px solid #f5f3f3; float:left;}
.recom-hot-ul{ width:100%; height:auto; overflow:hidden; padding:0px 10px; box-sizing:border-box;}
.recom-hot-ul li{ width:100%; height:auto; overflow:hidden; margin-top:10px; margin-bottom:20px;}
.recom-hot-ul li a{ width:200px; height:200px; display:block; margin:0 auto;}
.recom-hot-ul li .proname{ width:100%; max-height:36px; line-height:18px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;font-size:13px; color:#000; margin:6px auto 3px auto;}
.recom-hot-ul li .webprice{ color:#f00; font-size:15px; font-family:Arial;}
.recom-hot-ul li .proname:hover{ color:#f00; text-decoration:underline;}
.pro-content{ float:right; width:960px; height:auto; overflow:hidden;}
.procontent{ width:100%; height:auto; overflow:hidden; padding: 15px 15px; box-sizing: border-box; font-size: 14px; line-height: 1.8; color: #333;}
.procontent img{ max-width:100%; line-height:1.8;}
.specattrsdl{ display: flex; font-size: 13px; padding: 10px 0px; height: auto; overflow: hidden; width: 100%;}
.specattrsdl dt{ width: 150px; text-align: right; color: #777;}
.specattrsdl dd{ flex: 1; color: #222;}
#origin{padding-left:20px;margin-top:10px}
#origin .title{font-size:16px;color:#433E33;font-weight:600;margin-top:20px;margin-left:30px;position:relative}
#origin .title em{font-style:normal;width:24px;height:24px;background:url("../images/detail.png");position:absolute;left:-39px}
#origin .title:first-child{margin-top:0px}
#origin .content{font-size:12px;color:#666;margin-top:10px;margin-left:30px}
.ul-parameter{ width: 100%; height: auto; overflow: hidden; padding: 15px 15px; box-sizing: border-box;}
.parameter-brand{ margin: 0px auto 20px auto; width: 100%; height: auto; overflow: hidden;}
.parameter-brand li{ float: left; padding-left: 40px; width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; font-size: 13px;}
.parameter-brand li a{ color: #0d97e7;}

.parameter-other-list{ margin: 10px auto; width: 100%; height: auto; overflow: hidden;}
.parameter-other-list li{ float: left; padding-left: 40px; width: 250px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; float: left; font-size: 12px; line-height: 1.8; color: #222;}
.parameter-other-list li a{ color: #0d97e7;}

.salebrandcount{ font-size: 16px; color: #000;}
.salebrandcount b{ color: #f00; font-family: Arial, Helvetica, sans-serif;}
.brand-item{ float: left; width:222px; margin-right: 10px; border: 1px solid #e6e6e6; height:90px; padding: 10px 15px; box-sizing: border-box; margin-top:20px; border-radius: 5px; overflow: hidden;}
.brand-item:hover{color: #f00 !important; border: 1px solid #f00; cursor: pointer;}
.brand-item .brand-name{ font-size: 16px; font-weight: bolder; color: #000; height: 40px;}
.brand-item .brand-salepro{ color: #888; font-size: 14px; margin-top: 5px;}