@font-face {
    font-family: 'DOUYU'; /* 自定义字体名称 */
    src: url('../fonts/DOUYU2.0.woff2') format('woff2');
}

@font-face {
    font-family: 'HuXiaoBo-NanShen';
    src: url('../fonts/HuXiaoBo-NanShen.woff2') format('woff2'),
    url('https://static.jxdftyn.com/static/fonts/HuXiaoBo-NanShen.woff2') format('woff2');
}

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

@font-face {
    font-family: 'SourceHanSansCN';
    src: url('../fonts/SourceHanSansCN/SourceHanSansCN-Bold.woff2') format('woff2'),
    url('https://static.jxdftyn.com/static/fonts/SourceHanSansCN-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SourceHanSansCN';
    src: url('../fonts/SourceHanSansCN/SourceHanSansCN-Heavy.woff2') format('woff2'),
    url('https://static.jxdftyn.com/static/fonts/SourceHanSansCN-Heavy.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'SourceHanSansCN';
    src: url('../fonts/SourceHanSansCN/SourceHanSansCN-Medium.woff2') format('woff2'),
    url('https://static.jxdftyn.com/static/fonts/SourceHanSansCN-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'SourceHanSansCN';
    src: url('../fonts/SourceHanSansCN/SourceHanSansCN-Light.woff2') format('woff2'),
    url('https://static.jxdftyn.com/static/fonts/SourceHanSansCN-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

/*----------------------------Open Sans-------------------------------------------*/
@font-face {
    font-family: 'OpenSans-Variable';
    font-style: normal;
    font-weight: 300 600;
    src: url('../fonts/open_sans/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-VariableItalic';
    font-style: italic;
    font-weight: 300 600;
    src: url('../fonts/open_sans/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
    font-family: 'OpenSans-Condensed-Regular';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open_sans/static/OpenSans_Condensed-Regular.ttf') format('truetype');
}

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

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

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

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

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

@font-face {
    font-family: 'OpenSans-Condensed-Bold';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open_sans/static/OpenSans_Condensed-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-Condensed-BoldItalic';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/open_sans/static/OpenSans_Condensed-BoldItalic.ttf') format('truetype');
}

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

@font-face {
    font-family: 'OpenSans-Condensed-ExtraBold';
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/open_sans/static/OpenSans_Condensed-ExtraBoldItalic.ttf') format('truetype');
}


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

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

@font-face {
    font-family: 'OpenSans-SemiCondensed-Regular';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open_sans/static/OpenSans_SemiCondensed-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-SemiCondensed-RegularItalic';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/open_sans/static/OpenSans_SemiCondensed-RegularItalic.ttf') format('truetype');
}

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

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

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

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

@font-face {
    font-family: 'OpenSans-SemiCondensed-Bold';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open_sans/static/OpenSans_SemiCondensed-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-SemiCondensed-BoldItalic';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/open_sans/static/OpenSans_SemiCondensed-BoldItalic.ttf') format('truetype');
}

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

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

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

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

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

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

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

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

@font-face {
    font-family: 'Oswald-SemiBold';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/Oswald/Oswald-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Oswald-VariableFont_wght';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/Oswald/Oswald-VariableFont_wght.ttf') format('truetype');
}
/*----------------------------Roboto-------------------------------------------*/
@font-face {
    font-family: 'Roboto-Black';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/Roboto/Roboto-Black-1.ttf') format('truetype');
}

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

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

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

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

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

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

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

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

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

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

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

/*----------------------------MyriadPro-------------------------------------------*/
@font-face {
    font-family: 'MyriadPro-Bold';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/MyriadPro/MYRIADPRO-BOLD.OTF') format('opentype');
}

@font-face {
    font-family: 'MyriadPro-BoldCond';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/MyriadPro/MYRIADPRO-BOLDCOND.OTF') format('opentype');
}

@font-face {
    font-family: 'MyriadPro-BoldCond';
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/MyriadPro/MYRIADPRO-BOLDCONDIT.OTF') format('opentype');
}

@font-face {
    font-family: 'MyriadPro-Bold';
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/MyriadPro/MYRIADPRO-BOLDIT.OTF') format('opentype');
}

@font-face {
    font-family: 'MyriadPro-Cond';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/MyriadPro/MYRIADPRO-COND.OTF') format('opentype');
}

@font-face {
    font-family: 'MyriadPro-Cond';
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/MyriadPro/MYRIADPRO-CONDIT.OTF') format('opentype');
}

@font-face {
    font-family: 'MyriadPro-Light';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/MyriadPro/MyriadPro-Light.otf') format('opentype');
}

@font-face {
    font-family: 'MyriadPro-Regular';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/MyriadPro/MyriadPro-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'MyriadPro-SemiBold';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/MyriadPro/MYRIADPRO-SEMIBOLD.OTF') format('opentype');
}

@font-face {
    font-family: 'MyriadPro-SemiBold-Italic';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/MyriadPro/MYRIADPRO-SEMIBOLDIT.OTF') format('opentype');
}