html,
body {
  font-size: 14px;
}

$size-map: (
  -2: -2px,
  4: 4px,
  5: 5px,
  8: 8px,
  10: 10px,
  15: 15px,
  16: 16px,
  20: 20px,
  24: 24px,
  25: 25px,
  30: 30px,
  40: 40px,
  50: 50px,
  80: 80px,
  140: 140px
);

@each $name in map-keys($size-map) {
  $value: map-get($size-map, $name);

  .mt-#{$name} {
    margin-top: $value;
  }

  .mr-#{$name} {
    margin-right: $value;
  }

  .mb-#{$name} {
    margin-bottom: $value;
  }

  .ml-#{$name} {
    margin-left: $value;
  }

  .margin-#{$name} {
    margin: $value;
  }

  .pt-#{$name} {
    padding-top: $value !important;
  }

  .pr-#{$name} {
    padding-right: $value;
  }

  .pb-#{$name} {
    padding-bottom: $value;
  }

  .pl-#{$name} {
    padding-left: $value;
  }

  .pd-#{$name} {
    padding: $value;
  }
}

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

.flex-s {
  display: flex;
  justify-content: flex-start;
}

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

.flex {
  display: flex;
}

.tl {
  text-align: left;
}

.tr {
  text-align: right;
}

.tc {
  text-align: center;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.pr {
  position: relative;
}

.app-title {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #f0f2f5;
  position: relative;

  .app-back {
    font-size: 16px;
    font-weight: bolder;
    cursor: pointer;
    line-height: 30px;
    color: #169bd5;
    border-right: 2px solid #f0f2f5;
  }

  .app-h {
    color: #333;
    font-size: 16px;
  }

  .app-btn {
    position: absolute;
    right: 15px;
    top: -1px;
    // .app-btn-font-color{
    //   font-size: 16px;
    // }
  }
}

.data-manage {
  border: 24px solid #f0f2f5;
  min-height: 100%;
  background: #fff;
}

.data-manage-content {
  display: flex;
}

.app-table {
  min-height: calc(100vh - 128px);
  width: 100%;
  padding: 0 10px 10px;
  flex: 1;
}

.bottomPage {
  margin: 9px 0 0;
}

.wrap {
  border: 24px solid #f0f2f5;
  min-height: 100%;
}

/*css主要部分的样式*/
::-webkit-scrollbar {
  width: 11px;
  height: 11px;
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(144, 147, 153, 0.3);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(144, 147, 153, 0.3);
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

