* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none
}

.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both
}

li,
ol,
ul {
	list-style: none
}

.code-editor {
	width: 100%;
	height: calc(100vh - 57px);
	overflow: hidden
}

.menu-wrapper {
	position: relative;
	z-index: 99;
	background-color: #f0f0f0
}

.menu-list {
	margin-left: 3px;
	padding: 6px 0
}

.menu-item {
	float: left;
	margin-right: 2px
}

.menu-item-btn {
	min-width: 60px;
	padding: 4px 10px;
	border-radius: 2px;
	outline: none;
	border: 1px solid transparent;
	background-color: transparent;
	cursor: pointer
}

.menu-item-btn:hover {
	border-color: #ddd
}

.menu-item-wrapper {
	position: relative;
	height: 28px;
	font-size: 13px
}

.menu-item-inner {
	position: absolute;
	top: 28px;
	left: 0;
	display: none;
	overflow: hidden
}

.menu-item-inner.show {
	display: block
}

.menu-item-inner.mask {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.menu-item-inner.mask:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.insert-inner {
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.insert-inner.en .child,
.insert-inner.en .insert-inner-top,
.insert-inner.en .parent {
	width: 186px
}

.insert-inner-top {
	position: relative;
	width: 100px;
	height: 28px;
	background-color: #f0f0f0;
	border-bottom: 1px solid #ddd;
	cursor: move
}

.insert-inner-top .close-icon {
	position: absolute;
	top: 0;
	right: 0;
	width: 28px;
	height: 28px;
	cursor: pointer;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM3MDhFQzI0OUZFRTExRUE4QUUyOTMwNzFDN0RCM0M0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM3MDhFQzI1OUZFRTExRUE4QUUyOTMwNzFDN0RCM0M0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzcwOEVDMjI5RkVFMTFFQThBRTI5MzA3MUM3REIzQzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzcwOEVDMjM5RkVFMTFFQThBRTI5MzA3MUM3REIzQzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5m3qJUAAACK0lEQVR42qyVy27TQBSGHeceRVFWvEBXYcMbNO0CpcRCpS2gwgPwTFTqFiQIEixKHHZNu2WXF4miSHGu5vtHGWtsJa2Qamkynsv5zn/OnHFycRx7T/kU9NNqtT43m81ns9nsfLPZeLlczpOjYrHo+b7vaW65XJp5NT32XWulUukbtvFoNLr0tVir1Q7W6/VZPp8faPw/qrH5Afg97bnGBgj9JZCbQqHQQdXgMYgcqqFesItyuXw7Ho9fJEA9i8XiNWH1XehDSlHWE4zXIfuOGccJULlQrqbTaRBFUR9gB/BgnzrWegDe8j5k6shdTxTaZE8mk2A+n/dJdAcnoQsyp7iFkfM75o6yDv3UwPdTUAxPGIZOmF8FW61Wd6So7QpJlY31rt6WgsJvNBq/AXRZuiYNM9R9kDKctW3Z2JZE4HqRQjW7CcOA0K+AftI6sJ8oO3frUSAJsNEZYKVS8WwPwGzCUAAZRk5EC+AK3QAI3exRX6/X0wq3deVtlZie+vqC8UcMfjGMCPlSfmlvHlTo5lCL6qvV6nfy9o73e9qZVACp4eCUPSFzr9wraBn+rloD1BMMw3uGh05OT0lFaE9/V+H7+4pWpwnwMFunXNOuoIxP2Bdmb1S2Dg0MkGDtrHcbGkq7rJs6JZIU1L0piTLytbNo3ZyxL8hCXeAN6nQDhnwg9sKyYEIP9EERlFT9TU5ZqcHbLYvH7hV8DKiHj0nA/j+M82b+qf8C/gkwAFpYWrH00gXnAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: 10px 10px
}

.insert-inner .child,
.insert-inner .parent {
	display: inline-block;
	min-width: 100px;
	vertical-align: top;
	background-color: #f0f0f0
}

.insert-inner .child:empty,
.insert-inner .parent:empty {
	min-width: 0
}

.insert-item {
	padding: 0 10px;
	line-height: 30px;
	cursor: pointer;
	background-color: #f0f0f0;
	border-bottom: 1px solid #ddd
}

.insert-item.current,
.insert-item:hover {
	background-color: #ddd
}

.theme-item {
	padding: 0 10px;
	line-height: 30px;
	overflow: hidden;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
	background-color: #f0f0f0
}

.theme-item:last-child {
	border-bottom: none
}

.theme-item.current,
.theme-item:hover {
	background-color: #ddd
}

.font-item {
	min-width: 60px;
	padding: 0 10px;
	line-height: 30px;
	cursor: pointer;
	text-align: center;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	background-color: #f0f0f0
}

.font-item:last-child {
	border-bottom: none
}

.font-item.current,
.font-item:hover {
	background-color: #ddd
}

.idlib-item {
	min-width: 100px;
	padding: 0 10px;
	line-height: 30px;
	cursor: pointer;
	text-align: center;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	background-color: #f0f0f0
}

.idlib-item:last-child {
	border-bottom: none
}

.idlib-item.current,
.idlib-item:hover {
	background-color: #ddd
}

.contextmenu-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 168px;
	-webkit-box-shadow: 2px 2px 4px #ddd;
	box-shadow: 2px 2px 4px #ddd;
	border: 1px solid #ddd
}

.contextmenu-item {
	height: 28px;
	line-height: 28px;
	padding-left: 10px;
	font-size: 12px;
	color: #000;
	cursor: pointer;
	background-color: #fff
}

.contextmenu-item:hover {
	background-color: #ddd
}

.search-id-wrapper {
	position: fixed;
	width: 320px;
	height: 280px;
	top: 0;
	left: 0;
	z-index: 999;
	border: 1px solid #ddd;
	display: none
}

.search-id-title {
	position: relative;
	height: 42px;
	line-height: 42px;
	padding-left: 10px;
	background-color: #fff;
	font-size: 14px;
	color: #666;
	cursor: move
}

.search-id-title .close-icon {
	position: absolute;
	top: 0;
	right: 0;
	width: 42px;
	height: 42px;
	cursor: pointer;
	background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM3MDhFQzI0OUZFRTExRUE4QUUyOTMwNzFDN0RCM0M0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM3MDhFQzI1OUZFRTExRUE4QUUyOTMwNzFDN0RCM0M0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzcwOEVDMjI5RkVFMTFFQThBRTI5MzA3MUM3REIzQzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzcwOEVDMjM5RkVFMTFFQThBRTI5MzA3MUM3REIzQzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5m3qJUAAACK0lEQVR42qyVy27TQBSGHeceRVFWvEBXYcMbNO0CpcRCpS2gwgPwTFTqFiQIEixKHHZNu2WXF4miSHGu5vtHGWtsJa2Qamkynsv5zn/OnHFycRx7T/kU9NNqtT43m81ns9nsfLPZeLlczpOjYrHo+b7vaW65XJp5NT32XWulUukbtvFoNLr0tVir1Q7W6/VZPp8faPw/qrH5Afg97bnGBgj9JZCbQqHQQdXgMYgcqqFesItyuXw7Ho9fJEA9i8XiNWH1XehDSlHWE4zXIfuOGccJULlQrqbTaRBFUR9gB/BgnzrWegDe8j5k6shdTxTaZE8mk2A+n/dJdAcnoQsyp7iFkfM75o6yDv3UwPdTUAxPGIZOmF8FW61Wd6So7QpJlY31rt6WgsJvNBq/AXRZuiYNM9R9kDKctW3Z2JZE4HqRQjW7CcOA0K+AftI6sJ8oO3frUSAJsNEZYKVS8WwPwGzCUAAZRk5EC+AK3QAI3exRX6/X0wq3deVtlZie+vqC8UcMfjGMCPlSfmlvHlTo5lCL6qvV6nfy9o73e9qZVACp4eCUPSFzr9wraBn+rloD1BMMw3uGh05OT0lFaE9/V+H7+4pWpwnwMFunXNOuoIxP2Bdmb1S2Dg0MkGDtrHcbGkq7rJs6JZIU1L0piTLytbNo3ZyxL8hCXeAN6nQDhnwg9sKyYEIP9EERlFT9TU5ZqcHbLYvH7hV8DKiHj0nA/j+M82b+qf8C/gkwAFpYWrH00gXnAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: 12px 12px
}

.search-id-inner {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 236px;
	padding: 6px 8px;
	background-color: #f2f2f2;
	font-size: 13px
}

.search-id-inpwrapper {
	position: relative
}

.search-id-inpwrapper .history-list {
	position: absolute;
	top: 33px;
	left: 0;
	width: 100%;
	background-color: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow: 3px 3px 5px #ccc;
	box-shadow: 3px 3px 5px #ccc;
	display: none
}

.search-id-inpwrapper .history-list:empty {
	display: none !important
}

.search-id-inpwrapper .history-list .history-item {
	padding-left: 10px;
	color: #666;
	font-size: 13px;
	line-height: 30px;
	border-bottom: 1px solid #ddd;
	cursor: pointer
}

.search-id-inpwrapper .history-list .history-item:last-child {
	border-bottom: none
}

.search-id-inpwrapper .history-list .history-item.current,
.search-id-inpwrapper .history-list .history-item:hover {
	color: #3eaf7c;
	background-color: #eee
}

.search-id-input {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 33px;
	padding: 6px 10px;
	background-color: #fff;
	border: 1px solid #999
}

.search-id-input:focus {
	border-color: #3eaf7c
}

.search-id-container {
	height: 180px;
	margin-top: 9px;
	overflow: auto;
	background-color: #fff
}

.search-id-container .d-title {
	padding-left: 12px;
	font-size: 15px;
	line-height: 36px;
	color: #fff;
	background-color: #3eaf7c
}

.search-id-container .d-item {
	margin: 0 10px 0 40px;
	line-height: 36px;
	color: #333;
	cursor: pointer
}

.search-id-container .d-item.current,
.search-id-container .d-item:hover {
	color: #3eaf7c
}

.search-id-container .d-item+.d-item {
	border-top: 1px solid #ddd
}

.dev-wiki {
	position: fixed;
	right: 0;
	top: 0;
	width: 800px;
	height: 100vh;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: -webkit-transform .2s ease;
	transition: -webkit-transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease, -webkit-transform .2s ease;
	z-index: 1000;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.dev-wiki.show {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.dev-wiki.show .dev-wiki-bar {
	visibility: visible
}

.dev-wiki-mask {
	position: fixed;
	display: none;
	z-index: 1001;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor: w-resize
}

.dev-wiki-mask.show {
	display: block
}

.dev-wiki-bar {
	position: absolute;
	visibility: hidden;
	z-index: 1002;
	width: 20px;
	height: 100%;
	top: 0;
	left: -9px;
	cursor: w-resize
}

.dev-wiki iframe {
	display: block;
	width: inherit;
	height: inherit
}

.toggle-wiki-btn {
	position: absolute;
	left: -30px;
	top: 50%;
	z-index: 1000;
	border: 0;
	background-color: #42b983;
	width: 30px;
	height: 50px;
	-webkit-transform: translateY(-25px);
	transform: translateY(-25px);
	text-align: center;
	font-size: 12px;
	color: #fff;
	cursor: pointer
}

.toggle-wiki-btn:hover {
	background-color: #338f66
}