* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    min-width: 1800px; /* 你可以根据需要调整，比如 375px、480px 等 */
    overflow-x: auto;
}


img {
    max-width: 100%;
    height: auto;
}


.container01 {
    width: 100%;
    height: 0;
    padding-bottom: 55%;
    background-image: url('../img/index-bg.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
}

.download {
    position: absolute;
    top: 68%;
    left: 50%;
    width: 28.6%;
    transform: translateX(-50%);
}

.download img {
    /*width: 100%;*/
}


@keyframes fadeIn-data-start-button {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes breathe-data-start-button {
    0% {
        transform: scale(0.9)
    }
    50% {
        transform: scale(1)
    }
    to {
        transform: scale(0.9)
    }
}

.button-box-start-img {
    animation: fadeIn-data-start-button .3s .7s both, breathe-data-start-button 2s 1s infinite both;
    animation-delay: 250ms;
    /*display: block;*/
    display: none;
}


.bottom {
    margin-top: -5%;
    position: relative;
    background-color: black;
    padding: 2.5vw 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1vw;
}

.buttom-01, .bottom-02 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.2vw;
}

.buttom-01 img {
    height: 3.25vw;
    width: auto;
}

.bottom-02 img {
    height: 1.5vw;
    width: auto;
}