

//自动移滚动条样式
::-webkit-scrollbar{
  width: 1px;
  height: 10px;
}
::-webkit-scrollbar-thumb{
  border-radius: 1em;
  background-color: rgba(50,50,50,.3);
}
::-webkit-scrollbar-track{
  border-radius: 1em;
  background-color: rgba(50,50,50,.1);
}
.overflow-y {
  overflow-y: scroll
}
.pointer {
  cursor: pointer;
}

.border_b {
  border-bottom: 1px solid #EBEDF0;
}
.border_t {
  border-top: 1px solid #EBEDF0;
}
.border_n {
  border:none;
}
.border_a {
  border: 1px solid #EBEDF0;
}
.flex {
  display: flex !important;
}
.flex_row {
  display: flex;
  flex-wrap: wrap;
}
.flex-direction {
  display: flex !important;
  flex-direction: column;
}
.flex_justify_content {
  justify-content: center;
}
.flex_align_item {
  align-items: center;
}
.flex-space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

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

.global_text_left {
  text-align: left;
}
.global_text_right {
  text-align: right;
}
.global_float_left {
  float: left;
}
.global_float_right {
    float: right;
}
@mixin global_absolute_right_top($distance) {
  position: absolute;
  top: -$distance;
  right: -$distance;
}
.clearfix::after{
  content: '';
  display: block;
  clear: both;
}
.w_100 {
  width: 100%;
}
.width_1200{width: 1200px;}
.width_800{width: 800px;}
.width_400{width: 400px;}
.width_300{width: 300px;}
.width_200{width: 200px;}
.width_100{width: 100px;}

.fz_12{font-size: 12px;}
.fz_14{font-size: 14px;}
.fz_16{font-size: 16px;}
.fz_18{font-size: 18px;}
.fw_bold{font-weight: bold;}

.mb_20{margin-bottom: 20px;}
.mt_20{margin-top: 20px;}
.ml_20{margin-left: 20px;}
.mr_20{margin-right: 20px;}
.mt_24 {margin-top: 24px;}
.mb_24 {margin-bottom: 24px;}
.mb_30{margin-bottom: 30px;}
.mt_30{margin-top: 30px;}
.ml_30{margin-left: 30px;}
.mr_30{margin-right: 30px;}
.m_30 {
  margin: 30px
}

.mb_10{margin-bottom: 10px;}
.mt_10{margin-top: 10px;}
.ml_10{margin-left: 10px;}
.ml_5{margin-left: 5px;}
.mr_5{margin-right: 5px;}
.mr_10{margin-right: 10px;}
.p_20 {
  padding: 20px
}
.pb_20{padding-bottom: 20px;}
.pb_30{padding-bottom: 30px;}
.pt_20{padding-top: 20px;}
.pl_20{padding-left: 20px;}
.pr_20{padding-right: 20px;}
.p_10 {
  padding: 10px
}
.pb_10{padding-bottom: 10px;}
.pt_10{padding-top: 10px;}
.pl_10{padding-left: 10px;}
.pr_10{padding-right: 10px;}

ul,li{
  list-style: none;
}

.ellipsis{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.div-tip {
  color: #969799;
  font-size:12px;
  font-weight: 400;
}
.img-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  width: 80px;
  height: 80px;
  background: #F7F8FA;
  border-radius: 4px;
  border: 1px solid #DCDEE0;
  cursor: pointer;
  img {
    width: 72px;
    height: 72px;
  }
}
.img-upload-text {
  width: 100px;
  height: 22px;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  line-height: 22px;
  margin-top: 4px;
  text-align: left;
}
.img-upload-fill {
  background: #fff;
}
.close-content {
  position: relative;
}
.primary-close  {
  @include global_absolute_right_top(8px);
  cursor: pointer;
}
@mixin img_size($size) {
  width: $size;
  height: $size;
}
.add-drawer {
  display: flex;
  flex-direction: column;
  color: #333;
  font-weight: 500;
  .ivu-drawer-close .ivu-icon-ios-close {
    color: #333;
  }
  .ivu-drawer-header-inner {
    color: #333;
  }
  .ivu-drawer-body {
    padding: 0 !important;
  }

  .collapse {
    padding: 24px;
    padding-top: 0px !important;
    height: calc(100vh - 120px);
    overflow-y: scroll;
    .ivu-form {
      color: #333 !important;
      font-weight: 400 !important;
    }
    .ivu-form .ivu-form-item-label {
      color: #333 !important;
      font-weight: 400 !important;
    }
  }
  .collapse-header {
    height: 48px;
  }
  .collapse-content {
    color: #333;
    font-weight: 400;
  }
  .collapse-foot {
    flex: 1;
    width: 100%;
    text-align: right;
    padding: 20px 24px;
  }
  ::-webkit-scrollbar {
    display: none;
  }
}
.btn-tooltip {
  width: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  img {
    width: 100%;
    height: 100%;
  }
}

.border_b_dashed {
  border-bottom: 1px dashed #EBEDF0;
}
.border_b_solid {
  border-bottom: 1px solid #EBEDF0;
}
.lineh28 {
  line-height: 28px;
}
// 主题颜色
$success_color: #68cabe;
$warning_color: #fa6419;
$error_color: #ff3c2a;
$theme_color: #1890FF;
.theme_color {
  color: $theme_color !important;
}
$bg_color: #f1f6fa;

@import "./table-common.scss";
