body {
    background: #0e0d0f url('https://cdn.ok-skins.com/static/images/new_versions_23/page_bg.png') no-repeat;
    background-size: 100% 100% !important;
    background-attachment: fixed !important;
}

body::-webkit-scrollbar-track-piece {
    border-radius: 0;
    background: transparent;
}

body::-webkit-scrollbar {
    width: 6px;
    height: 6px;

    @media screen and (max-width: 900px) {
        html {
            width: 0;
        }
    }
}

body::-webkit-scrollbar-thumb {
    height: 30px;
    background-color: #5A6585;
    border-radius: 4px;
    outline-offset: -2px;
    border: 0px solid #56627B;
}

a {
    text-decoration: none !important;
}

.MuiPaper-root {
    background-color: #222121 !important;
}

.MuiListItem-root {
    color: rgba(255, 255, 255, .6) !important;
}

.MuiPaper-root .MuiList-padding {
    padding-top: 0px;
}

@font-face {
    font-family: 'font_pingfang';
    src: url(https://cdn.ok-skins.com/static/fontFamily/pingfang.woff2);
}

@font-face {
    font-family: 'HeadLineA';
    src: url(https://cdn.ok-skins.com/static/fontFamily/HeadlineA.ttf);
}

@font-face {
    font-family: 'douyuFont';
    src: url(https://cdn.ok-skins.com/static/fontFamily/douyuFont.otf);
}

@font-face {
    font-family: 'youshe';
    src: url(https://cdn.ok-skins.com/static/fontFamily/YouSheBiaoTiHei-2.ttf);
}

@font-face {
    font-family: 'Indust';
    src: url(https://cdn.ok-skins.com/static/fontFamily/Industry-Black.otf);
}

/* 阿里巴巴普惠体 */
@font-face {
    font-family: 'Alibaba-PuHuiTi-H';
    src: url(https://cdn.ok-skins.com/static/fontFamily/Alibaba-PuHuiTi-H.ttf);
}

@font-face {
    font-family: 'Alibaba-PuHuiTi-Bold';
    src: url(https://cdn.ok-skins.com/static/fontFamily/Alibaba-PuHuiTi-Bold.ttf);
}


@font-face {
    font-family: 'pingfang';
    src: url(https://cdn.ok-skins.com/static/fontFamily/pingfang.woff2);
}

.MuiSnackbar-root {
    top: 0%;
}