* {
	margin: 0;
	padding: 0;
}

body {
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.ye {
	width: 100%;
	height: 100vh;
	max-width: 62.125vh;
	max-height: 178vw;
	overflow: hidden;
	position: relative;
	display: none;
}

.ye1 {
	display: block;
}

.biejing {
	width: 100%;
	height: 100%;
}

img {
	position: absolute;
}

.huo {
	width: 75%;
	top: 10%;
}

.jia {
	width: 42%;
	top: 22%;
}

.piang {
	width: 70%;
	top: 28%;
}

.yyh {
	width: 10%;
	top: 3%;
	left: 85%;
	z-index: 9999;
}

.hb {
	width: 17%;
	top: 2%;
	left: 2%;
}

.jr {
	width: 85%;
	top: 89%;
}

.gy {
	position: absolute;
	top: 96%;
	font-size: 2vh;
	color: white;
}

.es {
	width: 30%;
	top: 44%;
	transform-origin: 50%, 0;
}
.dian{
	width: 43%;
	top: 75%;
}
.gx{
	width: 43%;
	top: 40%;
	opacity: 0;
}
.sp{
	position: absolute;
	width: 85%;
	top: 10%;
}
.ym{
	width: 89%;
	top: 68%;
}
.hb2{
	width: 16%;
	top: 90%;
	left: 82%;
}
.asdf{
	position: relative;
	width: 85%;
	height: 95%;
	overflow: hidden;
}
.bbb{
	width: 100%;
}
.yyyyy{
	width: 99%;
	top: 0%;
}
.tiaoa{
	width: 100%;
}
.fh{
	width: 85%;
	top: 92%;
}
.gxx{
	position: absolute;
	font-size: 2vh;
	top: 38.5%;
	color: white;
	left: 0%;
}
.ggx{
	width: 100%;
	height: 100%;
	position: absolute;
}
.chang{
	position: absolute;
	font-size: 2vh;
	top: 45%;
	color: white;
}
.fh1{
	width: 30%;
	top: 93%;
}