* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body {
	width: 100%;
	height: 100%;
}
body{
	background: #0f85ff;
}
.tip{
	width: 100%;
	height: 48px;
	font: 24px/48px "Microsoft Yahei", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
	color: #fff;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: 64px;
}
.qcode{
	width: 320px;
	height: 320px;
	font: 16px/48px "Microsoft Yahei", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
	color: #333;
	text-align: center;
	background: #fff url(../images/qcode.png) center 30px no-repeat;
	background-size: 240px 240px;
	padding: 268px 20px 20px 20px;
	border-radius: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -160px;
	margin-left: -160px;
}
.copyright {
	width: 100%;
	height: 48px;
	font: 12px/48px "Microsoft Yahei", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
	color: #fff;
	text-align: center;
	position: absolute;
	bottom: 0;
}
.copyright a{
	color: #fff;
}
.index-bg{
	width: 100%;
	height: 100%;
	background: #3cb371;
	background-size: auto 100%;
}
/*@media (min-width: 75em) {
	.qcode{
		width: 340px;
		height: 383px;
		background: url(../images/qcode.png) center no-repeat;
		background-size: 100% 100%;
		position: absolute;
		bottom: 160px;
		left: 50%;
		margin-left: -170px;
	}
	.index-bg{
		background-size: 100% auto;
	}
}*/