ul,ol,li{list-style:none}
img{
	max-width: 100%;
}
.top{
	width: 100%;
	height: 3.3rem;
	margin: 0 auto;
	text-align: center;
	line-height: 2;
}
#header{
	width: 100%;
	/*background-color: red;*/
	font-size: 1.6rem;
}
#header .link{
	/*height: 4.5rem;*/
}
#header .link ul{
	overflow: hidden;
	padding: 0;
	/*margin-top: .5rem;*/
}
#header .link li{
	width: 30%;
	margin: .1rem .1rem .8rem .1rem;
	float: left;
	text-align: center;
}

.letter{
	font-family: Helvetica, Tahoma, Arial, "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei";
	position: fixed;
	top: 2px;
	right:0;
	font-size: 12px;
	z-index: 99;
}
.letter ul{
	padding: 0;
	/*margin-top: 8px;*/
	text-align: center;
	/*background-color: white;*/

}
.letter ul>li{
	line-height: 18px;
	font-weight: bold;
	color: rgb(31,145,255);
}
/*图片媒体查询*/
@media screen and (max-width:374px) and (min-width:320px){

      .link ul li img{

            /*background-color:red;*/
            height: 37px;

       }

}
@media screen and (max-width:412px) and (min-width:375px){

      .link ul li img{

            /*background-color:blue;*/
            height: 44px;

       }

}
@media screen and (min-width:414px){

      .link ul li img{

            /*background-color:yellow;*/
            height: 48px;

       }

}
/* 底部导航 */

	.footer{
		
		position: fixed;
		bottom: 0;
		z-index: 999;
		width: 100%;
		line-height: 1.8;
		/*display: flex;*/
		border-bottom: 1px solid #f8f8f8;
		background-color:#f7f7f7;
		box-shadow: 0 0 1px rgba(0,0,0,.85);
	}
	.footer a{
		height: 50px;
		float: left;
		width: 20%;
		/*-webkit-box-flex:1;*/
		/*flex: 1;*/
		text-align: center;
		/*margin: 7px;*/
	}
	.footer a img{
		width: 24px;
		height: 24px;
		vertical-align: middle;
	}
	.footer p{
		margin: 2px;
		font-size: 12px;
	}
	.footer .active{
		color:rgb(216,30,6);
	}