/* DaTouWang URL: www.datouwang.com */
*{
	margin:0;
	padding:0;
}
html body{
	height:100vh;
	overflow: hidden;
	background-size: 100%;
	font-family: sans-serif;
}
.container{
	display: block;
    position: absolute;
    width: 100%;
    overflow: hidden;
}
.pr{
	position:relative;
}
/**/
.page-one{
}
.page-two{
}
.page-three{
}
.page-four{
}
.page-five{
}
.page-six{
}
.page-seven{
}
.page-eight{
}
.btn{
	background-color: #f00;
	border:2px solid #dfdfdf;
	width:80px;
	height:80px;
	position:fixed;
	bottom:15px;
	border-radius:80px;
	left:50%;
	margin-left:-40px;
	-webkit-user-select:none;
	-moz-user-select:none;
	z-index:999;
	background: url(../img/btn.gif);
	background-size: 100%
}
.ui-loader{
	display: none;
}
.good{
	background: url(../img/good.png);
    height: 25px;
    width: 25px;
    position: fixed;
    bottom: 68px;
    left: 50%;
    margin-left: -9px;
}
.good1{
	background: url(../img/good.png);
    height: 25px;
    width: 25px;
    position: fixed;
    bottom: 68px;
    left: 50%;
    margin-left: -9px;
}
.all-width{
	display: block;
	width:100%;
}
.two-img{
	width: 40%;
    margin-left: 30%;
    margin-top: 4vw;
    opacity: 0;
}
.three-img{
	width: 25%;
    margin-left: 24%;
    margin-top: 96px;
    opacity: 0;
}
.four-img{
	width: 50%;
    margin-top: 305vw;
    margin-left: 20%;
    opacity: 0;
}
.five-img{
	margin-top: 682vw;
    width: 33%;
    margin-left: 5%;
    margin-bottom: 30vw;
}
.six-img{
	margin-top: 115vw;
    width: 30%;
    margin-left: 38%;
    margin-bottom: 41vw;
}
.seven-img{
	margin-top: 583vw;
    width: 26%;
    margin-left: 55%;
    margin-bottom: 0;
}
.eight-img{
	margin-left: 23%;
    width: 25%;
    margin-top: -22vw;
    margin-bottom: 40vw;
}
.nine-img{
	margin-left: 37%;
    width: 37%;
    margin-top: 140vw;
    margin-bottom: 350vw;
}
.pic-show{
	opacity: 1;
	transition: all 0.3s ease-in 0.3s;
}
.open-audio{
	height:40px;
	width:40px;
	background:url(../img/audio.png) center 9px no-repeat;
	position: fixed;
	top:10px;
	right:10px;
	z-index:9999;
}
.close-audio{
	background:url(../img/audio.png) center -36px 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;
}
.video{
	margin-top:15px;
	margin-bottom: 0px;
}
.video video{
	width:100%;
	margin-bottom:10px;
}
.opacity0{
	opacity: 0;
}

.f5{
	font-size:5vw;
	line-height: 1.8;
}
.one-color{
	color:#bc5e28;
}
.two-color{
	color:#0073a0;
}
.three-color{
	color:#8203ce;
}
.four-color{
	color:#1e9203;
}
.five-color{
	color:#fb0000;
}
.six-color{
	color:#b59800;
}
.seven-color{
	color:#043ffd;
}
.eight-color{
	color:#ea0d16;
}
.all-txt{
	position: absolute;
    z-index: 999;
    font-size:4vw;
    transform:scale(0);
    opacity: 0;
    line-height: 1.5;
}
.txt-one{
	top: 48vw;
    left: 33vw;
}
.txt-two{
	top: 52vw;
    right: 13vw;
}
.txt-three{
	top: 67vw;
    left: 23vw;
}
.txt-four{
	top: 45vw;
    left: 6vw;
    color: #fff;
}
.txt-five{
	top: 60vw;
    left: 6vw;
}
.txt-six{
	top: 14vw;
    left: 20vw;
    font-size: 3.5vw;
}
.txt-seven{
	top: 3vw;
    left: 24vw;
}
.txt-eight{
	top: 6vw;
    left: 20vw;
}
.txt-show{
	transition: all .3s ease-in .01s;
    opacity: 1;
    transform:scale(1);
    color:#000;
}
.footer{
	font-size:4vw;
	color:#fff;
	text-align: center;
	padding:2vw;
	background: #2588af;
	margin-top:15px;
}
.other{
	opacity: 0.8;
	background: #fff;
	padding:2vw;
	border-radius: 10px;
}