.ftgis-editor__container {
  height: 100%;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  font-size: 14px;
  background: url("../../img/background/bg-main.png");
  background-size: cover;
  background-attachment: fixed;
}
.ftgis-editor__container * {
  box-sizing: border-box;
}
.ftgis-editor__container .gutter {
  background-color: #1c222b;
  background-repeat: no-repeat;
  background-position: 50%;
  z-index: 1000;
  border-right: 1px solid #000;
}
.ftgis-editor__container .gutter.gutter-horizontal {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAOCAYAAADnqNYmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVDNDcxQ0JDMkRGNTExRUJBMzhDQzI4OEJBNUM4Q0JGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVDNDcxQ0JEMkRGNTExRUJBMzhDQzI4OEJBNUM4Q0JGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUM0NzFDQkEyREY1MTFFQkEzOENDMjg4QkE1QzhDQkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUM0NzFDQkIyREY1MTFFQkEzOENDMjg4QkE1QzhDQkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4uQbmlAAAAJ0lEQVR42mL8//+/LwMEbAZiMJuJAQtgBKrEEMSqkgVmzrAxEyDAAHwoEUeABjEhAAAAAElFTkSuQmCC);
  cursor: col-resize;
}
.ftgis-editor__container .editor-container {
  height: 100%;
  overflow: hidden;
}
.ftgis-editor__container .editor-container .editor-header {
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  white-space: nowrap;
  min-width: 300px;
  text-align: center;
  background-color: #141414;
  color: #fff;
  z-index: 1000;
}
.ftgis-editor__container .editor-container .editor-header .header-left {
  height: 100%;
  float: left;
  /* display: flex; */
  align-items: center;
  display: none;
}
.ftgis-editor__container .editor-container .editor-header .left-handles {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 5px;
  line-height: 0;
  padding: 2px;
  border-radius: 2px;
}
.ftgis-editor__container .editor-container .editor-header .left-handles.active img {
  transform: scale(1.2);
}
.ftgis-editor__container .editor-container .editor-header .left-handles img {
  width: 100%;
  cursor: pointer;
  outline: none;
}
.ftgis-editor__container .editor-container .editor-header .left-handles img:hover {
  transform: scale(1.2);
}
.ftgis-editor__container .editor-container .editor-header .showjs {
  background-color: #3ea6ff;
}
.ftgis-editor__container .editor-container .editor-header .showui {
  background-color: #008affe6;
}
.ftgis-editor__container .editor-container .editor-header .fileTip {
  text-align: center;
  background: linear-gradient(270deg, #75CDFF 0%, #5398FF 100%);
  /*设置渐变的方向从左到右 颜色从ff0000到ffff00*/
  -webkit-background-clip: text;/*将设置的背景颜色限制在文字中*/
  -webkit-text-fill-color: transparent;/*给文字设置成透明*/
}
.ftgis-editor__container .editor-container .editor-code {
  height: calc(100% - 40px);
}
.ftgis-editor__container .editor-container .header-right {
  display: inline-block;
  float: right;
}
.ftgis-editor__container .editor-container .refresh:hover .editor-icon {
  transform: rotate(720deg);
  transition: transform 1s;
}
.ftgis-editor__container .ft-dropdown {
  display: inline-block;
  position: relative;
  line-height: 1;
}
.ftgis-editor__container .ft-dropdown .ft-dropdown-content {
  position: absolute;
  left: 0;
  top: 25x;
  z-index: 2000;
  background: #1c222b;
  width: max-content;
  display: none;
}
.ftgis-editor__container .ft-dropdown .ft-dropdown-content .ft-dropdown-title {
  padding: 10px;
  color: #fff;
  border-bottom: 1px solid #fff;
}
.ftgis-editor__container .ft-dropdown .display-left {
  left: auto;
  right: 0;
}
.ftgis-editor__container .ft-dropdown:hover .ft-dropdown-content {
  display: block;
}
.ftgis-editor__container .ft-dropdown .ft-dropdown-item {
  display: block;
  min-width: 100px;
  text-align: left;
  padding: 10px;
  cursor: pointer;
}
.ftgis-editor__container .ft-dropdown .ft-dropdown-item a,
.ftgis-editor__container .ft-dropdown .ft-dropdown-item span,
.ftgis-editor__container .ft-dropdown .ft-dropdown-item div,
.ftgis-editor__container .ft-dropdown .ft-dropdown-item p {
  font-size: 12px;
}
.ftgis-editor__container .ft-dropdown .ft-dropdown-item:hover {
  background-color: #1e293a;
}
.ftgis-editor__container .ft-link-btn-primary {
  background: linear-gradient(270deg, #75CDFF 0%, #5398FF 100%);
  /*设置渐变的方向从左到右 颜色从ff0000到ffff00*/
  -webkit-background-clip: text;/*将设置的背景颜色限制在文字中*/
  -webkit-text-fill-color: transparent;/*给文字设置成透明*/
  color: #1890ff;
  cursor: pointer;
  margin-left: 10px;
  text-decoration: none;
  font-size: 14px;
}
.ftgis-editor__container .ft-link-btn-primary * {
  vertical-align: middle;
}
.ftgis-editor__container .ft-link-btn-primary:hover {
  color: #40a9ff;
}
.ftgis-editor__container .ft-link-btn-primary .editor-icon {
  width: 16px;
  height: 16px;
}
.ftgis-editor__container .layout-right {
  position: relative;
  width: 100%;
  height: 100%;
}
.ftgis-editor__container .layout-right .layout-right__header {
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  text-align: center;
  background-color: #000;
  border-bottom: 1px #dcdfe6;
}
.ftgis-editor__container .layout-right .layout-right__header.hidden {
  display: none;
}
.ftgis-editor__container .layout-right .layout-right__header #toogle-editor {
  float: left;
  height: 50px;
}
.ftgis-editor__container .layout-right .layout-right__header .fullname {
  width: calc(100% - 360px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* display: inline-block; */
  text-align: center;
  color: #fff;
  font-size: 14px;
  margin: 0;
  display: none;
}
.ftgis-editor__container .layout-right .layout-right__header #other-intro {
  display: none;
  float: right;
  height: 40px;
}
.ftgis-editor__container .layout-right .layout-right__content {
  width: 100%;
  height: calc(100% - 40px);
  position: relative;
  box-sizing: border-box;
}
.ftgis-editor__container .layout-right .layout-right__content .sanbox {
  width: 100%;
  height: 100%;
}
.ftgis-editor__container .layout-right .layout-right__content .sanbox iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.ftgis-editor__container .layout-right .layout-right__fillcontent {
  height: 100%;
}