.alert_overlay {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1000;
	background:rgba(0,0,0,.4);
	-webkit-backdrop-filter:blur(3px);
}

.alert_msg {
	width:330px;
	border-radius:4px;
}
.alert_msg {
	box-sizing:border-box;
	position:absolute;
	left:50%;
	top:30%;
	background:#fff;
	transition:all .2s cubic-bezier(.8,.5,.2,1.4);
	-webkit-transform:translate(-50%,-50%) scale(.5);
	opacity:0;
	transform:translate(-50%,-50%) scale(.5);
}
.alert_show .alert_msg {
	opacity:1;
	transform:translate(-50%,-50%) scale(1);
	-webkit-transform:translate(-50%,-50%) scale(1);
}
.alert_content {
	padding:30px 25px;
	font-size:14px;
	text-align:left;
}
.alert_tips {
	position:fixed;
	z-index:10176523;
}
.alert_buttons {
	text-align:center;
	border-top:1px solid #ccc;
	-webkit-user-select:none;
}
.alert_buttons .alert_btn {
	display:inline-block;
	width:50%;
	border:0;
	height:40px;
	font-size:14px;
	outline:0;
	-webkit-appearance:none;
	background:#fff;
	-webkit-tap-highlight-color:transparent;
	border-radius:0 0 4px 4px;
}
.alert_buttons .alert_btn:only-child {
	width:100%;
}
.alert_buttons .alert_btn:first-child+.alert_btn {
	border-left:1px solid #ccc;
	border-radius:0 0 4px 0;
}
.alert_tips {
	width:100%;
	top:55%;
	pointer-events:none;
	text-align:center;
}
.alert_tips div {
	box-sizing:border-box;
	display:inline-block;
	padding:15px;
	border-radius:10px;
	background:rgba(0,0,0,.7);
	min-width:50px;
	max-width:230px;
	text-align:center;
	color:#fff;
	animation:tipsshow 3s .01s ease;
	-webkit-animation:tipsshow 3s .01s ease;
	opacity:0;
}
@keyframes tipsshow {
	0% {
		opacity:0;
		transform:scale(1.4) rotateX(-360deg);
	}
	20%,80% {
		opacity:1;
		transform:scale(1) rotateX(0deg);
	}
	to {
		transform:scale(1.4) rotateX(360deg);
	}
}
@-webkit-keyframes tipsshow {
	0%,to {
		opacity:0;
	}
	0% {
		-webkit-transform:scale(1.4) rotateX(-360deg);
	}
	20%,80% {
		opacity:1;
		-webkit-transform:scale(1) rotateX(0deg);
	}
	to {
		opacity:0;
		-webkit-transform: scale(1.4) rotateX(360deg);
	}
}