.coSide { 
	height: 100%; overflow: auto; background-size: cover; position:relative;
	transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), 
	-webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
	
// .co-sidemenu.dark,body.dark .co-sidemenu{
.easyui-sidemenu{
	.accordion{
		background-color: transparent;

		// 一级菜单文字颜色
		.panel-title{
			color: #FFF; font-weight: normal;
			&:hover{ color: #00e8ff;}
		}
		// 一级菜单背景 + 箭头颜色
		.accordion-header{
			background: none;
			color: #b8c7ce;
		}
		// 二级菜单背景和文字
		.accordion-body{
			background: rgba(255,255,255,.08);
			color: rgba(255,255,255,.8);
			.tree-title{ font-size: 16px;}
		}
		// 一级菜单选中背景
		.accordion-header-selected{
			background-image: linear-gradient(to right, #82D254 , #237FF9); color: #fff;
			.panel-title{
				color: #00e8ff;
			}
		}
		
		
		.accordion-collapse{
			background: transparent;
		}
	}
	// 二级菜单 hover
	.tree-node-hover{
		background: transparent;
		color: #00e8ff;
	}
	// 二级菜单 选中
	.tree-node-selected{
		background: transparent;
		color: #00e8ff;
	}
	
	
	
	
	
	
	.accordion-header{
		border-width: 0;
		
		.panel-icon{
			font-size: 20px;
			left:20px;
			top: 50%;
			margin-top: -15px;
			height: 30px;
			width: 20px;
			background-size:16px; background-position: center;background-repeat: no-repeat;
		}
		// .panel-tool{
		//     display: none;
		// }
		
	}
	
	
	
	
	
	
	
	.sidemenu-collapsed .accordion-header::after{
		display: none;
	}
	.sidemenu-tooltip .accordion{
		border-color: #1e282c;
	}
	&.sidemenu-collapsed .panel-icon{ margin-left: 0;}
	
	
	
	// 图标
	.accordion-collapse,.tree-node-nonleaf,.tree-node-nonleaf-collapsed{
		opacity: 0.7;
		color: #fff;
		font-family: element-icons!important;
		// font-weight: 700;
	}
	.accordion-collapse:before,.tree-node-nonleaf::after{
		content: "\e6df";
	}
	.accordion-expand:before,.tree-node-nonleaf-collapsed::after{
		content: "\e6de";
	}
	.panel-tool,.tree-node-nonleaf::after{ right:14px; line-height: 16px;}
	
	// 选中时右侧颜色
	.tree-node-selected{ border-right:3px solid #82D254;}
	
	.panel-icon:before{ display: inline-block; padding-top: 5px}
	
	
	
	&.md{
		.panel-title{ font-size: 16px; padding-left: 45px;}
		.accordion-body .tree-title{ font-size: 16px;}
		.accordion-header{ height: 48px; padding-top: 9px; padding-bottom: 9px;}
		.sidemenu-tree li{ padding-top: 4px; padding-bottom: 4px;}
		.accordion-body{ padding-left: 32px; }
	}
	&.sm{
		.panel-title{ font-size: 14px; padding-left: 45px; }
		.accordion-body .tree-title{ font-size: 14px;}
		.accordion-header{ height: 40px; }
		.sidemenu-tree{ padding-top: 4px; padding-bottom: 4px;}
		.accordion-body{ padding-left: 6px; }
	}
}



// 收起时子菜单样式

.sidemenu-tooltip{
	.accordion{
		border-width: 0;
		// 整体背景图
		background-color: #233552;
		// 一级菜单文字颜色
		.panel-title{
		    color: #FFF;
			padding-left: 12px;
		}
		// 一级菜单背景 + 箭头颜色
		.accordion-header{
		    background: none;
		    color: #b8c7ce;
		}
		// 二级菜单背景和文字
		.accordion-body{
		    background: rgba(0,0,0,.2);
		    color: #FFF;
		}
		// 一级菜单选中背景
		.accordion-header-selected{
		    background: rgba(0,0,0,.4);
		}
		.accordion-collapse{
		    background: transparent;
		}
	}
	// 二级菜单 hover
	.tree-node-hover{
	    background: #2c3b41;
	    color: #fff;
	}
	// 二级菜单 选中
	.tree-node-selected{
	    background: #2c3b41;
	    color: #fff;
	}
}