@CHARSET "gbk";
body{
	width:100%;
	min-height: calc(100vh);
	display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction: column;
	flex-wrap: nowrap;
    justify-content:space-between;	
	align-items:stretch;
}
.index_body{
	display:-webkit-flex;
	display:flex;
	width:100%;
	height:auto;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:center;
	background-image: linear-gradient(#B0E0E6,#FFFFFF);
	position:relative;
	z-index:0;
}
.appList{
	display:-webkit-flex;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-between;
	width:68%;
	height:auto;
	margin:auto;
}
.appDiv{
	width:auto;
	height:auto;
	margin:50px 0;
	display:-webkit-flex;
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:flex-end;
	text-align:center;
}
#topId{
	height:100%;
	width:68%;
	display:-webkit-flex;
	display:flex;
	overflow: hidden;
	line-height: 1.8em;
	z-index:0;
	clear:both;
	position:relative;
}
.left {
	display: block;
	height: 100%;
	width: 100%;
	overflow: hidden;
	visibility:visible;
	position:relative;
}
.left img{
	margin:auto;
	height: 100%;
	width: 100%;
}
.left li{
	position:absolute;
	top:0px;
	left:0px;
}
#img_list { 
	position:absolute;
	width:100%;
	height:28px;
	top:369px;
	left:0;
	opacity:0.8;
	background-color:#CCC;
	z-index:1;
	
}
#img_list span 
{ 
	float:right;
	margin-right:30px;
	
}
#img_list a 
{ 
	display: block;
	margin-top:7px; 
	width: 16px; 
	height: 16px; 
	text-indent: 4px; 
	float: left; 
	margin-right: 5px; 
	background: #999; 
	z-index:1;
	font-size:14px;
	line-height:1.3em;
	position:relative;
	text-decoration: none;
} 

#img_list a:hover, #img_list a.active 
{ 
	font-size:14px;
	text-decoration: none;
	font-weight:bold;
	background:#ffff66;
	color:#741d16;
}