*{
	margin:0;
	padding: 0;
	box-sizing: border-box;
}
body{
	background: #f1f1f1;
}
a{
	text-decoration: none;
}
img{
	width: 50%;
}
header{
	background: #f05e1c;
	color: white;
	padding: 10px;
	position: fixed;
	width: 100%;
	top:0;
}
header img{
	width: 42px;
	margin-right: 10px;
}
header .logo,header{
	display: flex;
	align-items: center;
}
header{
	justify-content: space-between;
}
header .download a{
	color: white;
	border:1px solid white;
	padding: 3px 5px;
	border-radius: 3px;
	display:inline-block;
}
main {
	margin-top:80px;
}
main .item{
	margin:20px 0;
	text-align: center;
}
main .item h3{
	color: #434343;
	margin-bottom: 5px;
}
main .item a{
	color: #3a8fb7;
	padding: 3px 5px;
	border:1px solid #3a8fb7;
	border-radius: 3px;
	margin:10px 5px;
	display: inline-block;
}
footer{
	text-align: center;
	color: #787878;
	font-size: 14px;
	margin-bottom: 10px;
}

/*微信浏览器显示*/
main .weixin-show{
	display: none;
}
main .overlay{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:rgba(0,0,0,0.8);
}
main .hand{
	position: absolute;
	z-index: 1;
	color: white;
	top:5px;
	right: 0;
}
main .content{
	position: absolute;
	z-index: 1;
	top:150px;
	left: 20px;
}
main .content h3{
	color: white;
}
main .content h3 img{
	width:32px;
	vertical-align: middle;
}
/*end*/

@media screen and (min-width: 1024px){
	body{
		background: #ccc;
	}
	header{
		justify-content: space-around;
	}
	main{
		padding:10px 0;
		width: 750px;
		background: #f1f1f1;
		margin-top:50px;
		margin-left: auto;
		margin-right: auto;
	}
	footer{
		width: 750px;
		background: #f1f1f1;
		margin:0 auto;
		padding-bottom: 10px;
	}
}