﻿@charset "utf-8";
/* CSS Document */
/**/
.nch-breadcrumb-layout { text-align: center;}
.nch-breadcrumb { font-size: 0; *word-spacing:-1px/*IE6ã€7*/; text-align: left; height: 20px; padding: 15px 0; margin: 0 auto;}
.nch-breadcrumb span { font-size: 12px; line-height: 20px; color: #999; letter-spacing: normal; word-spacing: normal; display: inline-block;*display: inline/* IE6,7*/; height: 20px; zoom: 1;}
.nch-breadcrumb i { font-size: 14px; color: #AAA; margin-right: 4px;}
.nch-breadcrumb span.arrow { font-family: "å®‹ä½“"; line-height: 20px; color: #AAA; margin: 0 6px;}
.nch-breadcrumb a { color: #777; display: block; }
.nch-breadcrumb a:hover { color: #ec5151;}

#tblBusyTypeOfLocalGroup{ float:left; border-left:1px solid #dcdcdc;font-family:"microsoft yahei";}
#tblBusyTypeOfLocalGroup li{ float:left; height:31px; line-height:31px; *line-height:29px; font-size:14px; padding:0 35px; border:1px solid #dcdcdc; border-bottom:0; border-left:0; cursor:pointer;}
#tblBusyTypeOfLocalGroup li.current{ background:#ec5051; border-color:#ec5051; color:#fff; margin-left:-1px;}
#tblBusyTypeOfLocalGroup li.first{ margin-left:-1px;}
#tblBusyTypeOfLocalGroup li a.current {color:#fff;}

.street-filter-wapper{ border:1px solid #eeeeee; padding:30px 18px 5px 18px; margin-bottom:10px;}
.street-filter-wapper .filter_title{ height:30px; line-height:30px; color:#484848; margin-bottom:10px;}
.street-filter-wapper .filter_classify{ overflow:hidden;}
.street-filter-wapper .s-line{ float: left;width: 100%;border-bottom: 1px dashed #ccc;margin-bottom:5px;}
.street-filter-wapper .s-line:last-child { border-bottom:none; }
.street-filter-wapper .sl-key{width: 80px;font-size:14px;color:#3f3f3f;font-family:"microsoft yahei";font-weight:bold;float:left;text-align:left;}
.street-filter-wapper .sl-value{float:left;width:980px;}
.street-filter-wapper .sl-value li{float:left;padding-right:5px;min-width: 40px;padding-bottom: 10px;}
.street-filter-wapper .sl-value li a{ height:18px; border:1px solid #fff; padding:0 5px; color:#0070b0; float:left;}
.street-filter-wapper  .sl-value li a:hover{ color:#EC5051;}
.street-filter-wapper .sl-value li.curr a{ border-color: #ec5051;color: #EC5051;}
.street-filter-wapper .sl-value li:hover a{ border-color: #ec5051;color: #EC5051;}
.street-filter-wapper .sl-value input.pr {border: #d0d0d0 solid 1px;height: 18px;line-height: 18px;width: 53px;padding: 0 5px;vertical-align: middle;}

.street-filter-sort{ width:1200px; margin:0 auto;}
.street-filter-sort .filter-sortbar{ width:1198px; height:35px; border:1px solid #dfdfdf; line-height:35px;}
.street-filter-sort .button-strip{ float:left;}
.street-filter-sort .button-strip span{ padding:0 10px; float:left; border-right:1px solid #dfdfdf; }
.street-filter-sort .button-strip li{ padding:0 10px; border-right:1px solid #dfdfdf; line-height:35px; display:block; float:left; color:#404040;}
.street-filter-sort .button-strip li:hover{ text-decoration:none;}
.street-filter-sort .button-strip li.current{ height:36px; background:#fff; color:#ec5151;}
.street-filter-sort .button-strip b{ background: url(../images/2014shop_background_img.png) no-repeat 0 -11px;vertical-align: middle;display: inline-block;width: 7px;height: 8px;margin-left: 4px;}
.street-filter-sort .button-strip a:hover,.street-filter-sort .button-strip li.current a{ color:#ec5151;}
.street-filter-sort .button-strip a:hover b,.street-filter-sort .button-strip li.current b{background-position: -7px -11px;}
.street-filter-sort h3 { font-size:12px;color:#484848;height:35px;line-height:35px;float:left;padding-left:10px;}
.street-filter-sort .pagination { display: inline-block; float: right; margin: 7px 5px 0 0 }
.street-filter-sort .pagination ul { font-size: 0; *word-spacing:-1px/*IE6ã€7*/; }
.street-filter-sort .pagination ul li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; margin: 0 2px;}
.street-filter-sort .pagination ul li { *display: inline/*IE6ã€7*/; *zoom:1;}
.street-filter-sort .pagination li span { font: normal 12px/16px "microsoft yahei"; color: #AAA; background-color: #FAFAFA; text-align: center; display: block; min-width: 16px; padding: 2px 6px; border: 1px solid #E6E6E6; position: relative; z-index: 1;}
.street-filter-sort .pagination li a span { color: #005AA0; text-decoration: none; background-color: #FFF; position: relative; z-index: 1;}
.street-filter-sort .pagination li a:hover span{ color: #FFF; text-decoration: none; background-color: #ec5151; border-color: #CA3300; position: relative; z-index: 9; cursor:pointer;}

.component-filter-sort .button-page{ float:right; position:relative; margin-right:20px; padding-left:50px;}
.component-filter-sort .button-page .pageState{ top:0px; right:60px; font-size:12px;font-family:"microsoft yahei"; line-height:40px; color:#999;}
.component-filter-sort .button-page .pageState span{ color:#999;}
.component-filter-sort .button-page a{ float:right;width: 22px;height: 22px;line-height: 22px;display: inline-block;background: #dcdcdc;color: #fff;text-align: center;font-size: 14px;margin-top: 10px; font-family: simsun; margin-right:2px;}

.component-filter{ float:left;}
.component-filter .filter-label-list{ padding:28px 0px 0 35px; float:left;font-family:"microsoft yahei"; width:1165px;}
.component-filter .filter-label-list .label{ float:left; color:#333; font-size:14px;}
.component-filter .filter-label-list .filter-quanbu{ float:left;padding:0 24px 0 55px;}
.component-filter .filter-label-list .filter-quanbu a{ font-size:12px; color:#3a78bf; font-weight:bold;}
.component-filter .filter-label-list .filter-quanbu.current{ padding:0 15px 0 52px;}
.component-filter .filter-label-list .filter-quanbu.current a{ border:1px solid #ec5051; padding:2px 5px; line-height:22px; border-radius:5px; color:#ec5051;}
.component-filter .filter-label-list .inline-block-list{ overflow:hidden; float:left; width:auto;}
.component-filter .filter-label-list .inline-block-list li{ float:left; width:82px; padding-left:30px;}
.component-filter .filter-label-list .inline-block-list li a{ color:#3a78bf; line-height:20px;}
.component-filter .filter-label-list .inline-block-list li a:hover,.component-filter .filter-label-list .inline-block-list li a.current{ color:#ec5051;}
.component-filter .filter-label-list .inline-block-list li a .number{ color:#666;}
.component-filter .filter-label-list .filter-tab{ float:left;padding-left:32px;}
.component-filter .filter-label-list .filter-tab li{ float:left; color:#3a78bf; margin-right:52px; line-height:22px; cursor:pointer;}
.component-filter .filter-label-list .filter-tab li.on{ border:1px solid #3a78bf; padding:0 5px; border-radius:5px;}
.component-filter .filter-label-list .fliter-list{ float:left; padding-left:147px;}
.component-filter .filter-label-list .fliter-list .inline-block-list{ padding-top:10px;}
.component-filter-top .filter-label-list{ background:#efefef; padding:20px 0 20px 35px; float:left; width:1165px;}
.component-filter-top .filter-label-list li{ float:left; padding-right:58px; width:auto; padding-left:0;}
.component-filter-top .filter-label-list li a{ color:#333; font-size:14px;font-family:"microsoft yahei";}
.component-filter-top .filter-label-list li a:hover,.component-filter-top .filter-label-list li a.current{ color:#ec5051;}
.component-filter-category .filter-label-list .inline-block-list{ float:none;}

.component-filter-sort .filter-sortbar { width:auto; height:40px; line-height:40px; border:1px solid #dcdcdc; }
.component-filter-sort .button-strip{ float:left; font-size:12px; line-height:40px; text-align:center;}
.component-filter-sort .button-strip-item{ float:left; padding:0 20px 0 15px; position:relative; border-right:1px solid #dcdcdc;color:#666;}
.component-filter-sort .button-strip .current{ background:#ec5051; color:#fff; border-color:#ec5051; height:40px; line-height:40px;}
.component-filter-sort .button-strip-item .icon{ width:10px; height:10px; display:inline-block; position:absolute; top:15px; right:8px;}
.component-filter-sort .button-strip-item .icon-down{ background-position:-17px -37px;}
.component-filter-sort .button-strip-item.current .icon-down{ background-position:-7px -37px;}
.component-filter-sort .button-strip-item .icon-up{ background-position:-17px -54px;}
.component-filter-sort .button-strip-item.current .icon-up{ background-position:-7px -54px;}
.component-filter-sort .button-strip-item .icon-sx{ background-position:-30px -37px;}
.component-filter-sort .price-button-strip{ float:left; padding:0 20px;border-right:1px solid #dcdcdc; position:relative}
.component-filter-sort .price-button-strip input { width:50px; height:20px; line-height:20px; outline:0; padding-left:5px; color:#666; border:1px solid #ccc;}
.price-button-strip .fP-box{}
.price-button-strip .fP-expand,.price-button-strip .fP-expand-kword{ display:none; position:absolute;z-index:99; border:1px solid #dcdcdc; background:#EFECEB; width:167px; left:-1px; text-align:center;}
.price-button-strip .fP-expand .ui-btn-s, .price-button-strip .fP-expand-kword .ui-btn-s{ border:1px solid #ccc;height:18px;line-height:18px;*line-height:20px;color:#333; padding:0 10px;display:inline-block;outline:0;cursor:pointer;
background-color: #f7f7f7;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top,#f7f7f7,#f2f2f2);
background-image: -webkit-linear-gradient(top,#f7f7f7,#f2f2f2);
background-image: -o-linear-gradient(top,#f7f7f7,#f2f2f2);
background-image: linear-gradient(top,#f7f7f7,#f2f2f2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f2f2f2', GradientType=0);}
.price-button-strip .fP-expand .ui-btn-s-primary, .price-button-strip .fP-expand-kword .ui-btn-s-primary{
color:#fff;
border-color:#ec5051; 
background-color: #ec5051;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top,#ec5051,#f55658);
background-image: -webkit-linear-gradient(top,#ec5051,#f55658);
background-image: -o-linear-gradient(top,#ec5051,#f55658);
background-image: linear-gradient(top,#ec5051,#f55658);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec5051', endColorstr='#f55658', GradientType=0);margin-left:8px;}
.price-button-strip .fP-expand .ui-btn-s:hover,.price-button-strip .fP-expand-kword .ui-btn-s:hover{ background-position: 0 -321px;}
.price-button-strip .fP-expand .ui-btn-s-primary:hover,.price-button-strip .fP-expand-kword .ui-btn-s-primary:hover{background-position: 0 -21px;}
.f-search{float: left;padding: 0 20px;position: relative;border-right:1px solid #dcdcdc;}
.f-search .text-stock-search{padding:2px 5px;height:18px;margin:8px 0; *margin:7px 0 8px;width: 150px;border:1px solid #ccc;}
.f-search .btn-stock-search{ *filter:chroma(color=#333000); *border:0 none;border:1px solid #ccc; border-left:0; background:#eee; height:24px;padding:0 14px; margin:8px 0 8px 0px; background-color: #f7f7f7;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top,#f7f7f7,#f2f2f2);
  background-image: -webkit-linear-gradient(top,#f7f7f7,#f2f2f2);
  background-image: -o-linear-gradient(top,#f7f7f7,#f2f2f2);
  background-image: linear-gradient(top,#f7f7f7,#f2f2f2);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f2f2f2', GradientType=0); cursor:pointer; display:block;}
.f-search a.btn-stock-search{ height:22px; line-height:22px;*line-height:24px;}
.f-search a.btn-stock-search:hover{ color:#666;}


.icon {
    background: url(../images/ecsc_icon.png) no-repeat;
}

#content{ -webkit-backface-visibility: hidden;background: #ffffff; padding-top:28px;}
#content .category_left{ width:970px; float:left;}
#content .category_left .goodslistForm{ float:left; position:relative; z-index:5; width:100%;}
#content .tc{ width:100%; float:left; margin-top:30px;}

.component-poi-list{ position:relative;}
.component-poi-list .poi-list{ float:left;width:1100px;}
.component-poi-list li{ float:left; position:relative; height:358px;border: 1px solid #dcdcdc; margin: -1px 30px 10px 0;}
.component-poi-list li .produc-content{ width:201px; padding:18px; border:1px solid transparent; background:#fff;}
.component-poi-list li:hover{ overflow:visible; z-index:2;}
.component-poi-list li:hover{ border-color:#ec5051;padding-bottom:0;/*margin-top:-1px;*/}
.component-poi-list li .produc-content .p-img{ width:201px; height:201px; position:relative;}
.component-poi-list li .produc-content .p-name{ line-height:20px; float: left; padding-top:15px; height:60px; overflow:hidden;}
.component-poi-list li .produc-content .brand{ width:237px;}
.component-poi-list li .produc-content .hang {padding-top: 8px;}
.component-poi-list li .produc-content .p-comment { float: left;color: #999;}
.component-poi-list li .produc-content .p-score { float: right;line-height: 20px;color: #666;}
.component-poi-list li .produc-content .p-comment em { color: #666;font-weight: bold;}
/*.component-poi-list li .produc-content .p-price { float: right;}*/
.component-poi-list li .produc-content .original-price{ float:right; margin-right:10px; color:#999;}
.component-poi-list li .produc-content .rebate{ background-position:-455px -166px;}
.component-poi-list li .brand{ width:238px; height:402px; border:1px solid #ec5051; position:absolute; top:0; left:0; display:none;z-index:99;}
.component-poi-list li .time{ font-family:"microsoft yahei"; text-align:center; height:30px; line-height:30px; background:#fff;display:none; float:left; width:100%; padding-top:10px;}
.component-poi-list li .group-btn{ width:237px; position:static; float:left; margin-left:-18px;}
.component-poi-list li:hover .brand{ display:block;}
.component-poi-list li:hover .group-btn { display:inline-block; color:#fff;}
.component-poi-list li:hover .produc-content .rebate,.component-poi-list li .produc-content .selected{ background-position:-455px -142px;}
.component-poi-list li:hover .time{ display:block;}
.component-poi-list li:hover .group-btn { display:inline-block; color:#fff;}

.group-btn{ display:none; position:absolute; width:226px; height:30px; line-height:30px; color:#fff; font-size:16px; text-align:center; background:#ec5051; font-family: "microsoft yahei"; bottom:-30px; left:0; z-index:99;}
.new_picon{ position:absolute; overflow:hidden; width:58px; height:50px; top:0; right:0; background:url(../images/ecsc_icon_two.png) no-repeat;}
.pi0{ background-position: -93px -277px;}
.pi1{ background-position: -93px -335px;}
.pi2{ background-position: -93px -398px;}
.pi3{ background-position: -93px -460px;}
.pi1 span {font-size:14px;text-align:center;color:#fff;margin: auto auto auto 10px;}

.produc-content .p-price{position: relative;
padding: 0;
float: left;
width: 120px;
height: 22px;
line-height: 22px;
overflow: hidden;
margin-bottom: 8px;}
.produc-content .p-price strong {
    font-size: 20px;
    font-weight: 400;
    color: #ec5051;
    float: left;
}
.produc-content .p-num {
    float: right;
    height: 22px;
    line-height: 22px;
    margin-bottom: 8px;
}
.produc-content .p-num em {
    color: #f68a00;
    margin: 0 5px;
}
.no_pro_box {font-size: 16px;padding: 15px 0;line-height: 30px;color: #666;margin:50px;}
.no_pro_box .txt1 {font-size: 22px;padding-bottom: 20px;}
.no_pro_box p {width: 330px;margin: 0 auto;}