@font-face{
  font-family: PingFangSC-Light, PingFang SC;
  /* font-family: "Din";
  src: url("./DIN\ Medium.ttf"); */
}
html,body{
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-family: "PingFangSC-Light", "PingFangSC-Semibold", "PingFangSC-Regular", "sans-serif", "STHeiti", "Microsoft YaHei";
  padding: 0;
  margin: 0;
  background-color: #fff;
}

*{
  padding: 0;
  margin: 0;
}
.txt-black{
  color: #000;
}
.txt-white{
  color: #fff;
}
.page{
  min-width: 1200px;
}
.txt-bold{
  font-weight: bold;
}
.txt-s56{
  font-size: 56px;
}
.txt-s48{
  font-size: 48px;
}
.txt-s36{
  font-size: 36px;
}
.txt-s24{
  font-size: 24px;
}
.txt-s20{
  font-size: 20px;
}
.txt-s16{
  font-size: 16px;
}
.txt-s14{
  font-size: 14px;
}
.flex{
  display: flex;
  align-items: center;
}
.flex-s1{
  flex: 1;
}
.txt-center{
  text-align: center;
}
.txt-left{
  text-align: left;
}
.txt-right{
  text-align: right;
}