shop/themes/ecmoban_dsc/select.css

/*仿大商创商品筛选功能*/
.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;}