@charset "UTF-8";
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{
  width: 5px;
  height: 5px;
  background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
  /*滚动条的颜色*/
  background-color: #2E87E6;
}





html,body{
  width: 100%;
  height: 100%;
}
*{
  padding: 0;
  margin: 0;
}
.main_page{
  display: flex;
  width:100%;
  height:100%;
  flex-direction:column;
}

/*-----------------------上--------------------  */
.main_page_top{
  height:45px;
  min-height: 45px;
  display: flex;
}
.main_page_top_left{
  height: 100%;
  width: 150px;
  min-width: 150px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 50px;
}
.main_page_top_center{
  height: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.main_page_top_center_title{
  height: 100%;
  display: flex;
  color: #ffffff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.main_page_top_center_title button img{
  width:24px;
}


.main_page_top_right{
  height: 100%;
  width: 650px;
  min-width: 650px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
/*---------------------中----------------------  */
.main_page_center{
  flex-grow:1;
  display: flex;
  overflow:auto;
}

.main_page_center_left{
  height:100%;
  width:282px;
  min-width:282px;
  background: #ffffff;
  /* overflow:auto;*/


}

.module_panel{
  height:100%;
  width:100%;
  min-width:100%;
  display: flex;
  flex-wrap: wrap;
}
.module_panel .module_img_d{
  width: 48px;
  margin: 2px;


}
.module_panel .moduleStage_img_d{
  width: 45%;
  margin: 2px;


}
.module_panel .module_img_d .module_img{
  width:50%;
  border: 1px solid #E8E8E8;
  padding: 5px;
}

.module_panel .moduleStage_img_d .moduleStage_img{
  width:90%;
}
.module_panel .moduleStage_img_d .module_img_text{
  font-size: 12px;
  margin-top: 5px;
}
.module_panel .module_img_d .module_img_text{
  font-size: 12px;
  margin-top: 5px;
  margin-bottom:3px;
}

.main_page_center_center{
  height:100%;
  flex-grow:1;
  background: #F0F1F8;
  display: flex;
/*  justify-content: center;
  align-items: center;*/
  overflow:auto;
}

.main_page_center_center #container{
  background-color: #fff;
  background-image: linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee);
  background-size: 19px 19px;
  background-position: 0 0,9px 9px;
}

.main_page_center_right{
  height:100%;
  width:288px;
  min-width:288px;
  background: #ffffff;
/*overflow:auto;*/
}

/*---------------------下----------------------  */

.main_page_botton{
  height:5%;
  min-height:48px;
  background: #d0d0cc;
  display: flex;
  align-items: center;

}
/*右键菜单*/
#menu {
  display: none;
  position: absolute;
  width: 100px;
  background-color: white;
  box-shadow: 0 0 5px grey;
  border-radius: 3px;
  top: 0px;
}

#menu button {
  width: 100%;
  background-color: white;
  border: none;
  margin: 0;
  padding: 5px;
}

#menu button:hover {
  background-color: lightgray;
}
/*-------  快捷键  -----------*/
.pc_Shortcut {
  position: fixed;
  /*left: 1px;
  top: 349px;*/
  margin-bottom: 0px;
  width: 360px;
  height: 540px;
  background-color: #fff;
  box-shadow: 3px 2px 20px rgb(49 48 48 / 32%);
  overflow: hidden;
  z-index: 999999;
  border-right: 1px solid #4a5053;
  display: none;
}
.pc_Shortcut_head {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background-color: #76bff5;
}
.pc_Shortcut_con {
  position: relative;
  width: 100%;
  height: 480px;
  overflow: hidden;
  overflow-y: auto;
  overflow-x: auto;
}

.pc_Shortcut_tab {
  position: relative;
  width: 100%;
  display: table;
}

.pc_Shortcut_row {
  display: table-row;
}
.pc_Shortcut_td {
  display: table-cell;
  min-width: 100px;
  height: 40px;
  width: 50%;
  line-height: 40px;
  border-bottom: 1px solid #f3f3f3;
  text-align: center;
}

.pc_Shortcut_down {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  font-size: 18px;
}

element.style {
}
a:hover {
  text-decoration: none;
}
a:active, a:hover {
  outline: 0;
}
/*-------  快捷键 end  -----------*/

/*-------  右键菜单图标 start  -----------*/
span.iconLock {
  background: url(../config/icon/rightContentMenu/lock.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconUnLock {
  background: url(../config/icon/rightContentMenu/unLock.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconUp {
  background: url(../config/icon/rightContentMenu/up.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconDown {
  background: url(../config/icon/rightContentMenu/down.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconTop {
  background: url(../config/icon/rightContentMenu/top.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconBotton {
  background: url(../config/icon/rightContentMenu/botton.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconLeftAlign {
  background: url(../config/icon/rightContentMenu/leftAlign.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconRightAlign {
  background: url(../config/icon/rightContentMenu/rightAlign.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconUpAlign {
  background: url(../config/icon/rightContentMenu/upAlign.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconDownAlign {
  background: url(../config/icon/rightContentMenu/downAlign.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconHorizontalCenter {
  background: url(../config/icon/rightContentMenu/horizontalCenter.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconVerticalCenter {
  background: url(../config/icon/rightContentMenu/verticalCenter.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconDelete {
  background: url(../config/icon/rightContentMenu/delete.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconCancel {
  background: url(../config/icon/rightContentMenu/cancel.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconRecover {
  background: url(../config/icon/rightContentMenu/recover.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconCopy {
  background: url(../config/icon/rightContentMenu/copy.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconNormal {
  background: url(../config/icon/rightContentMenu/normal.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconZoomin {
  background: url(../config/icon/rightContentMenu/zoomin.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
span.iconZoomout {
  background: url(../config/icon/rightContentMenu/zoomout.png) no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  background-size: contain;
}
/*-------  右键菜单图标 end  -----------*/


/* 属性悬停提示 start*/
.top_byzttip{position:absolute;
  padding:0px 14px;
  height:35px;
  line-height:35px;
  background:#2DCB70;
  color:#fff;
  font-size:16px;
  font-weight:normal;
  text-transform:none;
  margin:0 auto;
  display:none;
  border-radius:3px}
.bottom_byzttip{position:absolute;
  padding:0px 14px;
  height:35px;
  line-height:35px;
  background:#2DCB70;
  color:#fff;
  font-size:16px;
  font-weight:normal;
  text-transform:none;
  margin:0 auto;
  display:none;
  border-radius:3px}

.top_byzttip em{font-style:normal;}
.bottom_byzttip em{font-style:normal;}

.top_byzttip span{position:absolute;
  width:0;
  height:0;
  overflow:hidden;
  border:7px solid transparent;
  border-top-color:#2DCB70;
  left:50%;
  margin-left:-3px;
  bottom:-7px;
  border-bottom: 0px;
}
.bottom_byzttip span{position:absolute;
  width:0;
  height:0;
  overflow:hidden;
  border:7px solid transparent;
  border-bottom-color:#2DCB70;
  left:50%;
  margin-left:-3px;
  top:-7px;
  border-top: 0px;
}
/* 属性悬停提示 end*/

/*加载效果*/
.myloading {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background-color: rgba(131, 131, 131, 0.7);
  justify-content: space-around;
  align-items: center;
}
.glyphicon-refresh {
  font-size: 32px;
  animation: myloading linear 2s infinite;
}
@keyframes myloading {
  from {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(360deg)
  }

}

.ztreeNodeBackground{
 background-color: #7fd1b3;
}
/*解决表格不能自动换行 start*/
.layui-table-cell {
  font-size:14px;
  padding:0 5px;
  height:auto;
  overflow:visible;
  text-overflow:inherit;
  white-space:normal;
  word-break: break-all;
}
/*解决表格不能自动换行 end*/
/*解决表格里面的下拉框被挡住 start*/
.layui-table-box {
  position: relative;
  overflow: visible;
}
.layui-table-body {
  position: relative;
  overflow: visible;
  margin-right: -1px;
  margin-bottom: -1px;
}
/*解决表格里面的下拉框被挡住 end*/
/*解决表格里面的颜色选项显示不正常 start*/
.layui-table-cell .layui-colorpicker {
  width: 26px;
  height: 26px;
  border: 1px solid #e6e6e6;
  padding: 0px;
  border-radius: 2px;
  line-height: 24px;
  display: inline-block;
  cursor: pointer;
  transition: all .3s;
  -webkit-transition: all .3s;
}
.main_page_center_left .layui-tab-title .layui-this:after {
  content: none;

}
/*覆盖左边抽屉组件的css*/
.layui-colla-title {
  position: relative;
  height: 42px;
  line-height: 42px;
  padding: 0 15px 0 10px;
  color: #333;
  background-color: #ffffff;
  cursor: pointer;
  font-size: 13px;
  overflow: hidden;
}
/*覆盖左边手风琴折叠组件的css*/
.layui-colla-icon {
  position: absolute;
  left: calc(100% - 20px);
  top: 0;
  font-size: 14px;
}
/*解决表格里面的颜色选项显示不正常 end*/
.layui-form-item {
  margin-bottom: 5px;
  clear: both;
  *zoom: 1;
}
/*让表格编辑框的光标靠左边*/
.layui-table-edit{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 1px 1px; border-radius: 0; box-shadow: 1px 1px 20px rgba(0,0,0,.15)}
.layui-table-view {
  margin: 0px 0px 5px 0px;
}