.el-dialog__body {
  padding: 10px 10px !important;
}

.el-dialog__footer {
  margin-top: -20px;
}


.el-drawer {
  overflow: auto !important;
  padding: 0 20px;
}


.el-picker-panel__footer {
  display: none;
}

.el-table>.el-table__fixed-right {
  height: 100% !important;
}

.el-input.is-disabled .el-input__inner {
  color: #606266 !important;
}

.el-input--mini {
  font-size: 12px !important;
}

.el-picker-panel {
  z-index: 100000000000 !important;
}

.zZindex {
  z-index: 1000000002 !important;
}



/* table表格固定列 与横向滚动条重合部分  滚动条无法拖动问题 */
.el-table__body-wrapper {
  z-index: 2
}

.show_word_limit>.el-input__inner {
  padding: 0 50px 0 15px !important;
}

/*处理 el_table 固定列下方多了一条线 */
.el-table__fixed {
  height: 100% !important;
}


/* 清除a标签默认样式 */
a {
  text-decoration: none;
  /* 去除默认的下划线 */
  outline: none;
  /* 去除旧版浏览器的点击后的外虚线框 */
  color: #fff;
  /* 去除默认的颜色和点击后变化的颜色 */
}


/* 分类树选中的效果 */
.is-current>.el-tree-node__content {
  background: #eff7ff !important;
  color: #0080FF !important;
}

.search .el-form-item {
  margin-bottom: 0px !important;
}

.el-form-item {
  margin-bottom: 20px !important;
}

.el-dialog {
  border-radius: 6px !important;
  box-shadow: 0 0px 10px rgba(0, 0, 0, .2) !important;
  margin-top: 120px !important;
}

/* .el-dialog {top: 100px!important;left: 0!important;} */
/* .el-dialog__wrapper,.el-drawer__wrapper  {position: absolute!important;background: rgba(0,0,0,.4);} */
.el-drawer__wrapper {
  position: absolute !important;
  background: rgba(0, 0, 0, .2);
}

.el-dialog__wrapper,
.el-drawer__wrapper {
  background: rgba(0, 0, 0, .2);
}

/* .el-dialog__header {
  background: #0080FF;
  padding: 0 20px !important;
  font-size: 16px;
  height: 45px;
  line-height: 45px;
  border-radius: 6px 6px 0 0;
  box-sizing: border-box;
} */

/* 修改部门选择框多选,字体过长一出选择框 */
.el-cascader .el-cascader__tags {
  width: 45px;
  position: absolute;
  left: 0;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-wrap: nowrap;
  line-height: normal;
  text-align: left;
  box-sizing: border-box;
}

/* 修改选择器多选 字体过长 */
/* .el-select__tags .el-tag {
  max-width: 60px;
  overflow: hidden;
} */

.el-dialog__title {
  font-size: 15px !important;
  font-weight: 600;
  color: #fff !important;
}

/* .el-dialog__headerbtn {top: 14px!important;} */
.el-dialog__headerbtn {
  top: 0px !important;
}

.el-dialog__headerbtn .el-dialog__close {
  color: #fff !important;
  line-height: 45px;
}

/*.el-menu-item, .el-submenu__title {
    height: 50px!important;
    line-height:50px!important;
  }*/

.el-tooltip__popper[x-placement^='right'] {
  padding: 0;
  margin: 0 !important
}

.el-tooltip__popper[x-placement^='right']>.popper__arrow {
  display: none;
}

:focus {
  outline: 0;
}

body {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  font-weight: 400;
  padding: 0;
  margin: 0;
  min-width: 1350px;
  box-sizing: border-box;
}

.el-cascader-menu {
  min-height: 200px;
  max-height: 300px;
}


.classify_tree::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}

/*a*/
.aaa>.cell {
  padding: 0 !important;
}

/*b*/
.bgff {
  background-color: #fff !important;
}

.box {
  box-sizing: border-box;
}

.br50 {
  border-radius: 50%;
}

.br5 {
  border-radius: 5px;
}

.br15 {
  border-radius: 15px;
}

.br20 {
  border-radius: 20px;
}

.btf4 {
  border-top: 1px solid #f4f4f4;
}

.bbf4 {
  border-bottom: 1px solid #f4f4f4 !important;
}

.bbe5 {
  border-bottom: 1px solid #EBEEF5 !important;
}

.bbcc {
  border-bottom: 1px solid #EBEEF5 !important;
}

.bbf5 {
  border-bottom: 1px solid #EBEEF5 !important;
}

.bbe6 {
  border-bottom: 1px solid #e6e6e6 !important;
}

.bccc {
  border-bottom: 1px dashed #CCCCCC !important;
}

.borf4 {
  border-right: 1px solid #f4f4f4 !important;
}

.boraa {
  border: 1px solid #aaa !important;
}

.bore6 {
  border: 1px solid #e6e6e6;
}

.bgf5 {
  background-color: #f5f5f5;
}

.bg00 {
  background: #0080ff !important;
}

.bg57 {
  background: #57ACFF !important;
}

.bg28 {
  background: #283250 !important;
}

.bge6 {
  background: #e6e6e6 !important;
}

.bfeff {
  background: #fefff3 !important;
}

.bge7f {
  /* background: #E7F3FF !important; */
  background-color: var(--otherActiveColor);

}

.box_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000000000
}

/*c*/
.cursor {
  cursor: pointer;
}

.cfff {
  color: #fff !important;
}

.c60 {
  color: #606266;
}

.c666 {
  color: #666;
}

.cjia {
  color: #CD0000;
}

.cjian {
  color: #458B00;
}

.ccc {
  color: #ccc;
}

.c555 {
  color: #555;
}

.c999 {
  color: #999;
}

.c1f {
  color: #1F273C;
}

.c7f {
  color: #7f7f7f;
}

.c1a {
  color: #1a1a1a;
}

.c4a {
  color: #4a4a4a;
}

.c4d {
  color: #4d4d4d;
}

.ced {
  color: #ed1d1d;
}



.c80 {
  color: #808080;
}

.c60 {
  color: #606266;
}

.c00 {
  color: #0080FF;
}

.c14 {
  color: #14B464;
}

.cf5 {
  color: #F5BE62;
}

.cff7 {
  color: #FF7C1D;
}

.cff0 {
  color: #FF0B28;
}

.ec40 {
  color: #EC4012;
}

.del {
  text-decoration: line-through;
}

.dflx1 {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}

.dflx2 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.dflx3 {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.dflx4 {
  display: flex;
  justify-content: flex-end;
}

.dflx5 {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.dflx6 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.dflx7 {
  display: flex;
  justify-content: space-between;
}

.dflx8 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.dflx9 {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.dflx10 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}

.dflx11 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.dflx12 {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}

.dflx13 {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.dflx14 {
  display: flex;
  justify-content: space-between;
}

.dflx15 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

.dflx16 {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.dflx21 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}

.dflx22 {
  display: flex;
  flex-wrap: wrap;
}

.dflx23 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.dflx24 {
  display: flex !important;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;

}

.dflx25 {
  display: flex !important;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

.dflx26 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.dflx27 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-direction: column;
}

.del {
  text-decoration: line-through;
}



/*e*/
.ellips2 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.ellips1 {
  overflow: hidden;
  display: -webkit-box !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
}

/*f*/
.fn {
  flex: none;
}

.ft11 {
  font-size: 11px;
}

.ft12 {
  font-size: 12px;
}

.ft13 {
  font-size: 13px;
}

.ft14 {
  font-size: 14px !important;
}

.ft15 {
  font-size: 15px !important;
}

.ft16 {
  font-size: 16px !important;
}

.ft18 {
  font-size: 18px !important;
}

.ft20 {
  font-size: 20px !important;
}

.ft28 {
  font-size: 28px !important;
}

.ft40 {
  font-size: 40px !important;
}

.fw500 {
  font-weight: 500 !important;
}

.fw600 {
  font-weight: 600;
}

.footer {
  position: absolute;
  bottom: -15px;
  left: 0;
  height: 40px;
  background: #fff;
  width: 100%;
  border-top: 1px solid #ebebeb;
}

.footer2 {
  position: absolute;
  bottom: -0;
  left: 0;
  height: 40px;
  width: 100px;
}

/*g*/
.gdx1 {
  display: grid;
  grid-template-columns: 85% 15%;
}

.gdx2 {
  display: grid;
  grid-template-columns: 15% 85%;
}

.gdx3 {
  display: grid;
  grid-template-columns: 50% 50%;
}

.gdx4 {
  display: grid;
  grid-template-columns: 30% 70%;
}

.gdx5 {
  display: grid;
  grid-template-columns: 70% 30%;
}

.gdx6 {
  display: grid;
  grid-template-columns: 99% 1%;
}

/*h*/
.hl30 {
  height: 30px !important;
  line-height: 30px !important;
}

.hl20 {
  height: 20px !important;
  line-height: 20px !important;
}

.hl40 {
  height: 40px !important;
  line-height: 40px !important;
}

.hl48 {
  height: 48px !important;
  line-height: 48px !important;
}

.hover {
  box-sizing: border-box;
  position: relative;
}

.ha {
  height: auto;
}

.hl16 {
  height: 16px !important;
  line-height: 16px !important;
}

.hl25 {
  height: 25px !important;
  line-height: 25px !important;
}

.hl50 {
  height: 50px !important;
  line-height: 50px !important;
}

.hb100 {
  height: 100%;
}

/*i*/
.icon14 {
  width: 14px;
  height: 14px;
}

.icon15 {
  width: 15px;
  height: 15px;
}

.icon16 {
  width: 16px;
  height: 16px;
}

.icon19 {
  width: 19px;
  height: 19px;
}

.icon20 {
  width: 20px;
  height: 20px;
}

.icon22 {
  width: 22px;
  height: 22px;
}

.icon24 {
  width: 24px;
  height: 24px;
}

.icon25 {
  width: 25px;
  height: 25px;
}

.icon30 {
  width: 30px;
  height: 30px;
}

.icon50 {
  width: 50px;
  height: 50px;
}

.icon60 {
  width: 60px;
  height: 60px;
}

.icon80 {
  width: 80px;
  height: 80px;
}

.icon100 {
  width: 100px;
  height: 100px;
}

/*j*/
/*k*/
/*l*/
.el-loading-mask {
  z-index: 10000 !important;
}

.loading_zindex {
  z-index: 10000 !important;
}

.lh15 {
  line-height: 15px;
}

/*m*/
.ml0 {
  margin-left: 0 !important
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt2 {
  margin-top: 2px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt7 {
  margin-top: 7px !important;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mtf35 {
  margin-top: -35px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.ml2 {
  margin-left: 2px !important;
}

.ml3 {
  margin-left: 3px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.ml150 {
  margin-left: 150px !important;
}

.mr10 {
  margin-right: 10px;
}

.mr20 {
  margin-right: 20px;
}

.mr30 {
  margin-right: 30px;
}

.mr40 {
  margin-right: 40px;
}

.mr50 {
  margin-right: 50px;
}

.mr100 {
  margin-right: 100px;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

/*n*/
/*o*/
.oa {
  overflow: auto;
}

.oh {
  overflow: hidden;
}

.opcity_05 {
  opacity: 0.5;
}

/*p*/
.pt30 {
  padding-top: 30px;
}

.pt20 {
  padding-top: 20px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.psx20 {
  padding: 20px 0;
}

.psx10 {
  padding: 10px 0;
}

.plr10 {
  padding: 0 10px !important;
}

.plr20 {
  padding: 0 20px;
}

.pa10 {
  padding: 10px;
}

.pa20 {
  padding: 20px;
}

.pa5 {
  padding: 5px;
}

.pb20 {
  padding: 20px 0 80px 0;
}

.psx50 {
  padding: 50px 0;
}

.psx30 {
  padding: 30px 0 40px 0;
}

.plr5 {
  padding: 0 5px;
}

.pts14 {
  padding: 14px 0;
}

.pl10 {
  padding: 0 10px;
}

.pr5 {
  padding-right: 5px;
}

.pr10 {
  padding-right: 10px;
}

.pb20 {
  padding-bottom: 20px;
}

.psx15_20 {
  padding: 15px 20px
}

.psx20_15 {
  padding: 20px 0 15px 0;
}

.psx10_20 {
  padding: 10px 20px;
}

.psx20_30 {
  padding: 20px 0 30px 0;
}

.par20 {
  padding: 20px 0 50px 20px
}

/*q*/
/*r*/
.relative {
  position: relative;
}

/*s*/
/*t*/
.toVoid {
  opacity: .4;
}

.tac {
  text-align: center;
}

.tal {
  text-align: left;
}

/*u*/
/*v*/
/*w*/
.wb {
  word-break: break-all;
}

.w50 {
  width: 50px;
}

.w60 {
  width: 60px;
}

.w80 {
  width: 80px;
}

.w100 {
  width: 100px !important;
}

.w150 {
  width: 150px !important;
}

.w200 {
  width: 200px !important;
}

.wb20 {
  width: 20%;
}

.wb25 {
  width: 25%;
}

.wb30 {
  width: 30%;
}

.wb33 {
  width: 33.33%;
}

.wb100 {
  width: 100% !important;
}

.wb40 {
  width: 40%;
}

.wb50 {
  width: 50%;
}

.wb60 {
  width: 60%;
}

.wb80 {
  width: 80%;
}

/*x*/
/*y*/
.yjt {
  content: "";
  height: 8px;
  width: 8px;
  border-width: 2px 2px 0 0;
  border-color: #bdbdbd;
  border-style: solid;
  transform: rotate(45deg);
}

/* 头部那一块 当屏幕尺寸小于 1350 时 换行 */
.min__width {
  min-width: 900px !important;
  justify-content: flex-start !important;
}

.header__top__br {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* 头部那一块 当屏幕尺寸小于 1350 时 换行 */
.min__width {
  min-width: 900px !important;
  justify-content: flex-start !important;
}

.header__top__br {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* 经过表格上的图标时，添加一个背景色 */
.imgIconBack,
.imgIconBackAdd,
.imgIconBackDel {
  background-color: transparent;
}

.imgIconBackDel {
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  padding-top: 2px !important;
}

.imgIconBackAdd {
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  margin-left: 2px !important;
  padding-top: 2px !important;
  border-radius: 50% !important;
}