@mixin ellipsis($width) {
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: $width;
	white-space: nowrap;
	word-wrap: normal;
	width: auto;
}

@mixin muti-line-ellipsis($line: 3) {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: $line;
	overflow: hidden;
}

// input 后缀
@mixin input-append($str) {
	/deep/ .el-input {
		position: relative;
		input {
			padding-right: 30px !important;
		}
		&::after {
			position: absolute;
			right: 11px;
			top: 0px;
			height: 100%;
			line-height: inherit;
			content: $str;
		}
	}
}

// 分组ul btn样式
@mixin ul-btn {
	ul {
    overflow: hidden;
    li{
      border-radius:16px;
      border:1px solid white;
      color: $gray01;
      height: 32px;
      line-height: 32px;
      padding: 0 16px;
      cursor: pointer;
      font-size: 14px;
      float: left;
      transition: all 0.2s;
      margin-right: 16px;
      margin-bottom: 5px;
      &:hover, &.active {
        color: $blue;
        border:1px solid $blue;
      }
    }
  }
}