* {
	margin: 0;
	padding: 0;
	float: none;
	box-sizing: border-box;
	font-size: 14px;
	-moz-user-select: none;
	/* Firefox私有属性 */
	-webkit-user-select: none;
	/* WebKit内核私有属性 */
	-ms-user-select: none;
	/* IE私有属性(IE10及以后) */
	-khtml-user-select: none;
	/* KHTML内核私有属性 */
	-o-user-select: none;
	/* Opera私有属性 */
	user-select: none;
	/* CSS3属性 */
}

html,
body {
	width: 100%;
	height: 100%;
}

@media screen and (min-width: 1600px) {
	* {
		font-size: 17px;
	}
}

@media screen and (min-width:1900px) {
	* {
		font-size: 20px;
	}
}

.container {
	width: 100%;
	min-width: 1366px;
	position: relative;
}

.container[padding=true]{
	padding-top:6rem;
}

.top {
	width: 100%;
	height: 6rem;
	background: url(imgs/top.jpg) no-repeat;
	background-size: 100% 100%;
	position: relative;
	transition: all 0.5s;
}
.top[fix=true]{
	position: fixed;
	left:0;top:0;
	z-index: 999;
}

.top h1 {
	font-size: 1.5rem;
	color: #fff;
	position: absolute;
	left: 4rem;
	top: 50%;
	transform: translateY(-50%);
}

.top ul {
	display: flex;
	list-style: none;
	justify-content: space-between;
	height:3rem;
	position: absolute;
	right:4rem;
	top:1.5rem;
}
.top li{
	height:3rem;
	margin-right: 1rem;
	color:#fff;
	cursor:pointer;
	
}
.top a{
	color:#fff;
	text-decoration: none;
	display:block;
	width: 100%;
	height: 100%;
	padding:0 2rem;
	line-height: 3rem;
	cursor:pointer;
	transition: all 0.5s;
	border-radius: 0.5rem;
}
.top a:hover{
	background-color: rgba(255,255,255,0.3);
	
}
.top .selected {
	background-color: rgba(255,255,255,0.3);
}
.foot{
	height:6rem;
	background-color: #e6e6e6;
	position: relative;
}
.foot .links,.foot .copyright{
	height:2rem;
	line-height: 2rem;
	position: absolute;
	left:50%;
	transform: translateX(-50%);
	color:#707070;
}
.foot .links span{
	display: inline-block;
	padding: 0 2rem;
	cursor: pointer;
	transition: all 0.5s;
	
}
.foot .links span:hover{
	color:#0a78ff;
	
}
.foot .links{
	top:1rem;
}
.foot .copyright{
	bottom:1rem;
}