@charset "utf-8";

html,body{
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* 浮动布局 */
.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 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 最多显示两行 */
.line-text--two {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 最多显示三行 */
.line-text--three {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

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