ul{
  margin: 0;
}
ul li{
  list-style: none;
}
input, select{
  outline: none;
}
body{
  font-family: "Microsoft YaHei", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", sans-serif;
}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {*+height:1%; }
.attach{background-position: center 0; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; zoom: 1;}
.table{display: table;}
.table-cell{display: table-cell; vertical-align: middle;}
.justify{text-align: justify;}
.justify_fix, .justify-fix{display:inline-block; width:100%; height:0; overflow:hidden;}
.ellipsis{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.ib{
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.row-ellipsis{
  display: -webkit-box !important;    
  -webkit-box-orient: vertical;    
  -webkit-line-clamp: 3;    
  overflow: hidden;
}
.flex-center{
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.flex-hor{
  display: flex;
  justify-content: space-around;
}
.flex-jus{
  display: flex;
  justify-content: space-between;
}
.flex-ver{
  display: flex;
  align-items: center;
}
.pos-center{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pos-hor{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.pos-ver{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}