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

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

/* 滚动内容容器 - 包含重复的提示语实现无缝 */
    .NewTop4 .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;
    }

/* 提示语项样式 */
    .NewTop4 .notice-item {
        color: #fff;
        font-size: 15px;
        color: #fff;
    }
    .NewTop4 .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);
            }
        }
        /* 鼠标悬停暂停滚动 */
        .NewTop4 .scroll-notice-container:hover .scroll-notice-wrap {
    animation-play-state: paused;
}


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