

//自动移滚动条样式
::-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);
}

// 主题色&&背景色
$theme_color: #1890FF;
$main-bg: #f7f8fa;
$main-border-bg: #EBEDF0;

// 字体大小和颜色
$font-size-base: 14px;
$default-color: #333;

.overflow-y {
  overflow-y: scroll
}
.pointer {
  cursor: pointer;
}

// border
.border_b {
  border-bottom: 1px solid $main-border-bg;
}
.border_t {
  border-top: 1px solid $main-border-bg;
}
.border_n {
  border:none;
}
.border_a {
  border: 1px solid $main-border-bg;
}
.border_b_dashed {
  border-bottom: 1px dashed $main-border-bg;
}
// flex
// 默认row
.flex {
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
}
.flex-column {
  display: flex !important;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.flex_center {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

// text-align
.global_text_left {
  text-align: left;
}
.global_text_right {
  text-align: right;
}
// float
.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;}
.fw_500{font-weight: 500;}
.fw_400{font-weight: 400;}


.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_12{margin-bottom: 12px;}
.mt_12{margin-top: 12px;}
.ml_12{margin-left: 12px;}
.mr_12{margin-right: 12px;}

.p_20 {padding: 20px}
.pb_20{padding-bottom: 20px;}
.pt_20{padding-top: 20px;}
.pl_20{padding-left: 20px;}
.pr_20{padding-right: 20px;}

.pb_30{padding-bottom: 30px;}

.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;
}

.img-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  width: 80px;
  height: 80px;
  background: $main-bg;
  border-radius: 4px;
  border: 1px solid $main-border-bg;
  cursor: pointer;
  img {
    width: 72px;
    height: 72px;
  }
}
.img-upload-text {
  width: 100px;
  height: 22px;
  font-size: 12px;
  font-weight: 400;
  color: $default-color;
  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;
}

.add-drawer {
  display: flex;
  flex-direction: column;
  color: $default-color;
  font-weight: 500;
  .ivu-drawer-close .ivu-icon-ios-close {
    color: $default-color;
  }
  .ivu-drawer-header-inner {
    color: $default-color;
  }
  .ivu-drawer-body {
    padding: 0 !important;
  }

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


.lineh28 {
  line-height: 28px;
}

.theme_color {
  color: $theme_color !important;
}

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

.wes {
	/* 多出部分用省略号表示 , 用于一行 */
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.wes-2 {
	/* 适用于webkit内核和移动端 */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.wes-3 {
	/* 适用于webkit内核和移动端 */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

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