#page, html {
	background: #f5f5f5;
}
a, input {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.flex {
	display: -webkit-box;
	display: box
}
#page {
	padding: 10px 0;
	height: auto
}
.search_form {
	box-sizing: border-box;
	padding: 0 10px;
	height: 34px
}
.search_form i, .search_form input[type=text] {
	display: block;
	border: 1px solid transparent;
	background: #f5f5f5
}
.search_form i {
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	z-index: 1;
	border-right: 0;
	border-radius: 20px 0 0 20px
}
.search_form input {
	height: 34px;
	vertical-align: middle
}
.search_form input[type=text] {
	-webkit-box-flex: 1;
	box-flex: 1;
	border-left: 0;
	border-radius: 0 20px 20px 0
}
.search_form input[type=submit] {
	margin-left: 10px;
	border: 1px solid transparent;
	background: #fff;
	line-height: 34px
}
.category_container {
	margin-top: 10px;
	max-height: 100%
}
.category_container ul li a {
	display: block;
	padding: 10px 10%;
}
.cleft {
	width: 125px;
	border-right: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5;
}
.cleft ul li a {
	display: block;
	text-align: center;
	border-bottom: 1px #f5f5f5 solid
}
.cleft ul li a.active {
	background: #b0352f;
	color: #fff
}
.cright {
	-webkit-box-flex: 1;
	box-flex: 1;
	max-height: 100%;
	overflow-y: scroll
}
.cright ul { padding:0 10px 0 0}
.cright ul li { width:44%; float:left; text-align:center; background:#f8f8f8; margin:0 0px 10px 10px; padding:0.8rem 0}
.cright ul li a {
	color: #9e9e9e;
	font-size: 14px;
	border-bottom: transparent 1px solid
}
.cright ul li a img{ max-width:4rem; max-height:4rem; margin-bottom:15px; border-radius:50px;
}
.hidden {
	display: none
}