*{
	margin: 0px;
	padding: 0px;
}
body,html{
	margin: 0px;
		padding: 0px;
	
}
.BG_img{
	width: 1920px;
	height: 1080px;
	position: fixed;
	top: 0px;
	left: 0px;
}

#zindex-1{
	width: 425px;
	height: 1080px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 2;
	animation: myfirst1 1s;
	animation-fill-mode:forwards;
	display: none;
}

#zindex-2{
	width: 425px;
	height: 1080px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 2;
	animation: myfirst1 1s;
	animation-fill-mode:forwards;
	display: none;
}

@keyframes myfirst1{
	0%   {width: 425px;height: 1080px;top: 0px;left: -425px;}
	100%  {width: 425px;height: 1080px;top: 0px;left: 0px;}
}

#redView{
	width: 12px;
	height: 10px;
	background-color: #ff0000;
	position: fixed;
	z-index: 10;
	top: 255px;
	right: 484px;
	animation: shan 1s infinite ease-in-out;
	display: none;
}

#redViewL{
	width: 390px;
	height: 100px;
	background-color: #ff0000;
	position: fixed;
	z-index: 10;
	top: 365px;
	left: 20px;
	animation: shan2 1s infinite ease-in-out;
	display: none;
}

@keyframes shan{
	0% {
		opacity:1;
	}
	50% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes shan2{
	0% {
		opacity:0.4;
	}
	50% {
		opacity:0;
	}
	100% {
		opacity:0.4;
	}
}