@charset "utf-8";

/* 浮动布局 */
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix:after {
  height: 0;
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
.clearfix {
  zoom: 1;
}
* html .clearfix {
  zoom: 1;
}

/* 最多显示一行 */
.line-text--one {
 /* white-space: nowrap; *//* 强制不换行 */
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp:1;
 overflow: hidden;
 text-overflow: ellipsis;
}
/* 最多显示两行 */
.line-text--u{
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp:2;
 overflow: hidden;
 text-overflow: ellipsis;
}
/* 最多显示四行 */
.line-text--two {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:4;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 最多显示三行 */
.line-text--twe {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:3;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* layout */
.wp {
  width: 1200px;
  margin: auto;
}