li{list-style: none; color: aliceblue;float: left;width: 80px;text-align: center;line-height: 30px;}

a{color: aliceblue;text-decoration: none;}

body{background-color: #DBDBDB;}

#top{
	width: 1200px; /* 宽度*/
	height: 100px;  /* 高度*/
	/* border: solid 1px #DA3F41;  边框*/
	margin: 0 auto;  /* 定位 居中*/
	background-image:url(图片/外太空.jpg);
	background-repeat: round;/* 背景图片平铺方式*/
	

}
#zj{
	width: 1200px;
	height: 1080px;
	
	margin: 0 auto;
	margin-top: 20px;  /* 定位 距离上20像素*/
}
#l{
	width: 280px;
	height:1080px;
	
	float: left; /* 定位 浮动向左 父级必须配合下级向左浮动，不然下级无法生效*/
	background-color: #FFFFFF;
}
#r{
	width: 896px;
	height: 1080px;
	
	float: left;  /* 定位 浮动向左*/
	margin-left: 20px; /* 定位 距离左20像素*/
	
}
#b{
	width: 1200px;
	height: 80px;
	
	margin: 0 auto;
	margin-top: 20px;
	background-color: #C8BBBB;
}

.a1{
	width: 80px;
	height: 30px;
}
.a1:hover{
	background-color: aqua;
	width: 80px;
	height: 30px;
	display: block;
}

#tx{
	width: 100px;
	height: 100px;
	border: solid 1px #FF0004;
	margin: 0 auto;
	margin-top: 20px;
	border-radius: 50%;
	background-image:url("图片/头像.jpg")
}

.q1{
	width: 60px;
	height: 40px;
	color: #FF0004;
	border: solid 1px #000000;
	line-height: 40px;
}


.q2{
	width: 60px;
	height: 40px;
	color: #FF0004;
	border: solid 1px #000000;
	border-left: none;
	line-height: 40px;
}

.q3{
	width: 250px;
	height: auto;
	float: left;
	text-indent: 4ch;
	line-height: 30px;
	margin-left: 13px;
	letter-spacing: 2px;
	text-align: justify;
}

.q4{
	width: 285px;
	height: 368px;
	background-color: #FFFFFF;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
	color: #000000;
}

.q4:hover{
	background-color: #C2DEF0;
}

.q5{
	width: 285px;
	height: 368px;
	background-color: #FFFFFF;
	margin-top: 20px;
	float: left;
	color: #000000;
}
.q5:hover{
	background-color: #C2DEF0;
}

.q6{
	width: 250px;
	margin: 0 auto;
	letter-spacing: 2px;
	text-align: justify;
	line-height: 30px;
}
.q7{
	margin-left: 15px;
}