/* Extracted from 录像列表模板.html, block 1 */
body { background: #f5f5f6; color: #222; }
        .float-clear:after, .wrap:after, .video_list:after, .luxianglist ul:after { content: ""; display: block; clear: both; }
        .wrap.auto { max-width: 1000px; margin: 0 auto; }
        .container { padding: 20px 10px 0; box-sizing: border-box; }
        .position-container { height: 44px; line-height: 44px; margin-bottom: 14px; padding: 0 14px; background: #fff; border: 1px solid #f2f2f2; color: #777; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
        .position-container a { color: #333; margin: 0 4px; }
        .position-container a:hover { color: #008eff; }
        .container_left { float: left; width: 680px; }
        .container_right { float: right; width: 300px; }
        .ny_newslist_leftside, .column { background: #fff; border: 1px solid #f2f2f2; box-sizing: border-box; }
        .senav { display: flex; flex-wrap: wrap; gap: 10px; padding: 14px; border-bottom: 1px solid #f2f2f2; }
        .senav a { height: 32px; line-height: 32px; padding: 0 14px; border-radius: 16px; background: #f6f6f6; color: #333; font-size: 14px; }
        .senav a.on, .senav a:hover { background: #008eff; color: #fff; }
        .luxianglist ul, .video_list, .newslist ul { margin: 0; padding: 0; list-style: none; }
        .luxianglist li { border-bottom: 1px solid #f4f4f4; }
        .luxianglist li a { display: block; padding: 15px 18px; color: #222; font-size: 15px; line-height: 22px; }
        .luxianglist li a:hover { color: #008eff; background: #fafafa; }
        .fenye { padding: 18px 0; text-align: center; }
        .pagination { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
        .pagination a, .pagination span, .pagination li { display: inline-block; min-width: 30px; height: 30px; line-height: 30px; padding: 0 8px; border-radius: 4px; background: #fff; border: 1px solid #e6e6e6; color: #333; box-sizing: border-box; }
        .pagination .active, .pagination a:hover { background: #008eff; border-color: #008eff; color: #fff; }
        .column { padding: 0 14px 12px; }
        .mt20 { margin-top: 20px; }
        .column_hd { height: 46px; border-bottom: 1px solid #f2f2f2; display: flex; align-items: center; justify-content: space-between; }
        .column_hd h2 { margin: 0; font-size: 17px; color: #222; font-weight: 700; }
        .column_hd h2 em { display: inline-block; width: 4px; height: 16px; margin-right: 8px; vertical-align: -2px; background: #008eff; border-radius: 2px; }
        .column_hd .more { color: #999; font-size: 13px; }
        .video_list li { border-bottom: 1px solid #f5f5f5; }
        .video_list li:last-child { border-bottom: 0; }
        .video_list li a { display: flex; align-items: center; gap: 8px; min-height: 38px; color: #333; font-size: 14px; line-height: 20px; }
        .video_list li a:hover { color: #008eff; }
        .video_list img { width: 16px; height: 16px; object-fit: contain; flex: 0 0 auto; }
        .vFooter2, .vFooter, footer, .vFooter2 *, .vFooter *, footer * { text-align: center; }
        .vFooter2, .vFooter, footer { width: 100%; }
        @media (max-width: 1003px) {
            .wrap.auto { max-width: none; }
            .container { padding: 12px 10px 0; }
            .container_left, .container_right { float: none; width: 100%; }
            .container_right { margin-top: 16px; }
            .position-container { margin-bottom: 10px; }
        }
