#header-nav{width:100%;height:30px;
	overflow:hidden;
	/*background:#fdfdfc;*/
	font:12px/40px hiragino sans gb,microsoft yahei,simsun;
	box-shadow:3px 3px 3px rgba(0,0,0,0.2);margin-bottom:10px;}
        #header-nav .swiper-slide {
	padding:0 1px;
	width:auto;font-size:16px;
    height:2.5rem;
}
#header-nav .active a{color:#FF0000!important;border-bottom:1px solid #FF0000;padding-bottom:3px;}       
        .filter{clear:both;position:relative;overflow:hidden;background:#FFF;box-shadow:0 1px 1px 0 #E9EBEC;height:0;overflow:hidden;-webkit-transition:height 500ms ease-out;}
.filter_item{overflow:hidden;border-bottom:1px solid #d3d3d3;border-top:1px solid #fcfcfd;line-height:28px;padding:8px 0 8px 10px;}
.filter_item dt{float:left;height:28px;text-align:left;font-weight:bold;font-size:15px;}
.filter_item dd{padding-left:10px;overflow:hidden;position:relative;height:28px;}
.filter_item dd a{display:inline-block;height:28px;line-height:28px;padding:0 5px;border-radius:0;}
.filter_item dd a.selected{background-color:#ffa126;color:#fff;}
.filter_item dd .ico_more{position:absolute;right:1px;top:-6px;width:34px;height:40px;}
.filter_item dd .ico_more:after{display:block;position:absolute;right:12px;top:12px;content:"";width:7px;height:7px;border-top:2px solid #C0C0C1;border-right:2px solid #C0C0C1;-webkit-transform:rotate(135deg);}
.filter_item dd .ico_more.up{-webkit-transform:rotate(-180deg);}
.filter_item dd span{color:#ff6000;font-weight:bold;padding:0 3px;}
.filter_more{width:100%;height:45px;line-height:45px;text-align:center;border-top:1px solid #fcfcfd;border-bottom:1px solid #d3d3d3;}
.filter_more .arrow{display:inline-block;width:10px;height:13px;margin-left:5px;vertical-align:-2px;background:url("../img/sp_ico.png?v=3.6.8") no-repeat 2px -85px;background-size:12px auto;}
.filter_more.less .arrow{-webkit-transform:rotate(-180deg);}
.filter_more a{display:block;border-radius:0;}

.quick_nav{width:100%;clear:both;height:80px;}
.quick_nav a{width:21%;float:left;margin:0px 10px 10px 0px;display:block;border:1px solid #F83636;height:25px;line-height:25px;text-align:center;border-radius:3px;}

.sortby{border:1px solid #ca060a;height:30px;line-height:30px;}
.sortby a{display:block;width:25%;float:left;text-align:center;background:url(../images/list_03-02.jpg) no-repeat 57px 8px #FFFFFF;color:#ca060a;}
.sortby a.selected,.sortby a:hover{background:url(../images/list_03.jpg) no-repeat 57px 8px #ca060a;color:#FFFFFF;}

.probox{width:100%;background-color:#f8f8f8}
.probox .pro{width:48%;float:left;margin:1%;height:210px;text-align:center;background-color:#FFFFFF;}
/*.probox .pro.no{margin:6px 0px 0px 0px;}*/
.probox .pro .proimg{width:100%;height:150px;text-align:center;position:relative;z-index:1;}
.probox .pro .proimg img{width:100%;height:100%;z-index:1;}
/*以下启用的话，需修改new_flag优先，否则列表页icon图标会错乱*/
/*.probox .pro .proimg span{width:100%;z-index:99;display:block;color:#fff;position:absolute;bottom:0px;line-height:23px;}*/
.probox .pro .proname{height:24px;line-height:24px;text-align:center;color:#7f7f7f;font-size:14px;width:95%;margin:5px auto;border:1px solid #ca060a;border-radius:5px;overflow:hidden;}
.probox .pro .proname a{color:#7f7f7f;}
.probox .pro .proimg span.video{z-index:99;display:block;width:24px;height:24px;position:absolute;bottom:2px;left:2px;background:url(../images/video_icon.png) no-repeat;background-size:24px 24px;}

.new_flag{
		color: #fff;
		
		text-align: center;
		position: absolute;
		z-index:1;
		margin-top:0;
		background: #2cb436 none repeat scroll 0 0;
		height: 2.3rem;
		font-size:.8rem;
		line-height: .95rem;
		border-bottom-left-radius: 1rem;
		border-bottom-right-radius: 1rem;
		right:0;
		padding:0;
		width: 1.5rem!important;
		padding-top:.2rem;
	}
/*.probox .pro .proprice{height:22px;color:#ca060a;width:50%;float:left;font-size:1.6em;}*/

.probox  .pro .proprice{margin:0px auto;border-top:1px solid #f8f8f8;height:20px;line-height:20px;color:#ca060a;width:95%;font-size:1.4em;text-align:left;}
.probox  .pro .proprice span{float:right;color:#cdcdcd;font-size:12px;}
.probox  .pro .addcart{width:90%;margin:0px auto;height:25px;line-height:25px;background:#12cb99;text-align:center;color:#ffffff;border-radius:2px;clear:both;margin-top:5px;}
.probox  .pro .addcart a{color:#ffffff;}

.quick_cake_search{width:100%;}
.quick_cake_search li{width:22%;float:left;margin:0px 0px 5px 5px;height:30px;line-height:30px;text-align:center;border:1px solid #ae5051;font-size:14px;}


/*2019筛选*/


/*筛选*/
#list_filter{border-bottom:1px solid #ae5051;padding-bottom:5px;padding-top:5px;}
.list-filter{
	width: 100%;
	height: auto;
	*background-color: #fff;
}

.list-filter ul{
	display: inline-block;
	width: 100%;
	padding: 0px;
}

.list-filter ul li{
	position: relative;
	display: inline-block;
	float: left;
	width: 20%;
	padding: 0px;
	text-align: center;
}

.list-filter ul li:last-child:before{
	content: '';
	position: absolute;
	left: -1px;
	top: 20%;
	width: 1px;
	height: 60%;
	background-color: #bbb;
}

.list-filter ul li a{
	display: inline-block;
	color: #3f3f3f;
	width: 100%;
	height: 2rem;
	line-height: 2rem;font-size:1.4rem;
	/*border-radius: 0.4167rem;
	background-color: #f4f4f4;*/
}

.list-filter ul li.cur a{
	color: #F02B2B;
}

.list-filter ul li a i{
	display: inline-block;
	width: 1rem;
	height: 1rem;
	vertical-align: middle;
	margin-left: 0.1rem;
	background-repeat: no-repeat;
	background-image: url(../images/i-filter-default-icon.png);
	-webkit-background-size: contain;
	background-size: contain;
}

.list-filter ul li a i.i-filter-default-icon{
	background-image: url(../images/i-filter-default-icon.png);
}

.list-filter ul li a i.i-filter-arrowDown-icon{
	background-image: url(../images/i-filter-arrowDown-icon.png);
}

.list-filter ul li a i.i-filter-arrowUp-icon{
	background-image: url(../images/i-filter-arrowUp-icon.png);
}

/*增加*/
.list-filter ul li a.btn-listStyle i,
.list-filter ul li a.btn-listStyle.btn-listStyleGrid i{
	width: 0.5rem;
	height: 0.5rem;
	margin-left: 0;
	background-image: url(../images/i-styleGrid-gray-icon.png);
}

.list-filter ul li a.btn-listStyle.btn-listStyleList i{
	background-image: url(../images/i-styleList-gray-icon.png);
}

.list-filter ul li a.btn-filter i{
	width: 2rem;
	height: 2rem;
	background-image: url(../images/i-goods-filter-icon.png);
}


/*过滤*/
.filter-mask{
	display: none;
	position: fixed;
	top: 0rem;
	left: 0rem;
	height: 100%;
	width: 100%;
	overflow: hidden;
	background-color: rgba(0,0,0,0.5);
	z-index: 129;
}

.filter-wrap{
	position: fixed;
	top: 0rem;
	right: 0rem;
	left: 0rem;
	bottom: 0rem;
	width: 100%;
	height: 90%;
	outline: 0;
	overflow: hidden;
	z-index: 139;
	-webkit-transition: transform .25s ease-in-out;
	transition: transform .25s ease-in-out;
	-webkit-transform: translate(100%,0);
	transform: translate(100%,0);
}

.filter-wrap.show{
	-webkit-transform: translate(0%,0);
	transform: translate(0%,0);
}

.filter-body{
	position: absolute;
	top: 0rem;
	right: 0rem;
	height: 100%;
	width: 80%;
	padding-bottom: 4.175rem;
	background-color: #fff;
	z-index: 9;
}

.filter-list{
	width: 98%;
    height: 90%;
    overflow-y: auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
	padding: 0.2rem;
}
.filter-item{clear:both;}
.filter-tit{
	/*margin-bottom: 0.833rem;*/
	height: 3rem;
	line-height: 3rem;font-size:1.6rem;
	clear: both;
	overflow: hidden;
}

.filter-tit a{
	display: inline-block;
	float: right;
	padding: 0 0.833rem;
	height: 1.75rem;
	-webkit-transition: transform .15s ease-in-out;	
	transition: transform .15s ease-in-out;	
}

.filter-tit a.cur{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.filter-tit a i{
	position: relative;
	margin-top: 50%;
}

.filter-select{
    /*margin-left: -0.883rem;*/
    clear: both;
    overflow: hidden;
}

.filter-select .option{
	float: left;
    display: inline-block;
    width: 32%;
    text-align: center;
    /*padding-left: 0.833rem;*/
    margin-bottom: 0.2em;margin-right:1%;
    line-height:2rem;font-size:1.2rem;
}

.filter-select .option span{
	display: block;
	color: #555;
    /*font-size: 1rem;*/
    padding: 0.1rem;
    /*min-width: 3rem;*/
    line-height: 2rem;font-size:1.2rem;
    border-radius: 0.25rem;
    border: 1px solid #f3f3f3;
    background-color: #f3f3f3;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.filter-select .option.active span{
	color: #eb5b28;
	border-color: #eb5b28;
	background-color: rgba(240,43,43,.03);
}

.filter-foot{
	position: fixed;
	bottom: 0rem;
	width: 80%;
	padding: 0.833rem;
	text-align: right;
	background-color: #fff;
	overflow: hidden;
	z-index: 12;
}

.filter-foot .btn-groups{
	display: inline-flex;
	width: 100%;
	clear: both;
	overflow: hidden;
}

.filter-foot .btn-groups a{
	display: block;
	float: left;
	width: 50%;
	color: #fff;
	font-size: 1.167rem;
	text-align: center;
	height: 2.5rem;
	line-height: 2.5rem;margin:0px auto;
}

.filter-foot .btn-groups a.btn-reset{
	border-top-left-radius: 2.125rem;
    border-bottom-left-radius: 2.125rem;
    background: linear-gradient(to right, #f6c943, #f19b36);
    background: -webkit-linear-gradient(left, #f6c943, #f19b36);
}

.filter-foot .btn-groups a.btn-done{
	border-radius: 2.125rem;
	/*border-top-right-radius: 2.125rem;
    border-bottom-right-radius: 2.125rem;*/
    background: #eb5b28;
}