html, body {
    padding: 0;
    margin: 0;
    width: 100%;
}

/*解决页面出现滚动条时页面闪烁问题--start*/
html {
    overflow-y: scroll;
}

:root {
    overflow-y: auto;
    overflow-x: hidden;
}

:root body {
    position: absolute;
}

body {
    width: 100vw;
    overflow: hidden;
    background-color: white;
}
/*解决页面出现滚动时页面闪烁问题--end*/


#container {
    width: 100%;
    height: 100%;
}

/*头部区域--start*/
#header-container {
    width: 100%;
    height: 66px;
    position: absolute;
    z-index: 1;
    background-image: ;
}
.nav-container {
    width: 967px;
    height: 66px;
    box-sizing: border-box;
    margin: 0 auto;

    font-family: "microsoft yahei", 微软雅黑, "microsoftjhenghei", 华文细黑, stheiti, mingliu, serif;
    color: white;
}
.nav-list {
    height: 66px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.nav-item {
    height: 100%;
    /* line-height: 66px; */
    /* margin-right: 63px; */
    display: flex;
    align-items: center;
    font-size: 16px;
    cursor: pointer;
}
.nav-item > a {
    text-decoration: none;
    color: white;
}
/* .nav-item:last-of-type {
    margin-right: 0;
} */
.game-logo {
    width: 166px;
    height: 106px;
    margin-top: 43px;
}
/*头部区域--end*/

#middle-container {
    width: 100%;
    text-align: center;
    z-index: 1;

    /*设置中间内容区域的最小高度为(窗口高度 - 头部区域高度 - 底部区域高度   向上偏移量)*/
    min-height: calc(100vh - (82px   400px)   82px);
}


/*底部信息展示区域--start*/
#footer-container {
    background-color: white;
    width: 100%;
    height: 185px;
}

.website-info-container {
    width: 100%;
    height: 185px;
    background-color: white;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}
.website-info {
    height: 100%;
    width: auto;

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
.website-info-left {
    height: 100%;
    width: 335px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.website-info-right {
    height: 100%;
    width: 553px;
    box-sizing: border-box;
    padding-top: 36px;

    color: #858385;
    font-size: 12px;
}
.website-info-right > div:nth-of-type(3) {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
/*游戏防沉迷提示*/
.monitor{
    width: 16px;
    position: relative;
    top: 3px;
}
.game-tips {
    margin-right: 30px;
    line-height: 20px;
}
.bei-an-info {
    line-height: 20px;
}
.bei-an-info a {
    text-decoration: none;
    color: #858385;
}
/*底部信息展示区域--end*/