:root {
    --primary: #9e9e9e !important;
    --gold: #e1b355;
    --text-color: #e0e0e0;
    --text-color1: #bbb;
    --text-color2: #999;
    --text-color3: #6d6b6b;
    --link-color: #222;
    --gray: rgba(54, 55, 58, 0.71);
    --secondary: #6f6f6f;
    --link-color: hsla(0, 0%, 93.3%, 0.74);
    --red: rgba(235, 84, 36, 0.67);
    --red-light: rgba(253, 241, 237, 0.09);
    --yellow: rgba(254, 226, 9, 0.67);
    --yellow-light: rgba(255, 253, 238, 0.09);
    --blue: rgba(34, 117, 218, 0.67);
    --blue-light: rgba(230, 240, 251, 0.09);
    --green: rgba(25, 163, 2, 0.67);
    --green-light: rgba(244, 255, 242, 0.09);
    --btn-default-text-color: hsla(0, 0%, 66.3%, 0.66);
    --btn-default-background-color: rgba(61, 61, 61, 0.6);
    --btn-default-border-color: #1c1c1d;
    --btn-default-active-background-color: rgba(61, 61, 61, 0.47);
    --btn-default-active-border-color: #1c1c1d;
    --btn-default-active-text-color: hsla(0, 0%, 93.3%, 0.74);
    --btn-default-hover-border-color: #1c1c1d;
    --form-control-background-color: #101010;
    --form-control-border-color: rgba(61, 61, 61, 0.23);
    --form-control-disabled-background-color: rgba(39, 39, 39, 0.59);
    --input-group-background-color: #1e1e1e;
    --input-group-border-color: rgba(61, 61, 61, 0.23);
    --body-background-color: #000;
    --navbar-background-color: #151516;
    --navbar-text-color: rgba(164, 168, 187, 0.87);
    --navbar-shadow-color: rgba(195, 195, 197, 0.15);
    --navbar-fixed-shadow-color: hsla(0, 0%, 56.5%, 0.37);
    --navbar-brand-text-color: #aaa;
    --navbar-brand-text-strong-color: #1a5092;
    --navbar-item-link-active-background-color: #151516;
    --sub-navbar-background-color: rgba(35, 35, 35, 0.22);
    --sub-navbar-shadow-color: rgba(126, 126, 134, 0.22);
    --navbar-topic-title-background-color: #151516;
    --card-border-color: rgba(61, 61, 61, 0.16);
    --card-background-color: #181819;
    --card-title-secondary-color: #777;
    --dropdown-menu-background-color: rgba(34, 34, 34, 0.93);
    --dropdown-menu-text-color: hsla(0, 0%, 66.3%, 0.66);
    --dropdown-menu-divider-color: rgba(61, 61, 61, 0.6);
    --dropdown-item-active-background-color: hsla(0, 0%, 78.4%, 0.1);
    --dropdown-item-active-text-color: #fff;
    --modal-background-color: #2d2d2d;
    --modal-shadow-color: rgba(0, 0, 0, 0.19);
    --list-group-item-border-color: rgba(61, 61, 61, 0.6);
    --table-border-color: rgba(54, 55, 58, 0.71);
    --topic-item-border-color: rgba(61, 61, 61, 0.6);
    --label-awesome-background-color: rgba(249, 205, 148, 0.05);
    --opts-text-color: #6f6f6f;
    --opts-link-color: hsla(0, 0%, 96.9%, 0.65);
    --opts-link-hover-background-color: rgba(119, 120, 121, 0.15);
    --scrollbar-thumb-color: rgba(51, 51, 51, 0.67);
    --scrollbar-track-color: transparent
}


.application_name {
    padding-left: 0px;
}


a {
    text-decoration: none;
}



::-webkit-selection {
    background-color: #cce2ff;
    color: rgba(0, 0, 0, .87);
}

::-moz-selection {
    background-color: #cce2ff;
    color: rgba(0, 0, 0, .87);
}

::selection {
    background-color: #cce2ff;
    color: rgba(0, 0, 0, .87);
}

body ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
}

body ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .1);
    border-radius: 0;
}

body ::-webkit-scrollbar-thumb {
    cursor: pointer;
    border-radius: 5px;
    background: rgba(0, 0, 0, .25);
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}

body ::-webkit-scrollbar-thumb:hover {
    background: rgba(128, 135, 139, .8);
}

a {
    background-color: transparent;
}

a:active, a:hover {
    outline: 0;
}



@media print {
    *, :after, :before {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: "(" attr(href) ")";
    }

    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }
}



a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

img {
    vertical-align: middle;
}

ul {
    margin-top: 0;
    margin-bottom: 10px;
}

a {
    color: #bd0000;
    outline: 0;
}

a:hover {
    color: #2a9fd6;
    text-decoration: none;
}

a:focus {
    text-decoration: none;
    outline: 0;
    color: #2a9fd6;
}

a:visited {
    outline: 0;
    text-decoration: none;
}

a:focus {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img {
    border: 0;
}

a:hover {
    color: #3ca5f6;
}

a:focus {
    outline: 0;
}


a:hover {
    text-decoration: none;
    color: #3ca5f6;
}

img {
    vertical-align: middle;
}

:focus {
    outline: 0;
}

a, div, img, li, ul {
    -webkit-text-size-adjust: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
}

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

ul {
    list-style: none;
}

.app {
    margin: 0 0 10px 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVwAAAFcCAMAAACzyPYeAAAAOVBMVEUAAAAzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzNDquetAAAAE3RSTlMAmY1hD1cglRgKfCttRmqDNDsXQPwVdAAABTJJREFUeNrs3dFu2kAYROEzQOwUUKDv/7K9qapWUdQUOmHXnP8FRvPJXnlXls3f5vCSm+f8yq1zeNmt/xa2Hq/cON9O+11unN1+4YPRVltttdVWW2211VZbbbXVVltttdVWW2211VZbbbXVVltttdVWW2211fbTJc8nbVu2+0VbbbXVVltttdV2K7Zo27tu0ba3JqBtzTZoW7MN2tZsg7Y126BtzTZoW7MN2tZsg7Y126BtzTZoW7MN2tZsg7Y126BtzTZoW7MN2tZsg7Y126BtzTZoW7MN2tZsg7Y126BtzTZoW7MN2tZsg7Y126BtzTZoW7MN2tZsg7Y126BtzTZoW7MN2tZsg7Y126BtzTZMb3s9jmobpre95OcMZxu0rdkGbWu2QduabdC2Zhu0rdkGbWu2QduabdC2Zhu0rdmGx9mubxu3DQ+zzeX7xm2DtjXboG3NNmhbsw0PsV3PpyewDT6D1WyDtjXbMJUtU9mGqWwPU9mGqWx/LzlBLNr2YtG2F4u2tdigbc32jLbP/o1Wbccsqa222mo7QKy22mo7aElttdVW2wFitdV2Stvdom3Ldn171bZmu2irrbYDltRWW221HSD2a21zuWo73nvj2mqrrbbaaqutttpqO5ztqm1xz+u+zPMEbceO1VZbbQctqa222mo7QKy22mo7aElttdVW2z87avv5klMcyWurrbbaPp3tej5p6zOYttpGW2211Xag2Hts0bZ33aJtb01A2956yxQl57RdmaHkpLZhgpKz2obxS94TuxwfaBu0rdkGbWu2QduabdC2Zhu0rdkGbf+r7XJcf9kGbT+yvT8WbWu2Qduabdii7WE/hG3You2DzhPe3S6MWXJG2/exDFlyG7ZhxJIbsQ0DltyKbYj/5/3Rzh2lNg6DURQ+N2nr4qSTpPtf7LyE6fShEIovKPLRBg58GBtL6P/qbpxF25pt0LZmGwazzeU6jW0YzfY2j23QtmYbtK3Y/oy7rKdf257WRNufcZf1+nvbcxJt77gb2x6XJNrecbWt2YZtbQ9JEm3vuGPYLjPahiFsD8eJ/su+FmPYzrOf8P9C214WbXtZdmu72bnDI7jr665sc7nVs/yz/XjXduMs2vayaNvLskfb+yyXepYd2t67/Sza9rJo28uibS+Ltr0s2tayK9rWbD/QduPsTvcTtNVWW2211VZbbbXVVltttdVWW2211VZbbbUdc86Sttpqq+1G3bdVW2211Vbbx9flqm3N9qatttpOZvup7ZB7NdoOafty1HaE+2Xaarup7aJt8dzhqq1nOtpqq6222mqrrbbaaqutttpqq6222mqrrbbaaqutttpqq622m9uibe+5RdveOwFte+9btO19y9C2Zhu0rdmGp7Jdnso2PJXtn6eyDdrWbIO2Ndugbc02aFuzDdrWbIO2Ndugbc02aFuzDdrWbIO2Ndugbc02aFuzDdrWbIO2Ndugbc02aFuzDdrWbIO2Ndswo+0oc5bQtmYbtK3ZBm1rtkHbmm3QtmYbtK3ZBm1rtkHbmm3QtmYbtK3ZhmlsP4ezDbPYDrJX822hbc02aFuzDdrWbIO2Ndswiu35NJ1tGMX2nelsg7Y126BtzTZoW7MN2tZsg7Y126BtzTZoW7MN2tZsg7Y126BtzTZoW7MN2tZsg7Y126BtzTZoW7MN2tZsD2hbsz2i7WTzb7XVVltttdVWW2211VZbAN7O2j5iO8d9B2211VZbbbXVVltttdV2RNuX10Xbmu1h0VZbbbXVVttHbP8ChXVl+wJ3TP0AAAAASUVORK5CYII=);
}

.app ul li {
    width: 80px;
    margin: 10px 0 2px 0;
    text-align: center;
    float: left;
}

.app ul li img {
    margin: 0 auto;
    width: 28px;
    height: 28px;
    display: block;
    border-radius: 6px;
}

.app ul a {
    font: 11px/28px Tahoma, 'Microsoft Yahei', Simsun;
    color: #dcdcdc;
    overflow: hidden;
    white-space: nowrap;
}

.app ul a:hover img {
    transform: scale(1.5);
    transition: transform .3s ease-in-out 0;
}

.bg5:hover {
    background-position: top center, center center;
    -webkit-text-size-adjust: 100%;
    background-attachment: fixed;
    -webkit-animation: xiewen 10s linear infinite;
    animation: xiewen 10s linear infinite;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVwAAAFcCAMAAACzyPYeAAAAOVBMVEUAAAAzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzNDquetAAAAE3RSTlMAmY1hD1cglRgKfCttRmqDNDsXQPwVdAAABTJJREFUeNrs3dFu2kAYROEzQOwUUKDv/7K9qapWUdQUOmHXnP8FRvPJXnlXls3f5vCSm+f8yq1zeNmt/xa2Hq/cON9O+11unN1+4YPRVltttdVWW2211VZbbbXVVltttdVWW2211VZbbbXVVltttdVWW2211fbTJc8nbVu2+0VbbbXVVltttdV2K7Zo27tu0ba3JqBtzTZoW7MN2tZsg7Y126BtzTZoW7MN2tZsg7Y126BtzTZoW7MN2tZsg7Y126BtzTZoW7MN2tZsg7Y126BtzTZoW7MN2tZsg7Y126BtzTZoW7MN2tZsg7Y126BtzTZoW7MN2tZsg7Y126BtzTZoW7MN2tZsg7Y126BtzTZMb3s9jmobpre95OcMZxu0rdkGbWu2QduabdC2Zhu0rdkGbWu2QduabdC2Zhu0rdmGx9mubxu3DQ+zzeX7xm2DtjXboG3NNmhbsw0PsV3PpyewDT6D1WyDtjXbMJUtU9mGqWwPU9mGqWx/LzlBLNr2YtG2F4u2tdigbc32jLbP/o1Wbccsqa222mo7QKy22mo7aElttdVW2wFitdV2Stvdom3Ldn171bZmu2irrbYDltRWW221HSD2a21zuWo73nvj2mqrrbbaaqutttpqO5ztqm1xz+u+zPMEbceO1VZbbQctqa222mo7QKy22mo7aElttdVW2z87avv5klMcyWurrbbaPp3tej5p6zOYttpGW2211Xag2Hts0bZ33aJtb01A2956yxQl57RdmaHkpLZhgpKz2obxS94TuxwfaBu0rdkGbWu2QduabdC2Zhu0rdkGbf+r7XJcf9kGbT+yvT8WbWu2Qduabdii7WE/hG3You2DzhPe3S6MWXJG2/exDFlyG7ZhxJIbsQ0DltyKbYj/5/3Rzh2lNg6DURQ+N2nr4qSTpPtf7LyE6fShEIovKPLRBg58GBtL6P/qbpxF25pt0LZmGwazzeU6jW0YzfY2j23QtmYbtK3Y/oy7rKdf257WRNufcZf1+nvbcxJt77gb2x6XJNrecbWt2YZtbQ9JEm3vuGPYLjPahiFsD8eJ/su+FmPYzrOf8P9C214WbXtZdmu72bnDI7jr665sc7nVs/yz/XjXduMs2vayaNvLskfb+yyXepYd2t67/Sza9rJo28uibS+Ltr0s2tayK9rWbD/QduPsTvcTtNVWW2211VZbbbXVVltttdVWW2211VZbbbUdc86Sttpqq+1G3bdVW2211Vbbx9flqm3N9qatttpOZvup7ZB7NdoOafty1HaE+2Xaarup7aJt8dzhqq1nOtpqq6222mqrrbbaaqutttpqq6222mqrrbbaaqutttpqq622m9uibe+5RdveOwFte+9btO19y9C2Zhu0rdmGp7Jdnso2PJXtn6eyDdrWbIO2Ndugbc02aFuzDdrWbIO2Ndugbc02aFuzDdrWbIO2Ndugbc02aFuzDdrWbIO2Ndugbc02aFuzDdrWbIO2Ndswo+0oc5bQtmYbtK3ZBm1rtkHbmm3QtmYbtK3ZBm1rtkHbmm3QtmYbtK3ZhmlsP4ezDbPYDrJX822hbc02aFuzDdrWbIO2Ndswiu35NJ1tGMX2nelsg7Y126BtzTZoW7MN2tZsg7Y126BtzTZoW7MN2tZsg7Y126BtzTZoW7MN2tZsg7Y126BtzTZoW7MN2tZsD2hbsz2i7WTzb7XVVltttdVWW2211VZbAN7O2j5iO8d9B2211VZbbbXVVltttdV2RNuX10Xbmu1h0VZbbbXVVttHbP8ChXVl+wJ3TP0AAAAASUVORK5CYII=);
}

@media only screen and (max-width: 640px) {
    .app ul li {
        width: 20%;
    }
}

@media (max-width: 640px) {
    ::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 640px) {
    ::-webkit-scrollbar {
        display: none;
    }
}

/*! CSS Used keyframes */
@-webkit-keyframes xiewen {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -348px;
    }
}

@keyframes xiewen {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -348px;
    }
}