body {
    width: 100vw;
    /* 或具体的宽度 */
    height: 349vw;
    /* 或具体的高度 */
    background-size: cover;
    background-position: center;
    background-image: url('../images/bg.png');
    background-repeat: no-repeat;
    background-color: #675a58 !important;
}

header footer {
    text-align: center;
    margin: 20px 0;

}

header {

    display: flex;
    flex-direction: column;
    /* 使子元素竖向排列 */
    height: 17vw;


}

#head_btn0 {
    width: 14vw;
    height: 4vw;
    background-image: url('../images/head/cn.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 0.9vw;
    margin-left: 75vw;
}

#head_btnAll {
    width: 14vw;
    height: 12vw;
    background-image: url('../images/head/sange.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: 75vw;
    /* margin-top: -0.3vw; */
    display: none;
}

#head_btn1 {
    width: 14vw;
    height: 4vw;
    /* background-image: url('../images/head/cn.png'); */
    background-repeat: no-repeat;
}

#head_btn2 {
    width: 14vw;
    height: 4vw;
    /* background-image: url('../images/head/en.png'); */
    background-repeat: no-repeat;
}

#head_btn3 {
    width: 14vw;
    height: 4vw;
    /* background-image: url('../images/head/id.png'); */
    background-repeat: no-repeat;
}

#game-icon {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 3vw;
    /* background-color: hsl(207, 90%, 54%); */
    width: 75vw;
    margin-left: 12.5vw;

    position: relative;
    top: 35vw;
    /* padding:2vw; */
}

.game-icons {
    position: relative;
    background-size: cover;
    text-align: center;
    /* margin: 0.1vw; */
    /* margin-bottom: 0.5vw; */
    width: 15vw;
    height: 22.2vw;
    font-size: 2vw;
    background-size: 100% 100%;
    overflow: hidden;

}

.overlay {

    /* display: none; */
    /* 黑色半透明遮罩 */
    /* color: white; */
    /* 文本颜色，确保可读 */
    /* 内边距 */
}