*{
	margin: 0 auto;
	padding: 0;
}
#play{
	width: 1024px;
	height: 768px;
	margin: 0 auto;
}
/* 游戏背景图 */
.gameBackground{
	width: 1024px;
	height: 768px;
	margin: 0 auto;
	background-image: url(./../images/startbg.jpg);
	position: relative;/* 相对定位 */
	overflow: hidden;
}
/* 设置模块 */
/* 设置 */
.set{
	width: 50px;
	height: 50px;
	background-color: #fff;
	border-radius: 25px ;
	background-image: url(../images/set.png);
	background-size: 50px 50px ;
	position: absolute;
	top: 30px ;
	left: 938px ;
	z-index: 1;
}
/* 设置窗口 */
/* 背景 */
.setBackground{
	width: 1024px;
	height: 768px;
	margin: 0 auto;
	background-image: url(./../images/startbg.jpg);
	position: absolute;
	z-index: 2;
	display: none;
	align-items: center;
	justify-content: center;
}
.setWicket{
	width: 300px;
	height: 200px;
	position: absolute;
	background-color: #002f65;
	border-radius: 10px ;
	border-width: 3px ;
	border-style: solid;
	border-color: #00aaff;
	display: flex;
	justify-content: center;
}
.SetReturnButton{
	width: 40px;
	height: 40px;
	position: absolute;
	background-color: #fff;
	background-image: url(../images/close.png);
	background-size: 40px 40px ;
	border-radius: 20px;
	top: -20px;
	left: 280px ;
}
/* 音乐 */
.backgroundMusic{
	width: 300px;
	height: 50px;
	position: absolute;
	background-color: #002b5f;
	top: 75px ;
}
/* 音效 */
.soundEffect{
	width: 300px;
	height: 50px;
	position: absolute;
	background-color: #002b5f;
	top: 110px ;
}
.backgroundMusic span,.soundEffect span{
	width: 300px;
	height: 25px;
	position: absolute;
	font-size: 16px;
	text-align: center;
	font-weight: 600;
	color: #fff;
	/* background-color: pink; */
	top: 12px ;
}

/* 分数和选择场景 */
.score_scene{
	width: 1024px;
	height: 100px;
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: space-between;
    justify-content: space-evenly;
}
.score{
	width: 200px;
	color: #ffffff;
	text-indent: 2em;
	text-align: left;
}
.selectScene{
	width: 200px;
	color: #f4ff52;
	text-indent: 2em;
	text-align: left;
}
.diamond{
	width: 200px;
	color: #ffffff;
	text-indent: 2em;
	text-align: left;

}
/* 场景 */
.scene{
	width: 1024px;
	height: 400px;
}
.sceneTop{
	width: 1024px;
	height: 200px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-content: flex-end;
}
/* 各个场景背景图 */
.sceneBelow{
	width: 1024px;
	height: 200px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-content: flex-end;
}
.customspass1{
	width: 230px;
	height: 150px;
	background-image: url(../images/BG1.jpg);
	background-size: 230px 150px;
	display: flex;
    align-items: flex-end;
	border-radius: 10px;
}

.customspass2{
	width: 230px;
	height: 150px;
	background-image: url(../images/BG2.jpg);
	background-size: 230px 150px;
	display: flex;
    align-items: flex-end;
	border-radius: 10px;
}
.customspass3{
	width: 230px;
	height: 150px;
	background-image: url(../images/BG3.jpg);
	background-size: 230px 150px;
	display: flex;
    align-items: flex-end;
	border-radius: 10px;
}
.customspass4{
	width: 230px;
	height: 150px;
	background-image: url(../images/BG4.jpg);
	background-size: 230px 150px;
	display: flex;
    align-items: flex-end;
	border-radius: 10px;
}
.customspass5{
	width: 230px;
	height: 150px;
	background-image: url(../images/BG5.jpg);
	background-size: 230px 150px;
	display: flex;
    align-items: flex-end;
	border-radius: 10px;
}
.customspass6{
	width: 230px;
	height: 150px;
	background-image: url(../images/BG6.jpg);
	background-size: 230px 150px;
	display: flex;
    align-items: flex-end;
	border-radius: 10px;
}
.customspass7{
	width: 230px;
	height: 150px;
	background-image: url(../images/BG7.jpg);
	background-size: 230px 150px;
	display: flex;
    align-items: flex-end;
	border-radius: 10px;
}
.customspass8{
	width: 230px;
	height: 150px;
	background-image: url(../images/BG8.jpg);
	background-size: 230px 150px;
	display: flex;
    align-items: flex-end;
	border-radius: 10px;
}

/* 场景背景图中的文字 */
a{
	text-decoration: none;
}
.sceneCharacters{
	width: 230px;
	height: 50px;
	background-color:rgba(0, 0, 0, 0.7);
	border-radius: 0px 0px 10px 10px ;
	
}
.characters1{
	color: #f9f9f9;
}
.characters2{
	color: #f0f850;
}