/* 顶部跑马灯整体样式 */
.top-notice {
    width: 100%;
    height: 25px;
    line-height: 25px;
    background: #003366;
    color: #ffffff;
    font-size: 15px;
    overflow: hidden;
    #position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    white-space: nowrap;
    text-align: center; /* 关键：水平居中 */
    display: block; /*none,block */
}

/* 滚动动画内容 */
.top-notice .text {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 40s linear infinite;
}

/* 滚动关键帧 */
@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* 避免内容被跑马灯遮挡 */
body {
    margin-top: 45px;
}

.content {
    padding: 20px;
}