@import "../default-skin.less";
@import "../../global/mixin.less";

// 菜单
.c_menu {
	ul { overflow:hidden;}
	.title,
	.leaf { border-bottom:1px solid @fg-light-8; line-height:1+2*@gap; color:@primary-dark-1; text-indent:@gap;}
	.title ~ .title { margin-top:@gap;}
	.leaf { border-bottom:none; color:@fg-light-1; font-weight:bold;}
	.menu > ul > li { line-height:1+2*@gap; text-indent:@gap;}
	.menu-col-2 {
		> ul > li { float:left;  width:50%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
		> ul > li:nth-child(2n) { float:none; width:auto;}
		> ul > li.menu-level-4 { display:block; width:100%;}
	}
	.menu-col-3 {
		> ul > li { float:left;  width:33.33%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
		> ul > li:nth-child(3n) { float: none; width: auto;}
		> ul > li.menu-level-4 { display:block; width:100%;}
	}
	.menu-col-4 {
		> ul > li { float:left;  width:24.5%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
		> ul > li:nth-child(4n) { float: none; width: auto;}
		> ul > li.menu-level-4 { display:block; width:100%;}
	}
	.menu-level-2 { background:@bg-dark-0-4;  overflow:hidden;}
	.on { color:@success;}
}