@charset "utf-8";
.demo {width:880px;height:100%;min-height:600px;padding:10px;border:1px solid #ddd;overflow-y:scroll;}
.sidebar-nav {width:50px;margin:10px auto;}
.sidebar-nav li {position:relative;width:50px;height:65px;border:1px solid #BBB;background:#FFF;margin:0 0 8px 8px;opacity:.5;}
.sidebar-nav li a {display:block;height:100%;color:#555;text-decoration:none;text-align:center;}
.sidebar-nav li a img {padding-top:10px;}
.sidebar-nav li a span {display:block;position:absolute;bottom:5px;width:100%;text-align:center;}
.eui-body,.eui-row {position:relative;cursor:move;}
.eui-body a,.eui-row a {cursor:move;}
.eui-box {position:relative;padding:5px 0 5px 0;}
.eui-box:hover {outline:-webkit-focus-ring-color auto 1px;outline-style:dashed;outline-offset:2px;}
.eui-hover {outline:-webkit-focus-ring-color auto 1px;outline-style:dashed;outline-offset:2px;}
.cmdBtn {position:absolute;top:1px;z-index:999;}
.cmdBtn .editModule,.cmdBtn .deleteModule {float:right;margin:2px 5px;padding:0;cursor:pointer;display:block;height:24px!important;line-height:24px!important;text-align:center;width:24px!important;text-decoration:none;}
.cmdBtn .editModule img,.cmdBtn .deleteModule img {padding:0;margin:3px;}
.dis {display:none;}
/*箭头*/
.ui-sortable-helper-arrow-top { width:100%; height:40px; border-top:5px solid #0E77EA;text-align:center; overflow:hidden;}
.ui-sortable-helper-arrow-bottom { width:100%; height:36px; border-bottom:5px solid #0E77EA;text-align:center; overflow:hidden;}
.arrow {
	width: 20px;
	height: 20px;
	position: relative;
	display: inline-block;
	margin: 10px 10px;
	animation: dong 1s infinite;
}
.arrow:before, .arrow:after {
	content: '';
	border-color: transparent;
	border-style: solid;
	position: absolute;
}

.arrow-up:before {
	border: none;
	background-color: #0E77EA;
	height: 50%;
	width: 30%;
	top: 50%;
	left: 35%;
}
.arrow-up:after {
	left: 0;
	top: -50%;
	border-width: 10px 10px;
	border-bottom-color: #0E77EA;
}

.arrow-down:before {
	border: none;
	background-color: #0E77EA;
	height: 50%;
	width: 30%;
	top: 0;
	left: 35%;
}
.arrow-down:after {
	left: 0;
	top: 50%;
	border-width: 10px 10px;
	border-top-color: #0E77EA;
}
@keyframes dong {
	0% {
		transform: translate(0px, 0px);
	}
	50% {
		transform: translate(0px, -10px);
	}
	100% {
		transform: translate(0px, 0px);
	}
}