@charset "utf-8";
/* 低空经济入驻行业 - 滚动列表样式（纯 CSS 实现） */

/* 容器 */
.industry_marquee {
    box-sizing: border-box;
    padding: 0 0.15rem;
    color: #ffffff;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* 表头 */
.industry_marquee .wraptit {
    display: block !important;
    height: 0.5rem !important;
    line-height: 0.5rem !important;
    border-bottom: 1px solid rgba(0, 255, 234, .35);
    padding: 0 !important;
    margin: 0 0 0.05rem 0 !important;
    font-size: 0;
    box-sizing: border-box;
    white-space: nowrap !important;
    overflow: hidden;
    flex-shrink: 0;
}

.industry_marquee .wraptit span {
    display: inline-block !important;
    font-size: 0.26rem !important;
    font-weight: 600 !important;
    color: #00FFEA !important;
    letter-spacing: 0.02rem;
    vertical-align: middle;
    line-height: 0.5rem;
    white-space: nowrap;
}

.industry_marquee .wraptit span.c1 {
    width: 10% !important;
    text-align: center;
}

.industry_marquee .wraptit span.c2 {
    width: 40% !important;
    text-align: left;
}

.industry_marquee .wraptit span.c3 {
    width: 28% !important;
    text-align: right;
}

.industry_marquee .wraptit span.c4 {
    width: 22% !important;
    text-align: right;
}

/* 滚动容器 - 自适应高度 */
.industry_marquee .wrap {
    flex: 1 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
    position: relative;
}

/* ul/li 基础 */
.industry_marquee .wrap ul.industry_wrap {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    /* 启用 CSS 滚动动画 - 26 行 × 0.5rem = 13rem，移动一份"原始 13 行"高度后无缝重置 */
    animation: industryScroll 18s linear infinite;
}

.industry_marquee .wrap ul.industry_wrap:hover {
    animation-play-state: paused;
}

@keyframes industryScroll {
    0% {
        transform: translateY(0);
    }
    100% {
        /* 上移 13 行（一份数据）= 6.5rem */
        transform: translateY(-6.5rem);
    }
}

.industry_marquee .wrap ul.industry_wrap li {
    line-height: 0.5rem !important;
    height: 0.5rem !important;
    border-bottom: 1px dashed rgba(255, 255, 255, .12);
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    box-sizing: border-box;
    white-space: nowrap;
}

.industry_marquee .wrap ul.industry_wrap li span {
    display: inline-block !important;
    font-size: 0.28rem !important;
    color: #ffffff !important;
    font-family: "DINPro", "Microsoft YaHei", sans-serif;
    vertical-align: middle;
    line-height: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.industry_marquee .wrap ul.industry_wrap li span.c1 {
    width: 10% !important;
    text-align: center;
    color: #00FFEA !important;
    font-weight: 600 !important;
}

.industry_marquee .wrap ul.industry_wrap li span.c2 {
    width: 40% !important;
    text-align: left;
}

.industry_marquee .wrap ul.industry_wrap li span.c3 {
    width: 28% !important;
    text-align: right;
}

.industry_marquee .wrap ul.industry_wrap li span.c4 {
    width: 22% !important;
    text-align: right;
    color: #FFD23F !important;
    font-weight: 600 !important;
}

/* 隔行底色 */
.industry_marquee .wrap ul.industry_wrap li:nth-child(odd) {
    background: rgba(0, 255, 234, .05);
}