@font-face {
    font-family: 'OPPOSans-Heavy';
    src: url('OPPOSans-Heavy.eot');
    src: url('OPPOSans-Heavy.eot?#iefix') format('embedded-opentype'),
        url('OPPOSans-Heavy.woff2') format('woff2'),
        url('OPPOSans-Heavy.woff') format('woff'),
        url('OPPOSans-Heavy.ttf') format('truetype'),
        url('OPPOSans-Heavy.svg#OPPOSans-Heavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OPPOSans-Regular';
    src: url('OPPOSans-Regular.eot');
    src: url('OPPOSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('OPPOSans-Regular.woff2') format('woff2'),
        url('OPPOSans-Regular.woff') format('woff'),
        url('OPPOSans-Regular.ttf') format('truetype'),
        url('OPPOSans-Regular.svg#OPPOSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OPPOSans-HeavyItalic';
    src: url('OPPOSans-HeavyItalic.eot');
    src: url('OPPOSans-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('OPPOSans-HeavyItalic.woff2') format('woff2'),
        url('OPPOSans-HeavyItalic.woff') format('woff'),
        url('OPPOSans-HeavyItalic.ttf') format('truetype'),
        url('OPPOSans-HeavyItalic.svg#OPPOSans-HeavyItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OPPOSans-LightItalic';
    src: url('OPPOSans-LightItalic.eot');
    src: url('OPPOSans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('OPPOSans-LightItalic.woff2') format('woff2'),
        url('OPPOSans-LightItalic.woff') format('woff'),
        url('OPPOSans-LightItalic.ttf') format('truetype'),
        url('OPPOSans-LightItalic.svg#OPPOSans-LightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OPPOSans-Medium';
    src: url('OPPOSans-Medium.eot');
    src: url('OPPOSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('OPPOSans-Medium.woff2') format('woff2'),
        url('OPPOSans-Medium.woff') format('woff'),
        url('OPPOSans-Medium.ttf') format('truetype'),
        url('OPPOSans-Medium.svg#OPPOSans-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OPPOSans-Ultra';
    src: url('OPPOSans-Ultra.eot');
    src: url('OPPOSans-Ultra.eot?#iefix') format('embedded-opentype'),
        url('OPPOSans-Ultra.woff2') format('woff2'),
        url('OPPOSans-Ultra.woff') format('woff'),
        url('OPPOSans-Ultra.ttf') format('truetype'),
        url('OPPOSans-Ultra.svg#OPPOSans-Ultra') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OPPOSans-Light';
    src: url('OPPOSans-Light.eot');
    src: url('OPPOSans-Light.eot?#iefix') format('embedded-opentype'),
        url('OPPOSans-Light.woff2') format('woff2'),
        url('OPPOSans-Light.woff') format('woff'),
        url('OPPOSans-Light.ttf') format('truetype'),
        url('OPPOSans-Light.svg#OPPOSans-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OPPOSans-Bold';
    src: url('OPPOSans-Bold.eot');
    src: url('OPPOSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('OPPOSans-Bold.woff2') format('woff2'),
        url('OPPOSans-Bold.woff') format('woff'),
        url('OPPOSans-Bold.ttf') format('truetype'),
        url('OPPOSans-Bold.svg#OPPOSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OPPOSans-RegularItalic';
    src: url('OPPOSans-RegularItalic.eot');
    src: url('OPPOSans-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('OPPOSans-RegularItalic.woff2') format('woff2'),
        url('OPPOSans-RegularItalic.woff') format('woff'),
        url('OPPOSans-RegularItalic.ttf') format('truetype'),
        url('OPPOSans-RegularItalic.svg#OPPOSans-RegularItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OPPOSans-BoldItalic';
    src: url('OPPOSans-BoldItalic.eot');
    src: url('OPPOSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('OPPOSans-BoldItalic.woff2') format('woff2'),
        url('OPPOSans-BoldItalic.woff') format('woff'),
        url('OPPOSans-BoldItalic.ttf') format('truetype'),
        url('OPPOSans-BoldItalic.svg#OPPOSans-BoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OPPOSans-MediumItalic';
    src: url('OPPOSans-MediumItalic.eot');
    src: url('OPPOSans-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('OPPOSans-MediumItalic.woff2') format('woff2'),
        url('OPPOSans-MediumItalic.woff') format('woff'),
        url('OPPOSans-MediumItalic.ttf') format('truetype'),
        url('OPPOSans-MediumItalic.svg#OPPOSans-MediumItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OPPOSans-UltraItalic';
    src: url('OPPOSans-UltraItalic.eot');
    src: url('OPPOSans-UltraItalic.eot?#iefix') format('embedded-opentype'),
        url('OPPOSans-UltraItalic.woff2') format('woff2'),
        url('OPPOSans-UltraItalic.woff') format('woff'),
        url('OPPOSans-UltraItalic.ttf') format('truetype'),
        url('OPPOSans-UltraItalic.svg#OPPOSans-UltraItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}