.game-frame {
    --active-color: #ffc402;
    --nav-active-bg-color: #26252f;
}

.game-frame {
    display: flex;
    height: 100vh;
}

.game-header {
    display: flex;
}

.game-body {
    display: flex;
    flex: 1;
}

.game-body-small {
    /*小屏不处理*/
}

.game-body-left {
    width: 200px;
    box-sizing: border-box;
    background-color: #2A2935;
    color: #FFFFFF;
    padding: 1px;
    text-align: right;
    font-weight: 400;
    display: flex;
    flex-direction: column;
}
.game-body-left-small{
    box-sizing: border-box;
    background-color: #2A2935;
    color: #FFFFFF;
    padding: 1px;
    text-align: right;
    font-weight: 400;
    display: flex;
    flex-direction: column;
}

.game-title {
    font-size: 16px;
    font-weight: 500;
    padding: 16px 10px;
    color: var(--active-color);
    cursor: pointer;
    transition: color 200ms;
    height: 22px;
}

.game-title:hover {
    color: #FFFFFF;
}

.game-body-right {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
}

.game-nav-items {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}
.game-nav-items-small{
    display: flex;
    flex-wrap: wrap;
}

.game-nav-item-small{
    padding: 15px;
    font-size: 14px;
    cursor: pointer;
}
.game-nav-item-small > a {
    color: inherit;
    text-decoration: none;
}
.game-nav-item-small:not(.game-nav-item-active-small):hover {
    background-color: #E7E7E7;
    color: #555;
}
.game-nav-item-active-small {
    color: var(--active-color);
    border-bottom: var(--active-color) solid 4px;
    background-color: var(--nav-active-bg-color);
}

.game-nav-item {
    padding: 15px;
    font-size: 14px;
    cursor: pointer;
}

.game-nav-item > a {
    color: inherit;
    text-decoration: none;
}

.game-nav-item:not(.game-nav-item-active):hover {
    background-color: #E7E7E7;
    color: #555;
}

.game-nav-item-active {
    color: var(--active-color);
    border-right: var(--active-color) solid 4px;
    background-color: var(--nav-active-bg-color);
}

.game-img-box {
    display: flex;
    justify-content: center;
}

.game-img-box > img {
    max-width: 100%;
}