* {
padding: 0;
margin: 0;
}

body {
background: #000;
color: #fff;
overflow: hidden;
-ms-touch-action: none;
}
.main-view{
	width: 100%;
	height: 1008px;
	/*background: url(../images/beijing-sheet0.png);*/
}
#bg{
	width: 100%;
	height: 100%;
}
#start_bt{
	position: absolute;
	left: 20%;
	top: 80%;
}
.game_img{
	display: none;
	left: 15%;
	top: 20%;
	position: absolute;
	width: 70%;
	height: 60%;
	/*background: url(../images/jieguo4-sheet0.png);*/
}
.preload{
	width: 0;
	height: 0;
}
#time{
	display: none;
   position: absolute;
   width: 20%;
   height: 4%;
   left: 20%;
   top: 12%;
   color: #000;
   font-size: 40px;
   /*text-align: center;*/
}
#time img{
	width: 100%;
	height: 100%;

}
#time p{
   position: absolute;
	display: inline-block;
	top: 0px;
	left: 45%;
}
#count{
	display: none;
	position: absolute;
	width: 20%;
   height: 4%;
    left: 55%;
   top: 12%;
   color: #000;
   font-size: 40px;
   /*text-align: center;*/
}
#count img{
	width: 100%;
	height: 100%;
}
#count p{
	position: absolute;
	display: inline-block;
	left: 45%;
	top: 0px;
}
 #replay_bt{
 	display: none;
   position: absolute;
   width: 30%;
   height: 10%;
   left: 10%;
   top: 80%;
 }
 #share_bt{
 	display: none;
   position: absolute;
   left: 60%;
   top: 80%;
   width: 30%;
   height: 10%;
 }
.result_img{
	display: none;
	position: absolute;
	width: 80%;
   height: 60%;
	left: 10%;
	top: 17%;
	color: #fff;
	font-size: 30px;
}
.result_img img{
	width: 100%;
	height: 100%;
}
#p1{
	display: inline-block;
	position: absolute;
	left: 55%;
	top: 59%;
}
#p2{
	display: inline-block;
	position: absolute;
	left: 55%;
	top: 65%;
}
#share_img{
	position: absolute;
	left: 0;
	top: 0;
	display: none;

}