.text-12 {font-size: 1.2rem;}
.text-14 {font-size: 1.4rem;line-height: 2.6rem;}
.text-16 {font-size: 1.6rem;line-height: 3rem;}
.text-18 {font-size: 1.8rem;}
.text-20 {font-size: 2.0rem;}
.text-22 {font-size: 2.2rem;}
.text-24 {font-size: 2.4rem;}
.text-26 {font-size: 2.6rem;}
.text-28 {font-size: 2.8rem;}
.text-30 {font-size: 3.0rem;}
.text-32 {font-size: 3.2rem;}
.text-34 {font-size: 3.4rem;}
.text-36 {font-size: 3.6rem;}
.text-38 {font-size: 3.8rem;}
.text-40 {font-size: 4.0rem;}
.text-42 {font-size: 4.2rem;}
.text-44 {font-size: 4.4rem;}
.text-46 {font-size: 4.6rem;}
.text-48 {font-size: 4.8rem;}
.text-50 {font-size: 5.0rem;}
.text-52 {font-size: 5.2rem;}
.text-54 {font-size: 5.4rem;}
.text-56 {font-size: 5.6rem;}
.text-58 {font-size: 5.8rem;}
.text-60 {font-size: 6.0rem;}
.text-62 {font-size: 6.2rem;}
.text-64 {font-size: 6.4rem;}
.text-66 {font-size: 6.6rem;}
.text-68 {font-size: 6.8rem;}
.text-70 {font-size: 7.0rem;}

html {font-size: 62.5%;}
body,a,input,select,textarea {
	font-family: 'Outfit', 'Microsoft YaHei', PingFang SC, -apple-system, Arial, sans-serif;
}
h1,h2,h3,h4,h5,h6,strong,b {font-weight: bold;margin: 0;padding: 0;}

/* fonts */
@font-face {
	font-family: 'Nexa Bold';
	src: url('../font/Nexa Bold.ttf') format('opentype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Outfit';
	src: url('../font/Outfit-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Outfit';
	src: url('../font/Outfit-ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Outfit';
	src: url('../font/Outfit-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Outfit';
	src: url('../font/Outfit-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Outfit';
	src: url('../font/Outfit-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Outfit';
	src: url('../font/Outfit-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Outfit';
	src: url('../font/Outfit-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Outfit';
	src: url('../font/Outfit-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Outfit';
	src: url('../font/Outfit-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Barlow';
	src: url('../font/Barlow-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Barlow';
	src: url('../font/Barlow-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Barlow';
	src: url('../font/Barlow-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Barlow';
	src: url('../font/Barlow-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Manrope-EB';
	src: url('../images/Manrope-ExtraBold.ttf');
	font-weight: normal;
	font-style: normal;
}

.font-nexa {font-family: 'Nexa Bold', 'Outfit', sans-serif;font-weight: 700;}
.font-outfit {font-family: 'Outfit', sans-serif;}

/* 根字号阶梯：笔记本 / 平板逐步缩小，大标题随 rem 自适应 */
@media screen and (max-width: 1680px) {
	html {font-size: 58%;}
}
@media screen and (max-width: 1440px) {
	html {font-size: 54%;}
}
@media screen and (max-width: 1366px) {
	html {font-size: 52%;}
}
@media screen and (max-width: 1280px) {
	html {font-size: 50%;}
}
@media screen and (max-width: 1152px) {
	html {font-size: 48%;}
}
@media screen and (max-width: 1024px) {
	html {font-size: 46%;}
}
@media screen and (max-width: 980px) {
	html {font-size: 50%;}
}
@media screen and (max-width: 480px) {
	html {font-size: 48%;}
}