/* ==============================
   基准默认样式（≥1400px 超大屏）
============================== */
/* 超大级 */
.font-xxxl {
   font-size: 80px;
}

.font-xxl {
   font-size: 72px;
}

.font-xl {
   font-size: 64px;
}

/* 大号级 */
.font-lgg {
   font-size: 56px;
}

.font-lg {
   font-size: 48px;
}

.font-lm {
   font-size: 42px;
}

/* 中号级 */
.font-md {
   font-size: 36px;
}

.font-ms {
   font-size: 32px;
}

.font-sm {
   font-size: 28px;
}

/* 小号级 */
.font-xs {
   font-size: 24px;
}

.font-xxs {
   font-size: 20px;
}

.font-xxxs {
   font-size: 18px;
}

/* 超小级 */
.font-min {
   font-size: 16px;
}

.font-xmin {
   font-size: 14px;
}

.font-xxmin {
   font-size: 12px;
}

/* ==============================
   响应式：<1400px 大屏
============================== */
@media (max-width: 1399.98px) {
   .font-xxxl {
      font-size: 72px;
   }

   .font-xxl {
      font-size: 65px;
   }

   .font-xl {
      font-size: 58px;
   }

   .font-lgg {
      font-size: 50px;
   }

   .font-lg {
      font-size: 42px;
   }

   .font-lm {
      font-size: 38px;
   }

   .font-md {
      font-size: 32px;
   }

   .font-ms {
      font-size: 29px;
   }

   .font-sm {
      font-size: 26px;
   }

   .font-xs {
      font-size: 22px;
   }

   .font-xxs {
      font-size: 19px;
   }

   .font-xxxs {
      font-size: 17px;
   }

   .font-min {
      font-size: 15px;
   }

   .font-xmin {
      font-size: 13px;
   }

   .font-xxmin {
      font-size: 11px;
   }
}

/* ==============================
   响应式：<1200px 普通桌面
============================== */
@media (max-width: 1199.98px) {
   .font-xxxl {
      font-size: 64px;
   }

   .font-xxl {
      font-size: 58px;
   }

   .font-xl {
      font-size: 52px;
   }

   .font-lgg {
      font-size: 45px;
   }

   .font-lg {
      font-size: 38px;
   }

   .font-lm {
      font-size: 34px;
   }

   .font-md {
      font-size: 30px;
   }

   .font-ms {
      font-size: 27px;
   }

   .font-sm {
      font-size: 24px;
   }

   .font-xs {
      font-size: 21px;
   }

   .font-xxs {
      font-size: 18px;
   }

   .font-xxxs {
      font-size: 16px;
   }

   .font-min {
      font-size: 14px;
   }

   .font-xmin {
      font-size: 12px;
   }

   .font-xxmin {
      font-size: 10px;
   }
}

/* ==============================
   响应式：<992px 平板横屏
============================== */
@media (max-width: 991.98px) {
   .font-xxxl {
      font-size: 56px;
   }

   .font-xxl {
      font-size: 50px;
   }

   .font-xl {
      font-size: 44px;
   }

   .font-lgg {
      font-size: 40px;
   }

   .font-lg {
      font-size: 34px;
   }

   .font-lm {
      font-size: 30px;
   }

   .font-md {
      font-size: 27px;
   }

   .font-ms {
      font-size: 24px;
   }

   .font-sm {
      font-size: 22px;
   }

   .font-xs {
      font-size: 20px;
   }

   .font-xxs {
      font-size: 17px;
   }

   .font-xxxs {
      font-size: 15px;
   }

   .font-min {
      font-size: 14px;
   }

   .font-xmin {
      font-size: 12px;
   }

   .font-xxmin {
      font-size: 10px;
   }
}

/* ==============================
   响应式：<768px 平板竖屏
============================== */
@media (max-width: 767.98px) {
   .font-xxxl {
      font-size: 48px;
   }

   .font-xxl {
      font-size: 42px;
   }

   .font-xl {
      font-size: 38px;
   }

   .font-lgg {
      font-size: 34px;
   }

   .font-lg {
      font-size: 30px;
   }

   .font-lm {
      font-size: 27px;
   }

   .font-md {
      font-size: 24px;
   }

   .font-ms {
      font-size: 22px;
   }

   .font-sm {
      font-size: 20px;
   }

   .font-xs {
      font-size: 18px;
   }

   .font-xxs {
      font-size: 16px;
   }

   .font-xxxs {
      font-size: 14px;
   }

   .font-min {
      font-size: 13px;
   }

   .font-xmin {
      font-size: 11px;
   }

   .font-xxmin {
      font-size: 9px;
   }
}

/* ==============================
   响应式：<576px 手机（最小屏）
============================== */
@media (max-width: 575.98px) {
   .font-xxxl {
      font-size: 38px;
   }

   .font-xxl {
      font-size: 34px;
   }

   .font-xl {
      font-size: 30px;
   }

   .font-lgg {
      font-size: 28px;
   }

   .font-lg {
      font-size: 26px;
   }

   .font-lm {
      font-size: 24px;
   }

   .font-md {
      font-size: 22px;
   }

   .font-ms {
      font-size: 20px;
   }

   .font-sm {
      font-size: 18px;
   }

   .font-xs {
      font-size: 16px;
   }

   .font-xxs {
      font-size: 15px;
   }

   .font-xxxs {
      font-size: 14px;
   }

   .font-min {
      font-size: 12px;
   }

   .font-xmin {
      font-size: 10px;
   }

   .font-xxmin {
      font-size: 8px;
   }
}