/* 有奖竞答板块样式 */

 
        .quiz-section {
            padding: 0 0;
            margin-bottom: 15px;
            margin-top: 25px;
        }
        
        .quiz-title {
            text-align: center;
            margin-bottom: 15px;
        }
        
        .quiz-title h2 {
            font-size: 18px;
            color: #1a5fad;
            margin: 0;
            padding-bottom: 10px;
            border-bottom: 2px solid #1a5fad;
            display: inline-block;
        }
        
        .quiz-content {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
        }
        
        .activity-intro {
            flex: 1;
            font-size: 15px;
            line-height: 1.8;
            color: #333333;
            height: 100px;
            display: flex;
            align-items: center;
        }
        
        .activity-intro p {
            margin: 0;
        }
        
        .qr-section {
            flex: 0 0 140px;
            text-align: center;
            padding: 0 15px;
        }
        
        .qr-code img {
            width: 90px;
            height: 90px;
            border: 1px solid #eee;
            border-radius: 5px;
        }
        
        .qr-text {
            margin-top: 5px;
            font-size: 15px;
            color: #333333;
        }
        
        .winners-section {
            flex: 1;
            padding: 0 0;
            margin-top: 10px;
            height: 90px;
            overflow: hidden;
            position: relative;
        }
        
        .winners-scroll-container {
            height: 100%;
            overflow: hidden;
            position: relative;
        }
        
        .winners-list {
            animation: scroll 15s linear infinite;
        }
        
       /* .winner-item {
            display: flex;
            align-items: center;
            padding: 6px 0;
            border-bottom: 1px dashed #eee;
        }*/
.winner-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 0;
    border-bottom: 1px dashed #eee;
    text-align: center;
}
        
        .rank {
            display: inline-block;
            width: 22px;
            height: 22px;
            line-height: 22px;
            text-align: center;
            background-color: #1a5fad;
            color: white;
            border-radius: 50%;
            margin-right: 10px;
            font-size: 12px;
        }
        
.winner-info {
    flex: 1;
    display: block;
    justify-content: space-between;
    font-size: 13px;
    gap: 5px;
}

.winner-name, .winner-id, .winner-department {
    flex: 1;
    text-align: center;
    padding: 0 2px;
    margin: 0;
}

 如果需要进一步压缩，添加以下代码
.winners-section {
    flex: 0.8;
}

.winner-info {
    gap: 2px;
}

.winner-name, .winner-id, .winner-department {
    font-size: 12px;
    padding: 0 1px;
} 


      /*  .winner-info {
            flex: 1;
            display: flex;
            justify-content: space-between;
            font-size: 13px;
        }
        
        .winner-name, .winner-id, .winner-department {
            flex: 1;
            text-align: center;
        }*/
        
        .section-title {
            font-size: 15px;
            font-weight: bold;
            color: #1a5fad;
            margin: 12px 0 6px 0;
            text-align: center;
            padding-bottom: 4px;
            border-bottom: 1px solid #e0e0e0;
        }
        
        .prize-item {
            padding: 6px 0;
            font-size: 13px;
            text-align: center;
        }
        
        .prize-note {
            font-size: 12px;
            color: #666;
            text-align: center;
            margin-top: 4px;
            padding: 0 10px;
            line-height: 1.4;
        }
        
        @keyframes scroll {
            0% {
                transform: translateY(0);
            }
            100% {
                transform: translateY(-50%);
            }
        }
        
       /* 响应式设计 - 多终端适配 */
        @media (max-width: 1200px) {
            .px1200 {
                width: 100%;
                padding: 0 15px;
            }
        }
        
        @media (max-width: 992px) {
            .quiz-content {
                flex-wrap: wrap;
            }
            
            .activity-intro {
                flex: 0 0 60%;
                height: 70px;
            }
            
            .winners-section {
                flex: 0 0 35%;
                height: 70px;
            }
            
            .qr-section {
                flex: 0 0 100%;
                order: -1;
                margin-bottom: 15px;
            }
        }
        
        @media (max-width: 768px) {
            .quiz-section {
                margin: 15px auto;
                padding: 15px 0;
            }
            
            .quiz-content {
                flex-direction: column;
            }
            
            .activity-intro, .qr-section, .winners-section {
                width: 100%;
                margin-bottom: 15px;
                flex: none;
            }
            
            .activity-intro {
                height: auto;
                min-height: 60px;
                padding: 10px 0;
            }
            
            .winners-section {
                height: 60px;
            }
            
            .qr-section {
                order: 0;
                margin: 10px 0;
            }
            
            .qr-code img {
                width: 80px;
                height: 80px;
            }
        }
        
        @media (max-width: 480px) {
            .quiz-section {
                margin: 10px auto;
                padding: 12px 0;
            }
            
            .quiz-title h2 {
                font-size: 18px;
            }
            
            .activity-intro {
                font-size: 13px;
                min-height: 50px;
            }
            
            .winners-section {
                height: 50px;
            }
            
            .winner-info {
                font-size: 11px;
            }
            
            .rank {
                width: 20px;
                height: 20px;
                line-height: 20px;
                font-size: 11px;
                margin-right: 6px;
            }
            
            .section-title {
                font-size: 13px;
                margin: 8px 0 4px 0;
            }
            
            .prize-item {
                font-size: 11px;
                padding: 3px 0;
            }
            
            .prize-note {
                font-size: 10px;
            }
        }