*{
	margin:0;
	padding:0;
}
html body{
	height:100vh;
	overflow: hidden;
	background-size: 100%;
	font-family: sans-serif;
}
img{border:0; display:block;}
.container{
	height:13808px;
	display: block;
    position: absolute;
    overflow: hidden;
}
.pr{
	position:relative;
}
.btn{
	width:234px;
	height:528px;
	position:fixed;
	top:40%;;
	left:15px
	-webkit-user-select:none;
	-moz-user-select:none;
	z-index:999;
}
.pic-show{
	opacity: 1;
	transition: all 0.3s ease-in 0.3s;
}
.open-audio{
	height:80px;
	width:80px;
	background:url(../img/audio.png?11) -70px center  no-repeat;
	position: fixed;
	top:10px;
	right:10px;
	z-index:9999;
}
.close-audio{
	background:url(../img/audio.png?11) 20px center no-repeat;
}
.music{
	display: none;
	height:0;
	width:0;
	overflow: hidden;
}
.hide{
	display: none;
}
.show{
	display: block;
}
.pic-show{
	position:absolute;
	top:0px;
	width:100%;
	z-index:2;
}
.all-txt{
	position: absolute;
    z-index: 999;
    transform:scale(0);
    line-height: 1.5;
}
.txt-one{
	top: 240vw;
    left: 15vw;
}
.txt-two{
	top: 364vw;
    left: 15vw;
}
.txt-three{
	top: 488vw;
    left: 15vw;
}
.txt-four{
	top: 612vw;
    left: 15vw;
}
.txt-five{
	top: 736vw;
    left: 15vw;
}
.txt-six{
	top: 860vw;
    left: 15vw;
}
.txt-seven{
	top: 984vw;
    left: 15vw;
}
.txt-eight{
	top: 1107vw;
    left: 15vw;
}
.txt-night{
	top: 1231vw;
    left: 15vw;
}
.txt-ten{
	top: 1355vw;
    left: 15vw;
}
.txt-eleven{
	top: 1478vw;
    left: 15vw;
}
.txt-twelve{
	top: 1602vw;
    left: 15vw;
}
.txt-thirteen{
	top: 1726vw;
    left: 15vw;
}
.txt-show{
	transition: all .3s ease-in .01s;
    transform:scale(1);
}