.w1300 {
  width: 1300px;
}
.w1920 {
  width: 1920px;
}
.w100 {
  width: 100%;
}
.h100 {
  height: 100%;
}
.max-w {
  width: 1920px;
}
.hf {
  height: fit-content;
}
.bd {
  box-sizing: border-box;
}
.f6 a{
  color: #ffffff;
}
.f6{
  color: #ffffff;
}
.f-12 {
  font-size: 12px;
}
.f-14 {
  font-size: 14px;
}
.f-16 {
  font-size: 16px;
}
.f-18 {
  font-size: 18px;
}
.f-20 {
  font-size: 20px;
}
.f-22 {
  font-size: 22px;
}
.f-24 {
  font-size: 24px;
}
.f-26 {
  font-size: 26px;
}
.f-28 {
  font-size: 28px;
}
.f-30 {
  font-size: 30px;
}
.f-32 {
  font-size: 32px;
}
.f-34 {
  font-size: 34px;
}
.f-36 {
  font-size: 36px;
}
.f-38 {
  font-size: 38px;
}
.f-40 {
  font-size: 40px;
}
.f-48 {
  font-size: 48px;
}
.f-wb {
  font-weight: bold;
}
/** margin **/
.m-auto {
  margin: 0 auto;
}
.m-b20 {
  margin-bottom: 20px;
}
/* text -> center */
.t-c {
  text-align: center;
}
.ellipsis {
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: pre-line;
}
.ellipsis-2 {
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-line;
}
.ellipsis-3 {
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  white-space: pre-line;
}