* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.main {
  width: 1200px;
  margin: 0 auto;
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ellipsis-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ellipsis-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.clearfix::before,
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.hidden{
  display: none;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
a{
  text-decoration: none;
  cursor: pointer;
  color: initial;
}