// 文字超出显示省略号单行
.nw-text-overflow-1 {
  overflow:hidden; 
  white-space:nowrap; 
  text-overflow:ellipsis;
}

// 文字超出显示省略号双行
.nw-text-overflow-2 {
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;/*超出2行就显示省略号，可以填3或者其它正整数*/
}

// 文字超出显示省略号三行
.nw-text-overflow-3 {
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;/*超出2行就显示省略号，可以填3或者其它正整数*/
}

// CSS 去掉文字选中状态
.nw-text-no-select {
  -moz-user-select: none; /*火狐*/
  -webkit-user-select: none; /*webkit浏览器*/
  -ms-user-select: none; /*IE10*/
  -khtml-user-select: none; /*早期浏览器*/
  user-select: none;
}

// CSS 去掉文字选中状态
.nw-hand-select {
  cursor: pointer;
  -moz-user-select: none; /*火狐*/
  -webkit-user-select: none; /*webkit浏览器*/
  -ms-user-select: none; /*IE10*/
  -khtml-user-select: none; /*早期浏览器*/
  user-select: none;
}

// 行居中垂直居中
.nw-flex-row-center {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

// 行环绕垂直居中
.nw-flex-row-around {
  display: flex;
  justify-content: space-around;
  align-items: center;
  align-content: center;
}

// 行分布垂直居中
.nw-flex-row-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

// 列居中垂直居中
.nw-flex-column-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}

// 列环绕垂直居中
.nw-flex-column-around {
  display: flex;
  justify-content: space-around;
  align-items: center;
  align-content: center;
}

// 列分布垂直居中
.nw-flex-column-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}