.popup .lang-popup.active,
.popup:hover .lang-popup {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.5s;
}

.NewTop5 {
    position: sticky;
    top: 0;
    z-index: 99;
    background-color: #304156;
    height: 40px;
    font-size: 14px;
}

    /* 滚动容器样式 */
    .NewTop5 .scroll-notice-container {
        flex: 1;
        height: 40px; /* 单条提示语高度 */
        line-height: 40px;
        overflow: hidden;
        position: relative;
    }

    /* 滚动内容容器 - 包含重复的提示语实现无缝 */
    .NewTop5 .scroll-notice-wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        /* 动画总时长 = 滚动过渡时间(0.5s) + 停留时间(3s) * 提示语数量
               这里有2条提示语，总时长 = 0.5 + 3*2 = 6.5s */
        animation: scrollUp 7s steps(2) infinite;
        padding-left: 6px;
        box-sizing: border-box;
    }

    /* 提示语项样式 */
    .NewTop5 .notice-item {
        color: #fff;
        font-size: 15px;
        color: #fff;
    }

        .NewTop5 .notice-item a {
            color: #fff !important;
        }
/* 向上滚动动画 - 纯CSS实现间隔3秒滚动 */
@keyframes scrollUp {
    /* 初始位置（第1条） */
    0% {
        transform: translateY(0);
    }
    /* 第1条停留3秒（占总时长45%≈3s） */
    45% {
        transform: translateY(0);
    }
    /* 滚动到第2条（0.5秒，占5%） */
    50% {
        transform: translateY(-40px);
    }
    /* 第2条停留3秒（占总时长45%≈3s） */
    95% {
        transform: translateY(-40px);
    }
    /* 滚动回初始位置（0.5秒，占5%） */
    100% {
        transform: translateY(-80px);
    }
}
/* 鼠标悬停暂停滚动 */
.NewTop5 .scroll-notice-container:hover .scroll-notice-wrap {
    animation-play-state: paused;
}


.NewTop5 .lang-title-color {
    color: #fff;
}

.NewTop5 a {
    text-decoration: none;
    color: #fff;
}

.NewTop5 a:hover {
    color: var(--main-color);
}