blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5,
h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}
body, button, input, select, textarea {
     font:normal 400 normal 16px/1.4 "Helvetica","Arial","Verdana","sans-serif";
      font:normal 400 normal 16px/1.4 "Helvetica Neue" ,"Helvetica","Arial","Verdana","sans-serif";
}
a{
	text-decoration: none;
	color: #177efb;

}
body{
	-webkit-text-size-adjust:none;
}
#page{
	padding: 48px 0;
}
#navigation{
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 48px;
	line-height: 48px;
	text-align: center;
	background-color: rgba(245,245,245,.98);
	
	background-image:linear-gradient(180deg, #fff, #fff 50%, #ccc 50%);
	background-size: 100% 1px;
	background-repeat: no-repeat;
	background-position: bottom; 
	border-bottom: none;
	z-index: 999;
}
#navigation .cat{
	position: absolute;
	left: 10px;
}
#tabbar{
	position: fixed;
	bottom:0;
	left: 0;
	width: 100%;
	height: 48px;
	background-color: rgba(245,245,245,.98);
	background-image:linear-gradient(180deg, #ccc, #ccc 50%, #fff 50%);
	background-size: 100% 1px;
	background-repeat: no-repeat;
	background-position: top; 
	border-bottom: none;
	text-align: center;
}
#tabbar li{
	display: inline-block;
	font-size: 10px;
	width: 20%;
	max-width: 128px;
}
#tabbar li a{
	color: #929292;
}
#tabbar li.on a{
	color: #177efb;
}
#tabbar li span.icon{
	display:inline-block;
	width: 32px;
	height: 32px;
	font-size: 28px;
	line-height: 36px;
	margin: 0 12px;
}
#tabbar li span{
	display: inline-block;
	width: 100%;
}

#ppt{
	height: 130px;
	white-space:nowrap;
	overflow-y:hidden;
	overflow-x: scroll; 
	-webkit-overflow-scrolling: touch;
}
hr{
	border: none;
	height: 1px;
	margin: 0 0 0 15px;
	background-image:linear-gradient(180deg, #ccc, #ccc 50%, #fff 50%);
	background-size: 100% 1px;
	background-repeat: no-repeat;
	background-position: top; 
}
.section{
	padding: 10px 0
}
.section h3{
	padding:0 12px 5px 15px;
	font-weight: 400;
}
.act{
	font-size: 12px;
	color: #666;
	float: right;
	padding: 4px 0;
}
.act span{
	font-family: Al Nile;
}
.banner{
	padding:5px 5px 5px 15px;
	white-space:nowrap;
	overflow-x: scroll; 
	-webkit-overflow-scrolling: touch;
	font-size: 0;
}
.banner li{
	display: inline-block;
	margin-right: 15px;
}
.banner li img{
	border-radius: 10px;
	vertical-align: middle;
	/* box-shadow: 0px 0px  1px #000; */
}
.list li{
	padding:5px 15px;
	display: inline-block;

}
.slide{
	padding:0 5px 0 15px;
	white-space:nowrap;
	overflow-x: scroll; 
	-webkit-overflow-scrolling: touch;
}

.slide li{
	white-space:normal;
	display: inline-block;
	width: 80px;
	margin-right: 10px;
	vertical-align: text-top;
	
}
.slide li a{
	font-size: 12px;
	color: #000;
}
.slide li .img span{
	margin:-80px 0 0 -80px; 
	display: inline-block;
	width:80px;
	height: 80px;
	background-image:url('./im.png');
	background-size: 100%;
}


.slide li img{
	/* border-radius: 18px; */
}

.slide li .title{
	width: 100%;
	margin-top: 7px;
	line-height: 1.3;
	display: inline-block;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-word;

}

.slide li .cat{
	color: #666;
	display: inline-block;
	width: 100%;
	white-space: nowrap;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
}