/*弹窗*/
.alert {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	top: -10px;
	/*background: gray;*/
	z-index: 1;
	width: 50%;
	
	opacity: 0;
}
.alert .main {
	width: 100%;
	
	
	margin: 0 auto;
	margin-top: 10px;
	color: #fff;
}
.alert .main .close {
	padding: 10px;
	position:relative;
	top:35px;
}
.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;
	}
}