.el-drawer .el-drawer__header {
  border-bottom: 1px solid #f5f5f5;
  padding: 14px 20px;
  margin-bottom: 0;
  color: black;
  i {
    font-weight: bold;
  }
}
.drawer {
  width: 100%;
  /* height: 100%; */
  .content {
    margin: 30px 50px;
    .foots {
      text-align: right;
      margin: 50px 0 0 30px;
      padding-bottom: 20px;
    }
  }
}

.el-table th.el-table__cell {
  background: #f3f3f3;
  font-size: 14px;
  font-weight: bold;
}
.w100 {
  width: 100%;
}
.w80 {
  width: 80%;
  display: inline-block;
}
.w70 {
  width: 70%;
}
.w50 {
  width: 50%;
}
.w45 {
  width: 45%;
}
.w30 {
  width: 30%;
}
.w20 {
  width: 20%;
}
.h100 {
  height: 100%;
}
.pointer {
  cursor: pointer;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb40 {
  margin-bottom: 40px;
}
.ml10 {
  margin-left: 10px;
}
.ml20 {
  margin-left: 20px;
}
.mr10 {
  margin-right: 10px;
}
.float_right {
  float: right;
}
div[role="tooltip"] {
  max-width: 50%;
}
.ellipse {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.text_center {
  text-align: center;
}
.text_right {
  text-align: right;
}
.pb20 {
  padding-bottom: 20px;
}
.pinter {
  cursor: pointer;
}
.pr {
  position: relative;
}
.fr {
  float: right;
}