*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
a{
  text-decoration: none;
}
ul{
  margin: 0;
}
ul li{
  list-style: none;
}
input, select{
  outline: none;
}
@font-face {
  font-family: "FZHTJ";
  src: url("FZHTJ.OTF");
}
@font-face {
  font-family: "PingFang SC";
  src: url("SourceHanSansCN-Regular.otf");
}
body{
  font-family: "FZHTJ", Arial, "PingFang 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%);
}