/*弹窗*/
.alert {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	top: 300px;
	background: rgba(1,114,255,0.8);
	z-index: 1;
	width: 500px;
	height: 262px;
	opacity: 0;
}
.alert .main {
	width: 472px;
	height: 242px;
	border: 1px solid #fff;
	margin: 0 auto;
	margin-top: 10px;
	color: #fff;
}
.alert .main .close {
	padding: 10px;
}
.alert .main .close img {
	float: right;
	vertical-align: middle;
}
.alert .main h4 {
	text-align: center;
}
.alert .main p {
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.alert {
		width: 300px;
		height: 200px;
	}
	.alert .main {
		width: 280px;
		height: 180px;
	}
}