@import (reference) '../extend.less';
.hide {
  visibility: hidden !important;
}
.hidden {
  display: none !important;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.inline-flex {
  display: inline-flex;
}
.flex {
  display: flex;
}
.ellipsis {
  display: block;
  overflow: hidden;

  white-space: nowrap;
  text-overflow: ellipsis;
}
.ellipsis-line(@line) {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;

  text-overflow: ellipsis;
  word-break: break-all;

  -webkit-line-clamp: @line;
}
.ellipsis-2 {
  .ellipsis-line(2);
}
.ellipsis-3 {
  .ellipsis-line(3);
}
