html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 15.7px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
    text-align: justify;
    background: url('http://opensz.oss-cn-beijing.aliyuncs.com/Web2026/CECNet2026/img/bg.jpg') repeat;
}


    /* 鼠标悬停时的样式 */
.nav-link:hover {
    color: #e2d502 !important; 
    background-color: rgba(230, 168, 0, 0.1) !important;
}
.heading-1 {
    margin-top: 10px;
    margin-bottom: 25px;
    color: #ff4500;
    border-bottom: 3px solid #eee;
}

    .heading-1::after {
        content: "";
        margin-top: 10px;
        margin-bottom: -3px;
        width: 300px;
        height: 3px;
        display: block;
        background-color: #ff4500;
    }
.title {
    height: 49px;
    background: #fae4e4;
    display: flex;
    border-radius: 5px;
    color: #ff4500;
    align-items:center;
    
}
.meeting-info {
    height: 49px;
    background: #fae4e4;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.meeting-title {
    font-size: 23px;
    font-weight: bolder;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 20px;
    color: #ff4500;
}

.meeting-date-wrap {
    padding: 0 25px;
}
.count-down-date {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: baseline;
    justify-content: center;
}

.number {
    font-size: 30px;
    font-family: Roboto-BoldCondensed,Roboto;
    font-weight: normal;
    color: rgba(220,50,10,1);
    line-height: 41px;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
}

.count-down-date > p {
    font-weight: 600;
    color: rgba(51,51,51,1);
    line-height: 20px;
    padding-left: 1px;
}
/* 2. 核心：底部滚动容器样式 */
/* 滚动容器：核心是隐藏溢出，不限制宽度 */
.horizontal-scroll-container {
    width: 100%;
    /*height: 140px;*/
    background-color: #f8f9fa;
    border-top: 1px solid #e9ecef;
    overflow: hidden; /* 只隐藏溢出，不影响内容宽度 */
    z-index: 999;
    position: relative;
    box-sizing: border-box;
}

/* 滚动内容：强制2倍原始列表宽度，永不换行 */
.scroll-content {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 5px; /* 固定间距，避免计算偏差 */
    animation: scroll 30s linear infinite; /* 匀速无限循环 */
    /* 关键：禁用宽度自适应，强制内容横向排列 */
    width: max-content; /* 宽度=内容总宽度（8×2项） */
    flex-wrap: nowrap; /* 绝对禁止换行，否则内容断裂 */
    box-sizing: border-box;
}

/* hover暂停 */
.horizontal-scroll-container:hover .scroll-content {
    animation-play-state: paused;
}

/* 图片项：绝对固定宽度，8项总宽度=8×200 + 7×5=1635px */
.scroll-item {
    flex: 0 0 200px; /* 固定宽度，不可改auto！ */
    text-align: center;
    box-sizing: border-box;
    padding: 0; /* 去掉padding，避免宽度叠加 */
    margin: 0; /* 去掉margin，只用gap控制间距 */
}

    /* 图片样式：保证不裁剪、不超宽 */
    .scroll-item img {
        width: auto;
        height: auto;
        /*height: 120px;*/
        object-fit: contain;
        object-position: center;
        border-radius: 4px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        max-width: 100%;
    }

    /* 文字样式：固定高度，不撑容器 */
    .scroll-item p {
        font-size: 11px;
        margin: 5px 0 0 0;
        color: #666;
        line-height: 1.2;
        height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: bold;
    }

/* 终极核心：动画滚动距离精准匹配原始列表宽度 */
@keyframes scroll {
    0% {
        transform: translateX(0); /* 初始：显示原始列表开头（2025） */
    }

    100% {
        /* 滚动距离=原始列表总宽度（1635px），刚好让复制列表开头（2025）接在原始列表末尾（2015）后 */
        /* 用calc(-100% / 2) 更通用：总宽度是2倍原始列表，-50%就是1倍原始列表宽度 */
        transform: translateX(calc(-100% / 2));
    }
}