* {

  margin: 0;

  padding: 0;

  list-style: none;

}

img {

  border: none;

}





body {

  font-family: "Microsoft YaHei";

}

table {
  border-collapse: collapse;
  border: 1px solid #dedede;
}

td {
  border-collapse: collapse;
  border: 1px solid #dedede;

}

table th {
  background: #f1f1f1;
  border-collapse: collapse;
  border: 1px solid #dedede;
}

td, th {
  padding: 10px;
}

/*------------单行省略------------*/

.ellipsis1 {

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

}





/*------------多行省略------------*/

.ellipsis2 {

  text-overflow: ellipsis;

  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/

  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/

  -webkit-line-clamp: 2;
  /** 显示的行数 **/

  overflow: hidden;
  /** 隐藏超出的内容 **/

}

.ellipsis3 {

  text-overflow: ellipsis;

  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/

  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/

  -webkit-line-clamp: 3;
  /** 显示的行数 **/

  overflow: hidden;
  /** 隐藏超出的内容 **/

}

.ellipsis4 {

  text-overflow: ellipsis;

  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/

  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/

  -webkit-line-clamp: 4;
  /** 显示的行数 **/

  overflow: hidden;
  /** 隐藏超出的内容 **/

}

.ellipsis5 {

  text-overflow: ellipsis;

  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/

  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/

  -webkit-line-clamp: 5;
  /** 显示的行数 **/

  overflow: hidden;
  /** 隐藏超出的内容 **/

}

.ellipsis7 {

  text-overflow: ellipsis;

  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/

  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/

  -webkit-line-clamp: 7;
  /** 显示的行数 **/

  overflow: hidden;
  /** 隐藏超出的内容 **/

}