.marquee {
    width: 100%; /* 设置容器宽度 */
    overflow: hidden; /* 隐藏溢出内容 */
    white-space: nowrap; /* 防止文本换行 */
    box-sizing: border-box; /* 包含内边距和边框 */
    padding: 10px; /* 添加内边距 */
    position: relative; /* 以便子元素定位 */
    font-size: 15px;
    color: #ff0000b8;
}

.marquee p {
    display: inline-block; /* 内联块级元素以便应用动画 */
    animation: marquee 60s linear infinite; /* 应用动画 */
    animation-play-state: running; /* 控制动画播放状态 */
}

@keyframes marquee {
    0% { transform: translateX(0); } /* 初始位置 */
    100% { transform: translateX(-100%); } /* 最终位置 */
}

.marquee:hover p {
    animation-play-state: paused; /* 鼠标悬停时暂停动画 */
}