ul,li{
	margin: 0;
	padding: 0;
}
.menus-wrap li {
	list-style: none;
	height: 40px;
	line-height: 40px;
	text-align: center;
	transition-property: color,background;
	-moz-transition-property: color,background; /* Firefox 4 */
	-webkit-transition-property: color,background; /* Safari 鍜� Chrome */
	-o-transition-property: color,background; /* Opera */
	transition-duration: .3s;
	-moz-transition-duration: .3s; /* Firefox 4 */
	-webkit-transition-duration: .3s; /* Safari 鍜� Chrome */
	-o-transition-duration: .3s; /* Opera */
	cursor: pointer;
	box-sizing: border-box;
}
.menus-wrap .line {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	transition: all .3s;
}
.menus-wrap .block {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	height: 100%;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}
.menus-wrap h3 {
	text-align: center;
	margin: 20px 0;
	border-top: 1px solid #ccc;
	padding-top: 20px;
}
.menus-wrap ul {
	width: 800px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.menus-wrap .menus-level {
	position: relative;
	display: flex;
}
.menus-wrap .menus-level li {
	flex: 1;
}
.menus-wrap .menus-vertical {
	position: relative;
	width: 80px;
}
.menus-wrap .menus-vertical li {
	width: 100%;
}
.menus-wrap .menus-vertical .line {
	width: 1px;
}
.menus-wrap .menus-vertical .block {
	width: 100%;
}

.menus-wrap .menus-level .line{
	width: 120px; 
	background: #1679FF; 
	left: calc(50%+60px);
	color: inherit;
}