html,
body {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: #FFFFFF;
}

.background-image img {
    width: 100%;
}

.download-button {
    position: absolute;
    top: 0vh;
    right: 0;
    /*line-height: 40vh;*/
}

.download-button img {
    width: 40vw;
    height: 64px;
}

.game-icon {
    position: absolute;
    top: 12vh;
    left: 2vw;
}

.game-icon img {
    width: 24vw;
}

.carousel-indicators {
    bottom: -5vh;

}

.carousel-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.carousel-container {
    position: absolute;
    top: 0;
    width: 100%;
}

.top-content {
    height: 40 vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-banner {
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-banner img {
    width: 98vw;
}

.carousel-Button {
    margin-top: 10px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-Button img {
    width: 100vw;
}

.layui-carousel {
    margin: 17px auto 0px;
    background-color: #f8f8f800
}

.carousel-img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

.layui-carousel>[carousel-item]>* {
    display: none;
    width: 100%;
    height: 100%;
    background-color: #f8f8f800;
    transition-duration: .3s;
    -webkit-transition-duration: .3s
}

.layui-carousel-ind {
    position: relative;
    top: -25px;
    width: 100%;
    line-height: 0 !important;
    text-align: center;
    font-size: 0;
}

.kefu-footer {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    color: white;
    text-align: center;
}