@font-face {
    font-family: 'OPPOSans-R';
    src: url('../../css/font/OPPOSans-R.eot');
    src: url('../../css/font/OPPOSans-R.eot?#iefix') format('embedded-opentype'),
        url('../../css/font/OPPOSans-R.woff2') format('woff2'),
        url('../../css/font/OPPOSans-R.woff') format('woff'),
        url('../../css/font/OPPOSans-R.ttf') format('truetype'),
        url('../../css/font/OPPOSans-R.svg#OPPOSans-R') format('svg');
}
@font-face {
    font-family: 'OPPOSans-M';
    src: url('../../css/font/OPPOSans-M.eot');
    src: url('../../css/font/OPPOSans-M.eot?#iefix') format('embedded-opentype'),
        url('../../css/font/OPPOSans-M.woff2') format('woff2'),
        url('../../css/font/OPPOSans-M.woff') format('woff'),
        url('../../css/font/OPPOSans-M.ttf') format('truetype'),
        url('../../css/font/OPPOSans-M.svg#OPPOSans-M') format('svg');
}
@font-face {
    font-family: 'OPPOSans-B';
    src: url('../../css/font/OPPOSans-B.eot');
    src: url('../../css/font/OPPOSans-B.eot?#iefix') format('embedded-opentype'),
        url('../../css/font/OPPOSans-B.woff2') format('woff2'),
        url('../../css/font/OPPOSans-B.woff') format('woff'),
        url('../../css/font/OPPOSans-B.ttf') format('truetype'),
        url('../../css/font/OPPOSans-B.svg#OPPOSans-B') format('svg');
}

body
{
    background-color: #FFFFFF;
    font-family: "OPPOSans-R";
    color: #000000;
}
a
{
    color: #000000;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
input
{
    font-family: "OPPOSans-R";
    color: #000000;
}
textarea
{
    font-family: "OPPOSans-R";
    color: #000000;
}
img
{
    border-width: 0px;
}
.clear
{
    clear: both;
}
.red
{
    color: #FF0000;
}
.split
{
    margin-left: 2px;
    margin-right: 2px;
}
h1, h2, h3, h4, h5, h6
{
    display: inline;
    font-weight: inherit;
    font-size: inherit;
}
.keyWord
{
    color: #0000EE;
    text-decoration: none;
}
.keyWord:hover
{
    text-decoration: underline;
}