/*总页面*/
* {
 padding: 0;
 margin: 0;
	/*转换元素边距算法↓↓↓*/
	box-sizing: border-box;
 text-decoration: none;
	/*弹性布局容器内容居中*/
	justify-content: center;
}
body {
	background: #001994;
	justify-content: center;
	background-image: url(images/we.png);
}
/*3DS游戏机上屏元素*/
.gametop {
	width: 1200px;
	height: 605px;
	background: #cccccc;
	border-radius: 71px 71px 39px 39px;
	box-shadow: 0px 5px 15px #cccccc;
}
/*上屏幕装饰黑边*/ 
.black {
	width: 1149px;
	height: 48px;
	background: #3E3749;
	border-radius: 31px 31px 17px 17px;
	position: relative;
	top: 7px;
	left: 25px;
}
/*屏幕内部边框*/
.window {
	width: 1053px;
	height: 510px;
	background: #cccccc;
	border-radius: 37px;
	border: 25px solid #ffffff;
	position: relative;
	top: 20px;
	left: 73px;
	right: 73px;
}
/*作品百叶窗*/
h1 {
	text-align: center;
	color: #ffff00;
}
.worksroll {
	width: 959px;
	height: 415px;
	background: #3E3749;
	position: relative;
	border-radius: 12px;
	top: 20px;
	left: 20px;
	display: flex;
	/*隐藏溢出*/
	overflow: hidden;
	justify-content: center;
}
.b {
	/*弹性布局*/
	display: flex;
	/*平移图形*/
	transform: .7s;
	/*在flex下溢出会自动隐藏*/
	overflow: hidden;
}
/*弹性布局 双值语法*/
	/*弹性布局 被挤压空间比例缩小*/
.b:hover {
	flex-shrink: 0;
	/*弹性布局 按容器剩余空间比例放大*/
	flex-grow: 0;
}
img {
	width: 450px;
}
/*中间转轴装饰元素*/
.center {
	width: 1200px;
	height: 72px;
	background-color: #ffffff;
	border-radius: 36px;
	box-shadow: 0px 5px 7px #cccccc;
}
/*3DS游戏机下屏元素*/
.gamebottom {;
	width: 1200px;
	height: 712px;
	background: #cccccc;
	border-radius: 39px 39px 72px 72px;
	box-shadow: 0px 5px 15px #cccccc;
}
/*下屏边框和黑色元素*/
.gamebottom ul {
	list-style-type: "\25C7";
	width: 722px;
	height: 564px;
	border: 50px solid #ffffff;
	border-radius: 50px;
	background-color: #3E3749;
	position: absolute;
	top: 690px;
	left: 239px;
}
/*列表导航元素*/
.gamebottom ul li {
	width: 130px;
	height: 78px;
	background:#3e3749;
	font: "微软雅黑";
	font-size: 50px; 
	float: left;
	border: 2px solid #ffff00;
    position: relative;top:91px;left:40px;right:34px;
	margin-right: 65px;
	margin-left: 6px;
	text-align: center;
	
}
/*导航选中后变化*/
.gamebottom ul :hover {list-style-type: "\25C8"}
.gamebottom ul li a:hover {
	text-decoration-line: none;
	color: #fff;
	/*选择时添加渐变*/
	filter: drop-shadow(0 0 10px #00ed0b) drop-shadow(0 0 20px #00ed0b) drop-shadow(0 0 30px #00ed0b) drop-shadow(0 0 50px #00ed0b);
}
/*左边装饰元素*/
.icon {
	width: 172px;
	height: 172px;
	background-image: url(images/icon.png);
	background-color: #cccccc;
	position: relative;
	top: 80px;
	left: 35px;
}
/*右边装饰元素*/
.abxy {
	width: 203px;
	height: 161px;
	background-image: url(images/ABXY.png);
	background-color: #cccccc;
	position: absolute;
	top: 700px;
	left: 976px;
}