html, body, ul, li {
  margin: 0;
  padding: 0;
}
.mt-10 {
  margin-top: 10px;
}
.mt-20 {
  margin-top: 20px;
}

.el-table__row.warning{
  background: oldlace;
}

.el-table__row.success{
  background: olivedrab;
}

.pagination-container {
  margin-top: 10px;
  text-align: right;
}

.el-dialog__wrapper .el-dialog__title, .el-drawer__wrapper #el-drawer__title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #262626;
  line-height: 24px;
  margin: 0;
}
.el-drawer__wrapper .el-drawer__body {
  position: relative;
  padding-bottom: 60px;
  .footer{
    height: 60px;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: table;
    text-align: right;
    padding: 4px 24px 16px;
  }
}

.el-image-viewer__btn.el-image-viewer__close {
  .el-icon-close {
    color: #fff;
    background: #606266;
    border-radius: 50%;
    font-size: 24px;
    padding: 8px;
  }
}

// 定义显示几行
@for $i from 1 through 5 {
  .y-line-#{$i} {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: $i;
  }
}

.md .el-table::before{
  height: 0;
}

ul.icon-list {
  overflow: hidden;
  list-style: none;
  padding: 0!important;
  border: 1px solid #eaeefb;
  border-radius: 4px;
}

.icon-list li {
  float: left;
  width: 16.66%;
  text-align: center;
  height: 120px;
  line-height: 120px;
  color: #666;
  font-size: 13px;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin-right: -1px;
  margin-bottom: -1px;
}

.icon-list li span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  color: #99a9bf;
  transition: color .15s linear;
}

.icon-list li i {
  display: block;
  font-size: 32px;
  margin-bottom: 15px;
  color: #606266;
  transition: color .15s linear;
}

.icon-list li .icon-name {
  display: inline-block;
  padding: 0 3px;
  height: 1em;
}