.layout{
	position: relative;
	overflow: hidden;
}
.bgs{
	width: 100%;display: block;
}
.list{
	background: rgba(6,29,55,0.9);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.list .line{
	text-align: center;
	border-bottom: 1px solid rgba(255,255,255,0.12);
}
.list ul{
	overflow: hidden;display: inline-block;
}
.list .line:nth-child(2){
	border-bottom: none;
}
.list li{
	float: left;
	text-align: left;
}
.list li.l1{
	width: 180px;
}
.list li.l2{
	width: 140px;
}
.list li.l3{
	width: 230px;
}
.list li.em{
	width: 280px;
}
.list li a{
	display: block;
	font-size: 18px;
	line-height: 70px;
	color: #FFFFFF;
	padding-left: 30px;
}





@media only screen and (max-width:900px){
	.layout{
		min-width: 750px;
		margin: 0 auto;
		height: 700px !important;
	}
	.list{
		position: static;
	}
	.list ul{
		display: block;
		padding: 0 30px;
	}
	.list li a{
		font-size: 26px;
		padding-left: 45px;
		background-size: 30px auto !important;
	}
	.list li{
		width: auto !important;
		float: none;
	}
	body{
		min-height: 100vh;
		    background: rgba(6,29,55,1);
	}
	.list .line{
		width: 50%;float: left;
	}
	.list .line:nth-child(2n) li.ls{
		display: none;margin-left: -119%;
	}
	.list .line li.ls{
		width: 200% !important;
	}
	.list .line{
		border: none;
	}
	.list ul{
		overflow: inherit;
	}
	.list .line .l1 a{
		opacity: 0.6;
	}
	.list .line .l1.on a{
		opacity: 1;
	}
	
	
}