/**
 * 通用css样式布局处理
 */
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-family: inherit;
   font-weight: 500;
   line-height: 1.1;
   color: inherit;
 }

 .wp100 {
   width: 100%;
 }

 .w1200 {
   width: 1200px;
   margin: 0 auto;
 }

 .strong {
   font-weight: 600
 }

 .uni-flex {
   display: flex;
   flex-direction: row;
 }

 .uni-flex-item {
   flex: 1;
 }

 .uni-row {
   flex-direction: row;
 }

 .uni-column {
   flex-direction: column;
 }

 .uni-center {
   text-align: center;
 }

 .uni-right {
   text-align: right;
 }

 .uni-left {
   text-align: left;
 }

 .jccenter {
   justify-content: center;
 }
 .jcend {
   justify-content: flex-end;
 }

 .aicenter {
   align-items: center;
 }

 .c333 {
   color: #333;
 }

 .c666 {
   color: #666;
 }

 .c999 {
   color: #999;
 }

 .cblue {
  color: #0076ff;
}

.cmain {
  color: #ff7400;
}

.cfff {
  color: #fff;
}

 .bfff {
   background-color: #fff;
 }

 .bgrey {
   background-color: #f8f8f8;
 }
.strong{font-weight: 600;}
.bt{
  border:2px solid #e8e8e8;
  border-radius: 5px;
  width: 36px;
  height: 36px;
}
.bt:hover{
  border-color:#0076ff;
  border-width:2px;
}
 .bgicon01 {
   background-color: #3396fb;
 }

 .bgicon02 {
   background-color: #f15642;
 }

 .bgicon03 {
   background-color: #ff943c;
 }

 .bgicon04 {
   background-color: #15bc84;
 }

 .bgicon05 {
   background-color: #feac00;
 }

 .shadowtop {
   border-top: solid 1px #e6e6e6;
   -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
   box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
 }

 .shadowbottom {
   border-bottom: solid 1px #e6e6e6;
   -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
   box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
 }

 .shadow {
   border: solid 1px #e6e6e6;
   -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
   box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
 }

 .borderbottom {
   border-bottom: 1px solid #E6EBF5;
 }

 .fixbottom {
   position: absolute;
   bottom: 0;
   z-index: 999;
   border-top: 1px solid #E6EBF5;
   width: 100%;
 }

 .absolute {
   position: absolute
 }

 .relative {
   position: relative
 }
 .tableSearch .el-form-item {
  margin-bottom: 8px !important
}
 .el-drawer__header {
   padding: 15px 20px !important;
   margin-bottom: 0 !important; 
   border-bottom: 1px solid #E6EBF5;
   color: #333!important;
   font-size: 16px !important;
 }

 .el-drawer__body {
   padding: 0;
 }

 .el-drawer {
   overflow: auto;
 }

 .el-drawer:focus {
   outline: none;
 }

 .el-drawer__close-btn {
   outline: none;
 }
 .el-checkbox-group{
   line-height: 2;
 }
  .tableSearch {
    border-radius: 5px;
    .el-form-item--mini.el-form-item, .el-form-item--small.el-form-item{
      margin-bottom:5px;
    }
  }
  
  .operation {
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    padding: 5px;
    display: inline-block;
  }
 
  .operation:hover {
    border: 1px solid #3396fb;
  }
  
.loop(@counter) when (@counter > 0) {
  .p@{counter} {
    padding: (1px * @counter);
  }
  .px@{counter} {
    padding-left: (1px * @counter);
    padding-right: (1px * @counter);
  }
  .py@{counter} {
    padding-top: (1px * @counter);
    padding-bottom: (1px * @counter);
  }
  .pt@{counter} {
    padding-top: (1px * @counter);
  }
  .pr@{counter} {
    padding-right: (1px * @counter);
  }
  .pb@{counter} {
    padding-bottom: (1px * @counter);
  }
  .pl@{counter} {
    padding-left: (1px * @counter);
  }
  .m@{counter} {
    margin: (1px * @counter);
  }
  .mx@{counter} {
    margin-left: (1px * @counter);
    margin-right: (1px * @counter);
  }
  .my@{counter} {
    margin-top: (1px * @counter);
    margin-bottom: (1px * @counter);
  }
  .mt@{counter} {
    margin-top: (1px * @counter);
  }
  .mr@{counter} {
    margin-right: (1px * @counter);
  }
  .mb@{counter} {
    margin-bottom: (1px * @counter);
  }
  .ml@{counter} {
    margin-left: (1px * @counter);
  }
  .loop((@counter - 5));    // 递归调用自身
}
.loop(50);

.loop2(@count) when (@count > 12) {
  .f@{count} {
    font-size: (1px * @count);
  }
  .lh@{count} {
    line-height: (1px * @count);
  }
  .loop2((@count - 2));    // 递归调用自身
}
 
.loop2(60);

// .loop3(@count) when (@count > 10) {
//   .width@{count} {
//     width: (1px * @count);
//   }
//   .h@{count} {
//     height: (1px * @count);
//   }
//   .loop3((@count - 5));    // 递归调用自身
// }
 
// .loop3(200);

// 修复tinymce在el-dialog和el-drawer中层级太低弹窗被遮挡的bug
.tox-tinymce-aux {
  z-index: 50000 !important;
}