body{
	font-family: '微软雅黑';
}
.bg{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	background: url("../image/bg1.jpg") bottom center;
	background-size:cover;
}
.scene{
	position: absolute;
	width: 600px;
	height: 600px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin:auto;
	background: rgba(255,255,255,0.5);
}
.start{
	width:220px;
	height:70px;
	text-align: center;
	line-height: 70px;
	font-weight: bold;
	font-size: 20px;
	background: url(../image/btn.png);
	background-size:cover ;
	position: absolute;
	left:100px;
	top:100px;
	cursor: pointer;
}
.reset{
	width:220px;
	height:70px;
	text-align: center;
	line-height: 70px;
	font-weight: bold;
	font-size: 20px;
	background: url(../image/btn.png);
	background-size:cover ;
	position: absolute;
	left:100px;
	top:250px;
	cursor: pointer;
}
.end{
	width:220px;
	height:70px;
	text-align: center;
	line-height: 70px;
	font-weight: bold;
	font-size: 20px;
	background: url(../image/btn.png);
	background-size:cover ;
	position: absolute;
	left:100px;
	top:400px;
	cursor:pointer;
}
.score{
	width:220px;
	height:70px;
	text-align: center;
	line-height: 70px;
	font-weight: bold;
	font-size: 20px;
	background: url(../image/btn.png);
	background-size:cover ;
	position: absolute;
	right:100px;
	top:100px;
	cursor:pointer;
}
.time{
	width:220px;
	height:70px;
	text-align: center;
	line-height: 70px;
	font-weight: bold;
	font-size: 20px;
	background: url(../image/btn.png);
	background-size:cover ;
	position: absolute;
	right:100px;
	top:250px;
	cursor:pointer;
}
.block{
	width: 30px;
	height: 30px;
	float: left;
	/*background: rgba(0,0,0,0.3);*/
}
.she{
	background: url(../image/6.png);
	background-size: 100%;
}
.shetouyou{
	background: url(../image/4.png);
	background-size: 100%;
}
.shetouzuo{
	background: url(../image/4.png);
	transform: rotate(180deg);
	background-size: 100%;
}
.shetoushang{
	background: url(../image/4.png);
	transform: rotate(270deg);
	background-size: 100%;
}
.shetouxia{
	background: url(../image/4.png);
	transform: rotate(90deg);
	background-size: 100%;
}
.shiwu{
	background: url(../image/2.png) no-repeat;
	background-size: 22px 22px;
}
.tanchukuang{
	width:500px;
	height:500px;
	background: red;
}
.fengmian{
	width:100%;
	height:100%;
	text-align: center;
	line-height: 100vh;
	font-size: 40px;
	font-weight: bold;
	font-family: 黑体;
	background: url(../image/fengmian.png);
	background-size:100% 100% ;
	position: absolute;
	top:0;
	left:0;
	z-index: 10;
	transition:transform ease .8s;
	transform: translate3d(0,0,0);
}
span{
	border-radius:10px;
	padding:10px;
	background: rgba(255,255,255,0.7);
}
.feng{
	transition:transform ease .8s;
	transform: translate3d(0,-1000px,0);
}
.zihui{
	width:500px;
	height:500px;
	position: absolute;
	left:0;
	top:50%;
    right:0;
	margin: 0 auto;
    margin-top: -300px;
    background: url("../image/tishi.png") top center;
	background-size:cover ;
    transition: transform ease .8s;
    transform: translate3d(0,-500px,0);
}
.zihuixian {
    transition: transform ease .8s;
    transform: translate3d(0,0,0);
}
.zhuangqiang{
    width:500px;
    height:500px;
    position: absolute;
    left:0;
    top:50%;
    right:0;
    margin: 0 auto;
    margin-top: -300px;
    background: url("../image/tishi.png") top center;
    background-size:cover ;
    transition: transform ease .8s;
    transform: translate3d(0,-500px,0);
}
.zhuangqiangxian {
    transition: transform ease .8s;
    transform: translate3d(0,0,0);
}
.tishi{
    padding:10px;
    font-size: 30px;
    font-family: 黑体;
    position: absolute;
    top:240px;
    left:120px;
}
.again{
    padding:10px;
    font-size: 20px;
    font-family: 黑体;
    border-radius: 10px;
    position: absolute;
    top:330px;
    left:120px;
    background: rgba(214,167,112,0.5);
}
.fanhui{
    padding:10px;
    font-size: 20px;
    font-family: 黑体;
    position: absolute;
    border-radius: 10px;
    top:330px;
    left:278px;
    background: rgba(214,167,112,0.5);
}
.tuiye{
    width:500px;
    height:500px;
    position: absolute;
    left:0;
    top:50%;
    right:0;
    margin: 0 auto;
    margin-top: -300px;
    background: url("../image/tishi.png") top center;
    background-size:cover ;
    transition: transform ease .8s;
    transform: translate3d(0,-500px,0);
}
.tuiyexian {
    transition: transform ease .8s;
    transform: translate3d(0,0,0);
}
.tishi{
    padding:10px;
    font-size: 30px;
    font-family: 黑体;
    position: absolute;
    top:240px;
    left:110px;
}
.true{
    padding:10px;
    font-size: 20px;
    font-family: 黑体;
    border-radius: 10px;
    position: absolute;
    top:330px;
    left:120px;
    background: rgba(214,167,112,0.5);
}
.false{
    padding:10px;
    font-size: 20px;
    font-family: 黑体;
    position: absolute;
    border-radius: 10px;
    top:330px;
    left:278px;
    background: rgba(214,167,112,0.5);
}
.vol{
    width:30px;
    height:30px;
    position: absolute;
    right:50px;
    top:50px;
    background: url("../image/xiazai1.png");
    background-size:cover ;
}
.volone{
    background: url("../image/xiazai.png");
    background-size:cover ;
}