﻿
.goods_elf{background-image: url("../images/casus_elf.png"); background-repeat: no-repeat;}


main{margin-bottom: 30px;}
/*分类筛选*/
.select{border: 1px solid #f0f0f0; border-bottom: none;}
.select .select_ul .select_li {height: 40px;line-height: 40px;border-bottom:  1px solid #f0f0f0; }
.select .select_ul .select_li .select_li_head{width: 20%; text-align: center; background-color: #f5f5f5;font-size: 14px;}
.select .select_ul .select_li .select_ul_son{padding-left: 20px; border-left: 1px solid #f0f0f0; width:80%;}
.select .select_ul .select_li .select_ul_son li{ float: left; }
.select .select_ul .select_li .select_ul_son li a{ display: block;padding: 0 15px;font-size: 14px;}
.select .select_ul .select_li .select_ul_son .select_color a{color: #ff3333;}


/*条件筛选*/

 div.js_if_select{position: fixed;top: 0; margin: 0; width: 1200px;z-index: 500;}
.if_select{height: 50px;background-color: #1a1a1a; position: relative; margin-top: 0;}
.if_select ul li{float: left; background-color: #fff;  margin-top: 8px; margin-right: 10px; position: relative;}
.if_select ul li p{padding-left:10px;line-height: 34px;}
.if_select ul li  span{width: 55px;display: block; float: right;}
.if_select ul li  span i{margin-top: 14px;margin-right: 10px; display: inline-block; width: 12px; height: 6px;  background-position: -86px -15px;}
.if_select ul li.empty a{display: block;width: 113px;line-height: 34px;text-align: center;}
.if_select ul .li_A{background-color: #1a1a1a; margin-top: 0;}
.if_select ul .li_A span{ display:block;color: #cccccc; line-height: 50px; width: 100px;text-align: center; }
.if_select a.pull-right{display: block; position: absolute; right: 0;top: 0;}
.if_select ul li .if_select_tier { z-index: 50; display: none; background-color: #f5f5f5; width: 100%; position: absolute;left: 0;top: 34px;}
.if_select ul li .if_select_tier li{ float: none;background-color: #f5f5f5;  line-height: 26px;}
.if_select ul li .if_select_tier li a{display:block; padding-left: 10px;}
.if_select a.right_a{line-height: 50px;padding-right: 20px;color: #fff;}
.if_select a.right_a:hover{ color: #ff3333;}



/*侧边导航*/

/*精灵——*/
.elf{background-image:url("../images/right_icon.png");background-repeat: no-repeat;}
/*公共头 */
.public_sidebar{position: fixed;right:0;bottom: 100px;  display: none;}
.public_sidebar ul li{width: 75px;height: 75px; background-color: #f5f5f5; margin-bottom: 1px;}
.public_sidebar ul li a{display: block;width: 100%;height: 100%;position: relative;}
.public_sidebar ul li a i.elf{display: block;width: 31px;height: 30px;margin:0 auto;position: absolute;left: 23px;top:10px;}
.public_sidebar ul li a span{display: inline-block; text-align:center;width:75px;height: 20px;position: absolute;bottom: 9px;font-size: 14px;}

.public_sidebar ul li.li_a a i.elf{background-position: 0px 0px; }
.public_sidebar ul li.li_b a i.elf{background-position: 0px -30px; }
.public_sidebar ul li.li_c a i.elf{background-position: 0px -63px; }
.public_sidebar ul li.li_d a i.elf {background-position: 0px -96px; }
.public_sidebar ul li:hover{background-color: #F3980E; }
.public_sidebar ul li:hover a span{color: #fff;}
.public_sidebar ul li.li_a:hover a i.elf{background-position: -30px 0px; }
.public_sidebar ul li.li_b:hover a i.elf{background-position: -30px -30px; }
.public_sidebar ul li.li_c:hover a i.elf{background-position: -30px -63px; }
.public_sidebar ul li.li_d:hover a i.elf{background-position: -30px -96px; }
/*侧边导航 end*/


#select_li_head{width: 98px;float: left;}
#select_ul_son{float: left;}