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

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

.container {
    width: 100%;
    position: relative;
}

.top,
.container01,
.container02,
.container03,
.bottom {
    width: 100%;
    position: relative;
}

.bg-img {
    width: 100%;
    height: auto;
    display: block;
}

.top-list {
    width: 80%;
    margin: 0 auto;
    /*background-color: #002a80;*/
    position: absolute;
    top: 0;
    left: 12.66%;

    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 11%;
}

.top-list a {
    color: #fff;
    font-size: 1.2vw;
    font-weight: 600;
    text-decoration: none;
}

.top-list a:hover {
    color: #ffed7d;
}

.top-list a.active {
    color: #ffed7d;
    text-decoration: underline;
    text-decoration-color: #ffed7d;
    text-decoration-thickness: 2px; /* 下划线粗细 */
    text-underline-offset: 40%; /* 下划线和文字距离 */
}

.logo-img {
    position: absolute;
    top: 2%;
    left: 50%;
    transform: translateX(-50%);
    width: 20%;
}

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

.download img {
    width: 28vw;
    /*width: clamp(120px, 30vw, 600px);*/
}

@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;
}

.link-list {
    /*background-color: #002a80;*/
    width: 70%;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translateX(-49.6%);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6.5%;
}

.link-list img {
    width: 11vw;
    /*width: clamp(90px, 12vw, 220px);*/
}

.fb {
    position: absolute;
    top: 83%;
    left: 50%;
    transform: translateX(-50%);
    justify-content: center;
    align-items: center;
    display: flex;
    gap:20%;
}

.fb img {
    width: 8vw;
    /*width: clamp(100px, 10vw, 200px);*/
}

.buttom-list {
    height: 30%;
    width: 100%;
    margin: 0 auto;
    position: absolute;

    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4%;
}

.buttom-list a, .buttom-list p {
    color: #848D99;
    font-size: 1vw;
    text-decoration: none;
}