You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

799 lines
16 KiB

/*仿大商创商品筛选功能*/
.clear_both{
clear: both;
}
.right-extra{
width: 1200px;
position:relative;
float:left;
}
.nch-container .shop_con_list{
width:978px;
margin-top:35px;
display:inline-block;
float:left;
}
.nav_title{
height: 33px;
line-height: 33px;
padding: 0 10px;
}
.nav_title .U_choose,.total_goods{
float: left;
}
.nav_title .U_choose{
font-size: 14px;
font-weight: none;
color: #f0f0f0;
font-family:microsoft yahei;
}
.goods_list{
overflow:hidden;
position:relative;
z-index:10;
}
.total_goods{
font-size: 12px;
color:#333;
font-family: microsoft yahei;
}
.attr_father li dl dt{
float: left;
margin-right:8px;
font-family: microsoft yahei;
width: 60px;
font-weight: bold;
}
.attr_father li dl dd{
float: left;
margin-right: 40px;
width: auto;
height: 40px;
white-space:nowrap;
}
.attr_father li dl dd a{
color: #005aa0;
text-decoration: none;
font-family: verdana,SimSun;
font-weight: normal;
display:block;
cursor:pointer;
}
.attr_father li dl dd strong{
font-weight: normal;
}
.attr_son{
margin-left: 106px;
padding: 0 95px 0 38px;
overflow: hidden;
background: #fff;
width:959px;
}
.more_item{
width: 59px;
float:left;
text-align: center;
color: #666;
}
.attr_father a:hover{
color:#ec5151;
}
.more_item{
cursor: pointer;
}
.price_auto{
float: left;
}
.price_width{
width: auto;
}
.price_auto input{
width: 36px;
padding:0 2px;
border: 1px solid #ccc;
height: 19px;
line-height: 19px;
font-family: verdana,SimSun;
color: #333;
}
.price_auto .span_price_class{
color: #ccc;
line-height:20px;
}
.price_ok{
display: inline-block;
*display:inline;
*zoom:1;
line-height: 14px;
height: 21px;
width:50px;
*width:50px;
border-radius: 2px;
background: #F7F7F7;
text-align: center;
text-decoration: none;
cursor: pointer;
border: 1px solid #DDD;
padding:0 8px;
color: #666;
margin-left: 8px;
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_class{
float: left;
}
.span_price_class{
margin: 0 5px;
}
.u_cloose{
overflow:hidden;
line-height:40px;
background-color:#f8dde4;
position:relative;
}
.u_cloose li{
overflow:hidden;
}
.u_cloose dt{
width: 100px;
float: left;
text-align: right;
line-height:40px;
padding:5px 6px 5px 0;
}
.u_cloose dd{
padding:13px 126px 13px 38px;
float:left;
min-height:24px;
width:930px;
background-color:#f7f7f7;
}
.u_cloose dd .get_item{
position: relative;
float: left;
height: 22px;
line-height: 22px;
border: 1px solid #DDD;
font-size: 12px;
vertical-align: top;
margin: 0 5px 5px 0;
padding: 0 26px 0 4px;
cursor: pointer;
background: #f3f3f3;
max-width: 230px;
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.u_cloose dd .get_item:hover{
cursor: pointer;
border: 1px solid #ec5151;
}
.u_cloose dd .get_item b{ font-weight: 400;color: #333;}
.u_cloose dd .get_item em{ color: #e4393c;}
.u_cloose dd .get_item a{ display: block;position: absolute;width: 25px;height: 22px;right: 0;top: 0; background:url(images/search.png) no-repeat 7px -140px;}
.u_cloose dd .get_item:hover a{ background-position: 7px -158px; background-color: #e4393c;}
.u_cloose dd.give_up_all{
position:absolute;
width:48px;
height: auto;
right: 10px;
line-height: normal;
top: 15px;
padding:0;
}
.u_cloose dd.give_up_all a{
text-decoration: none;
color: #999;
float: right;
font-family: SimSun;
}
.u_cloose dd.give_up_all a:hover{
color: #E7393C;
}
.brand_name_l,.attr_father li .filter_attr_name{
width: 100px;
float: left;
text-align: right;
padding-right:6px;
}
.brand_div{
float: left;
padding-top:18px;
padding-bottom:18px;
}
.brand_div .brand_img_word{
float: left;
width: 98px;
height: 44px;
padding: 0;
border: 1px solid #ddd;
margin-right: 0;
margin: -1px -1px 0 0;
background: #fff;
text-align: center;
}
.brand_div .brand_img_word:hover{
border-color: #ec5051;
position: relative;
z-index: 5;
}
.brand_div .brand_img_word img{
width: 98px;
height: 44px;
overflow: hidden;
}
.brand_img .sl-ext{
top:16px;
}
.brand_img_word a{
display: block;
border: 1px solid #fff;
width: 96px;
height: 42px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #3a78bf;
line-height: 42px;
}
.brand_img_word strong{
display: none;
font-weight:normal;
}
.brand_select_more{
margin-left: 106px;
padding: 0 95px 0 38px;
overflow: hidden;
background: #fff;
}
.brand_select_more .all_a_z ul li{
width:auto;
padding:0 6px;
height:20px;
line-height: 20px;
float:left;
background:#fff;
border: 1px solid #FFF;
cursor: default;
text-align: center;
color: #005aa0;
cursor:pointer;
}
.brand_select_more .all_a_z ul li.curr{
color:#ec5051;
border-color:#ec5051;
}
.all_a_z{
padding-bottom: 10px;
display: none;
overflow:hidden;
}
.brand_select_more .all_a_z ul li.all_brand{
}
.a_z{
float: left;
}
.a_z li{
float: left;
padding: 0px;
margin: 0px;
border: 0 none;
width: 15px;
text-align: center;
cursor: pointer;
padding: 0 2px;
font-family: verdana,SimSun;
}
/*.all_brand:hover{
cursor: pointer;
background:#1199ED;
color: #fff;
}*/
/*.a_z li:hover{
background:#1199ED;
color: #fff;
}*/
.input_search{
float:right;
padding-right:17px;
position:relative;
}
.input_search input{
padding: 2px 5px 2px 30px;
border:1px solid #ccc;
color: #999;
height:18px\9;
width:160px\9;
}
.input_search i{ display:block; height:17px; width:17px; background:url(images/ecsc_icon.png) -580px -239px no-repeat; position:absolute; top:2px; left:8px;}
.wrap_brand{
overflow-x:hidden;
overflow-y:auto;
}
.extend .wrap_brand{
width:960px;
height:181px;
margin-bottom:10px;
}
.zimu_list{
background: #ffffff;
height: 100px;
overflow-x:hidden;
overflow-y:auto;
display: none;
margin-top:10px;
}
.get_more{
float:left;
width: 915px;
margin-left:8px;
}
.brand_select_more .zimu_list ul.get_more li{
padding: 0px;
border: 0 none;
margin: 0px;
float: left;
color: #005aa0;
height: 20px;
cursor: pointer;
line-height: 20px;
width: 130px;
margin-bottom: 5px;
display:block;
background:#fff;
}
.get_more span{
float: left;
margin-right:5px;
}
.choose_ico{
width: 12px;
height: 12px;
margin-top: 4px;
display: block;
background:url(images/checkbox-icon_g.png) no-repeat;
}
.goods_brand_name{
float: left;
}
.get_more .is_yes{
color: #f0f0f0;
}
.is_yes .choose_ico{
width: 12px;
height: 12px;
margin-top: 4px;
display: block;
background:url(images/checked-icon-r.png) no-repeat;
}
.ds_none{
display: none;
}
.enter_yes_no{
text-align: center;
display: none;
}
.ct_auto{
padding:10px 0;
}
.ct_auto .botton{
display: inline-block;
line-height: 14px;
height: 14px;
border-radius: 2px;
background: #F7F7F7;
text-align: center;
text-decoration: none;
cursor: pointer;
border: 1px solid #DDD;
padding: 3px 13px 3px;
color: #666;
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);
}
.ct_auto .botton.yes_bt{
margin-right: 8px;
display: inline-block;
line-height: 14px;
height: 14px;
border-radius: 2px;
background: #F7F7F7;
text-align: center;
text-decoration: none;
cursor: pointer;
border: 1px solid #ec5051;
padding: 3px 13px 3px;
color: #FFF;
background-color: #E74649;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top,#E74649,#DF3033);
background-image: -webkit-linear-gradient(top,#E74649,#DF3033);
background-image: -o-linear-gradient(top,#E74649,#DF3033);
background-image: linear-gradient(top,#E74649,#DF3033);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E74649', endColorstr='#DF3033', GradientType=0);
}
.ct_auto .botton.disabled{
padding: 4px 13px 5px;
border: 1px solid #DDD;
background: #FFF;
cursor: default;
color: #fff;
opacity: 0;
filter: alpha(Opacity=0);
filter: alpha(Opacity=0);
}
.price_width dd a{
font-family: verdana,SimSun;
}
.sl-ext{
position: absolute;
top: 16px;
right: 0px;
width: 95px;
height: auto;
line-height: 22px;
overflow: hidden;
zoom: 1;
}
.choose_more2,.Color_CS,.choose_more{
display: inline-block;
width: 30px;
height: 20px;
border: 1px solid #c9c9c9;
border-radius: 5px;
position: relative;
float: right;
line-height: 20px;
padding-left: 18px;
margin-right:10px;
color: #727171;
cursor:pointer;
}
.choose_more2 .icon,.Color_CS .icon,.choose_more .icon{
background: url(images/ecsc_icon.png) no-repeat;
position: absolute;
display: inline-block;
background-position: -235px -246px;
width: 9px;
height: 9px;
top: 5px;
left: 5px;
}
.choose_more2:hover,.Color_CS:hover,.choose_more:hover{
color: #ff0000;
border: 1px solid #ff0000;
}
.choose_more2:hover .icon,.Color_CS:hover .icon,.choose_more:hover .icon{
background-position: -222px -246px;
}
.attr_color dd{
float: left;
text-align: center;
position: relative;
line-height: 20px;
/* border: #f0f0f0 1px solid;*/
height: 20px !important;
width: 20px !important;
}
.attr_color dd:hover{
cursor: pointer;
/* border:1px solid #f0f0f0;*/
}
.attr_color dd span{
width: 20px;
height: 20px;
/* margin: 2px;*/
display: block;
}
/*----------------*/
.tw_buttom{
display: none;
margin-bottom: 10px;
padding-top: 5px;
width:100%;
overflow:hidden;
text-align:center;
}
.tw_buttom span{
display: inline-block;
line-height: 14px;
height: 14px;
border-radius: 2px;
background: #F7F7F7;
text-align: center;
text-decoration: none;
cursor: pointer;
border: 1px solid #DDD;
padding: 3px 13px 3px;
color: #666;
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);
}
.tw_buttom span.sure{
border-color:#E74649;
color:#fff;
margin-right:8px;
background-color:#E74649;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top,#E74649,#DF3033);
background-image: -webkit-linear-gradient(top,#E74649,#DF3033);
background-image: -o-linear-gradient(top,#E74649,#DF3033);
background-image: linear-gradient(top,#E74649,#DF3033);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E74649', endColorstr='#DF3033', GradientType=0);
}
.tw_buttom span.disabled{
opacity:0;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
cursor: default;
}
.color_list_color{
padding: 10px 0;
float:left;
width:100%;
}
/*ecmoban模板堂 -zhuo start*/
.attr_father li{
width:1198px;
display:block;
float:left;
position:relative;
line-height:40px;
}
.attr_father li{background-color: #fbe8ed;}
.attr_father li .filter_attr_name span,.attr_father li .brand_name_l span{
padding-right: 22px;
}
.color_list_color .color_divdd{
width:auto;
height:auto;
margin-right:20px;
display:inline-block;
float:left;
}
.color_list_color .color_divdd dd{
margin-right:0;
}
.color_list_color .color_divdd span{
width:20px;
height:20px;
float:left;
display:inline-block;
}
.attr_father li .price_auto div.price_range{ margin-right:20px;float:left;}
.attr_father li .price_bottom{ position:relative; margin:10px 0 0;}
/*ecmoban模板堂 -zhuo end*/
.multiple .selected b{
background: url(images/20121207A.gif) right bottom no-repeat;
border: 1px solid #ec5051;
height: 18px;
width: 18px;
position: absolute;
top: 0px;
left: 0px;
z-index:100;
}
.item_list .get_me span{
background: url(images/checkbox-icon_g.png) no-repeat;
display: block;
float: left;
height: 12px;
margin-right: 5px;
margin-top: 14px;
width: 12px;
}
.item_list .selected span{
background: url(images/checked-icon-r.png) no-repeat;
}
.u_get{
float: left;
margin-right: 40px;
width: auto;
font-family: verdana,SimSun;
}
.zimu_list a{
text-decoration: none;
color: #005aa0;
}
.click_more {
text-align: center;
position: relative;
border-top: 1px solid #ddd;
-webkit-transition: border-color .15s ease-in-out;
-moz-transition: border-color .15s ease-in-out;
transition: border-color .15s ease-in-out;
z-index:9;
}
.click_more span{
position: relative;
display: inline-block;
margin-top: -2px;
height: 28px;
line-height: 28px;
padding: 0 40px 0 20px;
border-width: 1px;
border-style: solid;
border-color: #FFF #DDD #DDD;
background: #fff;
cursor: pointer;
color: #333;
-webkit-transition: border-color .15s ease-in-out;
-moz-transition: border-color .15s ease-in-out;
transition: border-color .15s ease-in-out;
}
.click_more i{
position: absolute;
right: 16px;
top: 2px;
display: inline-block;
width: 20px;
height: 20px;
background: url(images/search.png) no-repeat 4px 7px;
}
.click_more i.up{
background-position: 4px -27px;
}
.click_more:hover{
border-color:#ec5051;
}
.click_more:hover span{
border-color: #FFF #e4393c #e4393c;
}
.click_more:hover strong{
color:#ec5051;
}
.click_more:hover i{
background-position: 4px -10px;
}
.click_more:hover i.up{
background-position: 4px -44px;
}
.click_more strong{
font-weight: normal;
float: left;
max-width: 250px;
height: 25px;
line-height: 25px;
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.more_3,.choose_open{
display: inline-block;
width: 20px;
height: 20px;
border: 1px solid #c9c9c9;
border-radius: 5px;
position: relative;
float: left;
margin-right: 5px;
cursor:pointer;
}
.icon_all{
position: absolute;
display: inline-block;
width: 12px;
height: 8px;
background: url(images/ecsc_icon.png) -263px -291px no-repeat;
top: 7px;
right: 4px;
font-size: 19px;
}
.choose_open:hover{
border-color:#ec5051;
}
.choose_open:hover .icon_all{
background-position: -542px -201px;
}
.choose_open .icon_down{
background-position:-278px -292px;
}
.choose_open:hover .icon_down{
background-position:-561px -202px;
}
.item_list{ float:left;}
.ohide{ height:40px;}
.extend .ohide,.multiple .ohide{ height:auto;}
.extend .all_a_z{ display:block;}
.extend .brand_div{ padding-top:0; margin-top:1px; margin-bottom:0;}
.extend .brand_select_more,.multiple .brand_select_more{ border-bottom:1px solid #f1edee; padding-top:15px;}
.extend .attr_son{ padding-top:0;}
.multiple .attr_son{ border-bottom:1px solid #f1edee; padding-top:10px;}
.same_li .multiple .attr_son{ border-bottom:1px solid #f1edee; padding-top:0px;}
.multiple .all_a_z,.multiple .zimu_list,.multiple .enter_yes_no{ display:block;}
.multiple .wrap_brand{ display:none;}
.multiple .tw_buttom{ display:block; line-height:normal;}
.multiple .color_list_color{ padding:0;}
.same_li .choose_open{ display:none;}
.filter-section-wrapper .down .icon{ background-position:-266px -268px;}
.filter-section-wrapper .down .choose_more:hover .icon{ background-position:-274px -268px;}