/**
* +---------------------------------------------------------------------------------------------------------------------
* 基础样式库
* element-ui
* +---------------------------------------------------------------------------------------------------------------------
*/
#app{ width: 100%; height: 100%; overflow: hidden; }
#app.pageControl{ width: 100%; height: 100%; overflow: auto; padding: 15px; }
.search{
   padding: 10px 10px 0 10px; margin-bottom: 10px;
   background: #fff; box-shadow: 0px 2px 8px rgba(0, 35, 80, 0.08);
}
.main{ position: relative; width: 100%; height: 100%; overflow: hidden; }
.container{ position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; }
.container-left{ position: relative; float: left; height: 100%; }
.container-right{ float: left; height: 100%; padding-left: 15px; }

/**
* +---------------------------------------------------------------------------------------------------------------------
* 模板样式
* +---------------------------------------------------------------------------------------------------------------------
*/
.template{
   display: flex; flex-direction: column; position: relative; width: 100%; height: 100%;
}
/*搜索表单*/
.searchForm{
   padding: 10px; margin-bottom: 10px;
   background: #fff; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
/*table工具*/
.tableTools{
   padding: 10px; background: #fff;
}
/*铺满表格样式*/
.overTable{
   position: relative; width: 100%; height: 100%; overflow: auto;
   display: flex; flex-direction: column;
}
.overTable .el-table{ height: 100%; }

/**
* +---------------------------------------------------------------------------------------------------------------------
* 其他
* +---------------------------------------------------------------------------------------------------------------------
*/
.myBlock{ position: relative; width: 100%; }
.myTitle{ position: relative; width: 100%; margin-bottom: 10px; }
.myTitle h2{ border-left:solid 4px #1c8cff; font-size: 15px; padding-left: 15px; margin-bottom: 0; font-weight: inherit; }

/*---------------------------------------Tab切换菜单（3级）-----------------------------------------*/
.tabMenu{ width: 100%; }
.tabMenu__title{
   position: relative; width: 100%; height: 40px; line-height: 38px; background: #e8f3ff;
}
.tabMenu__title .tools{
   position: absolute; right: 0; top: 0; width: 200px;
}
.tabMenu__title li{
   cursor: pointer; display: inline-block; min-width: 60px; margin: 0 25px;
   text-align: center;
}
.tabMenu__title li.active{ border-bottom:solid 2px #1c8cff; color: #1c8cff; }
.tabMenu__title li .close{
   display: none;
   position: absolute; right: -4px; top: -4px; font-size: 12px;
   background: #ff3836; border-radius: 100%; color: #fff; padding: 1px 2px;
}
.tabMenu__title li:hover .close{ display: block; }
.tabMenu__title .el-inputToText .el-input__inner{
   color: #287ddc; text-overflow: ellipsis; white-space: nowrap; overflow:  hidden;
}
.tabMenu__title .el-inputToText .el-input__icon{ color:#287ddc; }
.tabMenu__content{ height: calc(100% - 40px); }
.tabMenu__content ._item{ width: 100%; height: 100%; }

/*---------------------------------------Tag切换菜单(4级)-----------------------------------------*/
.tagMenu{
   width:100%;margin-bottom: 15px;
}
.tagMenu li{
   cursor: pointer; display: inline-block; height: 30px; line-height: 28px; padding: 0 30px; margin-right: 15px;
   background: #fff; border: solid 1px #1c8cff; color: #1c8cff; font-size:13px;
}
.tagMenu li:hover{ background: rgba(67,142,185,0.1); }
.tagMenu li.active{ background: #1c8cff; color: #fff; }