@charset "utf-8";
img {
	display: block;
	width: 100%;
}
.main {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 640px;
	height: 100%;
	background-image: url(../images/BG.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.pic {
	position: absolute;
	top: 1.93%;
	right: 0.46875%;
	width: 87.96875%;
}
.red {
	position: absolute;
	top: 12.98%;
	left: 20.9375%;
	width: 15.15625%;
}
.green {
	position: absolute;
	top: 32.8488%;
	left: 17.96875%;
	width: 19.6875%;
}
.yellow {
	position: absolute;
	top: 20.05%;
	right: 4.21875%;
	width: 22.34375%;
}
.btn {
	position: absolute;
	bottom: 3.5%;
	left: 19.6875%;
	width: 59.375%;
	z-index: 999;
}
.dialog {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 640px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
}
.dialog-share {
	position: absolute;
	top: 2%;
	right: 5.625%;
	width: 67.5%;
}