* {
	margin: 0;
	padding: 0;
	line-height: 100%;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	/* Firefox */
	-webkit-box-sizing: content-box;
	/* Safari */
}

a,
a:hover,
a:visited {
	text-decoration: none;
}

ul li,
ol li {
	list-style: none;
}

b,
strong,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

i,
em {
	font-style: normal;
}

img {
	vertical-align: top;
}

input,
select,
img {
	outline: none;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: '';
	display: block;
	clear: both;
}

a:link,
a:visited,
a:active {
	text-decoration: none !important;
	color: #333;
}

a:hover {
	color: #333;
}

a {
	cursor: pointer;
}

input {
	outline: none;
}

a,
input {
	-webkit-tap-highlight-color: transparent;
}

input[type=button],
input[type=submit],
input[type=file],
button {
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 0;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

/* 定义字体变量 */
:root {
    --font-manrope: 'Manrope';
    --font-publicsans: 'PublicSans';
}

/* Manrope 字体定义 */
@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope/Manrope-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope/Manrope-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope/Manrope-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope/Manrope-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope/Manrope-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope/Manrope-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope/Manrope-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

/* PublicSans 字体定义 */
@font-face {
    font-family: 'PublicSans';
    src: url('../fonts/PublicSans/PublicSans-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'PublicSans';
    src: url('../fonts/PublicSans/PublicSans-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'PublicSans';
    src: url('../fonts/PublicSans/PublicSans-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'PublicSans';
    src: url('../fonts/PublicSans/PublicSans-BoldItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'PublicSans';
    src: url('../fonts/PublicSans/PublicSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'PublicSans';
    src: url('../fonts/PublicSans/PublicSans-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'PublicSans';
    src: url('../fonts/PublicSans/PublicSans-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'PublicSans';
    src: url('../fonts/PublicSans/PublicSans-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'PublicSans';
    src: url('../fonts/PublicSans/PublicSans-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'PublicSans';
    src: url('../fonts/PublicSans/PublicSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'PublicSans';
    src: url('../fonts/PublicSans/PublicSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'PublicSans';
    src: url('../fonts/PublicSans/PublicSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'PublicSans';
    src: url('../fonts/PublicSans/PublicSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'PublicSans';
    src: url('../fonts/PublicSans/PublicSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PublicSans';
    src: url('../fonts/PublicSans/PublicSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'PublicSans';
    src: url('../fonts/PublicSans/PublicSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'PublicSans';
    src: url('../fonts/PublicSans/PublicSans-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'PublicSans';
    src: url('../fonts/PublicSans/PublicSans-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

/* 使用字体变量 */
.Manrope-ExtraBold { font-family: var(--font-manrope); font-weight: 800; }
.Manrope-Bold      { font-family: var(--font-manrope); font-weight: bold; }
.Manrope-SemiBold  { font-family: var(--font-manrope); font-weight: 600; }
.Manrope-Medium    { font-family: var(--font-manrope); font-weight: 500; }
.Manrope-Regular   { font-family: var(--font-manrope); font-weight: normal; }
.Manrope-Light     { font-family: var(--font-manrope); font-weight: 300; }
.Manrope-ExtraLight{ font-family: var(--font-manrope); font-weight: 200; }

.PublicSans-Black          { font-family: var(--font-publicsans); font-weight: 900; font-style: normal; }
.PublicSans-BlackItalic    { font-family: var(--font-publicsans); font-weight: 900; font-style: italic; }
.PublicSans-Bold           { font-family: var(--font-publicsans); font-weight: 600; font-style: normal; }
.PublicSans-BoldItalic     { font-family: var(--font-publicsans); font-weight: 500; font-style: italic; }
.PublicSans-ExtraBold      { font-family: var(--font-publicsans); font-weight: 800; font-style: normal; }
.PublicSans-ExtraBoldItalic{ font-family: var(--font-publicsans); font-weight: 800; font-style: italic; }
.PublicSans-ExtraLight     { font-family: var(--font-publicsans); font-weight: 200; font-style: normal; }
.PublicSans-ExtraLightItalic{ font-family: var(--font-publicsans); font-weight: 200; font-style: italic; }
.PublicSans-Italic         { font-family: var(--font-publicsans); font-weight: 400; font-style: italic; }
.PublicSans-Light          { font-family: var(--font-publicsans); font-weight: 300; font-style: normal; }
.PublicSans-LightItalic    { font-family: var(--font-publicsans); font-weight: 300; font-style: italic; }
.PublicSans-Medium         { font-family: var(--font-publicsans); font-weight: 500; font-style: normal; }
.PublicSans-MediumItalic   { font-family: var(--font-publicsans); font-weight: 500; font-style: italic; }
.PublicSans-Regular        { font-family: var(--font-publicsans); font-weight: normal; font-style: normal; }
.PublicSans-SemiBold       { font-family: var(--font-publicsans); font-weight: 600; font-style: normal; }
.PublicSans-SemiBoldItalic { font-family: var(--font-publicsans); font-weight: 600; font-style: italic; }
.PublicSans-Thin           { font-family: var(--font-publicsans); font-weight: 100; font-style: normal; }
.PublicSans-ThinItalic     { font-family: var(--font-publicsans); font-weight: 100; font-style: italic; }