/*地图编辑器*/
.editor-map{
	height:100%;
}

/*基本容器*/
.e-base{
	background-color:rgba(0,0,0,0.8);
	border-radius: 8px;
	color:#fff;
	overflow:hidden;
}

/*基本项*/
.e-item{
	border-bottom:1px dashed rgba(255,255,255,0.5);
	transition:background-color 0.2s;
}

.e-item[sel="true"]{
	background-color: rgba(255,255,255,0.1);
}

.e-item:hover{
	background-color: rgba(255,255,255,0.2);
}

/*左侧容器*/
.em-left{
	width:250px;
	height:calc(100% - 40px);
	position: absolute;
	left:30px;
	top:20px;
	font-size: 0;
}

.em-left>.left{
	vertical-align: top;
	width:40px;
	border-right:1px solid rgba(255,255,255,0.5);
	height:100%;
	display: inline-block;
	box-sizing: border-box;
	font-size:16px;
}

.em-left>.left>i{
	display: block;
	text-align: center;
	height:50px;
	line-height: 50px;
	transition: background-color 0.2s;
}

.em-left>.left>i[sel="true"]{
	background-color:rgba(255,255,255,0.15);
}

.em-left>.left>i:hover{
	background-color:rgba(255,255,255,0.3);
}

.em-left>.right{
	vertical-align: top;
	display: inline-block;
	width:calc(100% - 40px);
	height:100%;
	font-size:16px;
	overflow-y: scroll;
}

.em-left>.right::-webkit-scrollbar {display:none}

/*图层*/
.em-map{
	font-size:14px;
	height:25px;
	line-height: 25px;
	padding-left:5px;
}

.em-map-list>p{
	background-color: rgba(255,255,255,0.2);
    margin: 0px;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}

.em-map-list>a,.btn{
	display: block;
    width: 80%;
    height: 25px;
    background-color: rgba(255,255,255,0.3);
    border-radius: 4px;
    line-height: 25px;
    margin: 5px auto;
    text-align: center;
    cursor: pointer;
    transition:background-color 0.2s;
}

.em-map-list>a:hover,.btn:hover{
	background-color: rgba(255,255,255,0.5);
}

/*方块类型展示器*/
.em-brush-item{
	padding-left:5px;
	height:35px;
	line-height: 35px;
	font-size:14px;
}

.em-brush-item>span{
	display: inline-block;
	vertical-align: middle;
	width:25px;
	height:25px;
	background-color:currentColor;
	color:#fff;
	margin-top:-3px;
	border-radius: 4px;
	text-align: center;
	line-height: 25px;
}

/*方块属性展示*/
.em-info>a{
	display: block;
	height:25px;
	line-height: 25px;
	font-size:14px;
	padding-left:10px;
}

/*地图编辑器*/
.em-panle{
	text-align: center;
}

.emp-map{
	display: inline-block;
	position: relative;
	transform-style: preserve-3d;
}

/*调试运行*/
.em-debug{
	text-align: center;
}

.em-debug>textarea{
	width:80%;
	height:200px;
	resize:none;
}

/*地图展示项*/
.emp-box{
	width:40px;
	height:40px;
	position: absolute;
	z-index:0;
	color:#87e3ff;
	transition:opacity 0.3s;
	animation:box-in 0.3s;
	border:1px solid #fff;
	/*animation:box-in 0.4s;
	animation-fill-mode: forwards;*/
}

.emp-box>div{
	width:100%;
	height:100%;
	background-color: currentColor;
	position: absolute;
	border-radius: 3px;
	box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.2);
	z-index:0;
	left:0px;
	top:0px;
}

.emp-box:before{
	content:"";
	display: inline-block;
	width:100%;
	height: 100%;
	background-color:currentColor;
	position: absolute;
	border-radius: 3px;
	top:8px;
	left:0px;
	z-index:-2;
}

.emp-box:after{
	content:"";
	display: inline-block;
	width:100%;
	height: 100%;
	background-color:rgba(0,0,0,0.3);
	position: absolute;
	border-radius: 3px;
	top:8px;
	left:0px;
	z-index:-1;
}