<!-- 2025-06-16 17:47:44-->
<!doctype html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <title>长三角城市网_长三角新闻资讯共享平台</title>
    <meta name="keywords" content="长三角城市网,长三角城市圈,城市网,城市圈APP,城市圈,长三角新闻网,长三角新闻资讯,长三角城市群,长三角经济区,长三角一体化,长三角开发区,长三角招商"/>
    <meta name="description" content="长三角城市网从长三角内部把脉长三角，从长三角外部审视长三角，力求成为长三角区域权威资讯平台、长三角核心信息提供者。
"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="mobile-agent" content="format=xhtml;url=https://www.csjcs.com/wap/">
    <base target="_blank"/>
        <script type="text/javascript">
        try {
            var urlhash = window.location.hash;
            if (!urlhash.match("fromapp")) {
                if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {
                    window.location = "https://www.csjcs.com/wap/";
                }
            }
        } catch (err) {
        }
    </script>
    <link rel="shortcut icon" type="image/x-icon" href="//www.csjcs.com/favicon.png">
    <script src="/assets/plug/alpinejs/3.12.3/index.min.js" defer></script>
    <script src="/assets/plug/lazysizes/5.3.2/lazysizes.min.js" async></script>
    <link href="/assets/2023/css/index.css?v=0.78698588133768" rel="stylesheet">
    <link href="/assets/2023/css/qweather.css" rel="stylesheet">
    <link href="/assets/plug/swiper/8.4.7/swiper-bundle.min.css" rel="stylesheet">
    <script src="/assets/plug/swiper/8.4.7/swiper-bundle.min.js"></script>
    <script type="text/javascript">
        if (window.navigator.userAgent.indexOf('MSIE') > -1 || window.navigator.userAgent.indexOf('Trident') > -1) {
            elem = document.createElement('link');
            elem.href = '/assets/2023/css/ie.css';
            elem.rel = 'stylesheet';
            document.getElementsByTagName('head')[0].appendChild(elem);
        }
    </script>
</head>
<body>
<div id="root">

<div class="bg-[var(--top-bg)]">
    <div class="container flex justify-between text-sm text-gray-600">
        <div class="flex items-center">
            <a class="fl" href="//www.csjcs.com/gbook-2.html">商务合作</a>
            <form class="ml-20 search bg-[var(--search-bg)] h-12 flex items-center pr-4"
                  action="//www.csjcs.com/e/search/" method="post">
                <label class="w-52 pl-10 align-middle">
                    <input type="hidden" name="tbname" value="news">
                    <input type="hidden" name="show" value="title">
                    <input type="hidden" name="tempid" value="2">
                    <input name="keyboard" type="text" value="请输入关键字" onfocus="this.value=''"
                           onblur="if(this.value === ''){this.value='请输入关键字'}"
                           class="bg-transparent focus:outline-none">
                </label>
                <input type="submit" value="搜索" class="bg-no-repeat bg-center h-12 w-12 text-opacity-0 text-[0]"
                       style="background-image: url(/assets/2023/images/search.png)" name="Submit">
            </form>
        </div>
        <div class="flex items-center gap-6">
            <a href="http://www.yrdcity.com/index/user/login.html" target="_blank" class="login">
                <span class="iconfont icon-denglu"></span> 登录</a>
            <a href="https://www.yrdcity.com/index/user/login.html?type=register" target="_blank" class="sign">
                <span class="iconfont icon-zhuce"></span> 注册</a>
            <a href="//www.csjcs.com/app.html" target="_blank" class="sign"><span
                    class="iconfont icon-app"></span>
                <span>下载城市圈APP</span></a>
        </div>
    </div>
</div>

<div class="container flex items-center justify-between py-8">
    <h1 class="logo"><img src="//www.csjcs.com/skin/2020/img/logo.png" alt="长三角城市网_长三角新闻资讯共享平台"></h1>
<div class="bdver"><a href='//www.csjcs.com/xc/20201229/' target='_blank'><img src='https://cdn.csjcs.com/d/file/20201229/0315d24f4fe543860ecedf3218f4e6f0.png' width='770' height='100' alt='长三角城市网新媒体技术开发中心'></a></div>
</div>

<nav class="nav">
    <h3 class="cur"><a href="//www.csjcs.com">首页</a></h3>
                        <h3 class="">
                <a href="//www.csjcs.com/news/list/24.html">国内</a>
            </h3>
                                <h3 class="">
                <a href="//www.csjcs.com/news/list/25.html">国际</a>
            </h3>
                                <h3 class="">
                <a href="//www.csjcs.com/news/list/134.html">长三角</a>
            </h3>
                                <h3 x-data="{ open: false}" @mouseleave="open = false" @mouseenter="open = true"
                class="">
                <a href="//www.csjcs.com/news/list/240.html">地方</a>
                <div x-show="open"
                     x-transition:enter="transition ease-out duration-300"
                     x-transition:enter-start="transform opacity-0 scale-95"
                     x-transition:enter-end="transform opacity-100 scale-100"
                     x-transition:leave="transition ease-in duration-300"
                     x-transition:leave-start="transform opacity-100 scale-100"
                     x-transition:leave-end="transform opacity-0 scale-95"
                     class="children" style="display: none;">
                    <div class="p-6 text-center grid grid-cols-12 gap-2">
                                                    <a href="//sh.csjcs.com/">上海</a>
                                                    <a href="//nj.csjcs.com/">南京</a>
                                                    <a href="//sz.csjcs.com/">苏州</a>
                                                    <a href="//wx.csjcs.com/">无锡</a>
                                                    <a href="//cz.csjcs.com/">常州</a>
                                                    <a href="//zj.csjcs.com/">镇江</a>
                                                    <a href="//nt.csjcs.com/">南通</a>
                                                    <a href="//yz.csjcs.com/">扬州</a>
                                                    <a href="//tz.csjcs.com/">泰州</a>
                                                    <a href="//xz.csjcs.com/">徐州</a>
                                                    <a href="//yc.csjcs.com/">盐城</a>
                                                    <a href="//lyg.csjcs.com/">连云港</a>
                                                    <a href="//ha.csjcs.com/">淮安</a>
                                                    <a href="//sq.csjcs.com/">宿迁</a>
                                                    <a href="//hz.csjcs.com/">杭州</a>
                                                    <a href="//np.csjcs.com/">宁波</a>
                                                    <a href="//sx.csjcs.com/">绍兴</a>
                                                    <a href="//wz.csjcs.com/">温州</a>
                                                    <a href="//jx.csjcs.com/">嘉兴</a>
                                                    <a href="//hzs.csjcs.com/">湖州</a>
                                                    <a href="//jh.csjcs.com/">金华</a>
                                                    <a href="//qz.csjcs.com/">衢州</a>
                                                    <a href="//zs.csjcs.com/">舟山</a>
                                                    <a href="//tzs.csjcs.com/">台州</a>
                                                    <a href="//ls.csjcs.com/">丽水</a>
                                                    <a href="//mas.csjcs.com/">马鞍山</a>
                                                    <a href="//hf.csjcs.com/">合肥</a>
                                                    <a href="//wh.csjcs.com/">芜湖</a>
                                                    <a href="//xc.csjcs.com/">宣城</a>
                                                    <a href="//czs.csjcs.com/">池州</a>
                                                    <a href="//czw.csjcs.com/">滁州</a>
                                                    <a href="//hs.csjcs.com/">黄山</a>
                                                    <a href="//aq.csjcs.com/">安庆</a>
                                                    <a href="//tl.csjcs.com/">铜陵</a>
                                                    <a href="//fy.csjcs.com">阜阳</a>
                                                    <a href="//bz.csjcs.com">亳州</a>
                                                    <a href="//shz.csjcs.com">宿州</a>
                                                    <a href="//hun.csjcs.com">淮南</a>
                                                    <a href="//hb.csjcs.com">淮北</a>
                                                    <a href="//bb.csjcs.com">蚌埠</a>
                                                    <a href="//la.csjcs.com">六安</a>
                                            </div>
                </div>
            </h3>
                                <h3 class="">
                <a href="//www.csjcs.com/news/list/803.html">文化</a>
            </h3>
                                <h3 class="">
                <a href="//www.csjcs.com/news/list/227.html">经济圈</a>
            </h3>
                                <h3 class="">
                <a href="//www.csjcs.com/news/list/192.html">招商</a>
            </h3>
                                <h3 class="">
                <a href="//www.csjcs.com/news/list/193.html">社区</a>
            </h3>
                                <h3 class="">
                <a href="//www.csjcs.com/news/list/20.html">旅游</a>
            </h3>
                                <h3 class="">
                <a href="//www.csjcs.com/news/list/289.html">直播</a>
            </h3>
                                <h3 class="">
                <a href="https://v.csjcs.com">视界</a>
            </h3>
                                <h3 class="">
                <a href="http://www.yrdcity.com/">城市号</a>
            </h3>
            </nav>
<div class="hidden">
    <ul class="scroll">
        <li><a href="https://www.csjcs.com/news/list/396_0.html" class="he">[南通要闻]</a><a href="https://www.csjcs.com/news/show/640353f7b9699f9d.html" target="_blank" title="“零容忍”！如皋查处一起非法采砂行为">“零容忍”！如皋查处一起非法采砂行为</a></li><li><a href="https://www.csjcs.com/news/list/396_0.html" class="he">[南通要闻]</a><a href="https://www.csjcs.com/news/show/63d2290efb9ebcb4.html" target="_blank" title="南通公积金“刷脸办”服务升级：无证无忧，3分钟见证便捷新速度">南通公积金“刷脸办”服务升级：无证无忧，3分</a></li><li><a href="https://www.csjcs.com/news/list/396_0.html" class="he">[南通要闻]</a><a href="https://www.csjcs.com/news/show/62e5f464a8332689.html" target="_blank" title="南通开出15份新版“税收护照”">南通开出15份新版“税收护照”</a></li><li><a href="https://www.csjcs.com/news/list/334_0.html" class="he">[上海要闻]</a><a href="https://www.csjcs.com/news/show/60fd50613f1dc965.html" target="_blank" title="“共赴文明之约 乐享幸福闵行”闵行区“城市文明开放麦”区级主场活动举办">“共赴文明之约 乐享幸福闵行”闵行区“城</a></li><li><a href="https://www.csjcs.com/news/list/334_0.html" class="he">[上海要闻]</a><a href="https://www.csjcs.com/news/show/59d9f5d3e6342160.html" target="_blank" title="金山区持续优化审批服务方式 完成全市首例“证照免交、竣工即交证”">金山区持续优化审批服务方式 完成全市首例</a></li><li><a href="https://www.csjcs.com/news/list/334_0.html" class="he">[上海要闻]</a><a href="https://www.csjcs.com/news/show/58bc7825a04ae62b.html" target="_blank" title="金山区机关在职（退休）党员赋能小区物业治理“金机邻聚力”先锋行动培训会成功举办">金山区机关在职（退休）党员赋能小区物业治理“</a></li><li><a href="https://www.csjcs.com/news/list/334_0.html" class="he">[上海要闻]</a><a href="https://www.csjcs.com/news/show/5796d15b50465925.html" target="_blank" title="助力再就业 赋能新未来——“2025年黄浦区云聘大会专场直播招聘”,圆满结束！">助力再就业 赋能新未来——“2025年黄浦区</a></li><li><a href="https://www.csjcs.com/news/list/334_0.html" class="he">[上海要闻]</a><a href="https://www.csjcs.com/news/show/56f20a13c2e5cde6.html" target="_blank" title="上海市统计局开展商业新业态专题调研">上海市统计局开展商业新业态专题调研</a></li><li><a href="https://www.csjcs.com/news/list/334_0.html" class="he">[上海要闻]</a><a href="https://www.csjcs.com/news/show/551eb4701e0585f7.html" target="_blank" title="上海市妇联党组书记、主席张华一行赴金山调研">上海市妇联党组书记、主席张华一行赴金山调</a></li><li><a href="https://www.csjcs.com/news/list/334_0.html" class="he">[上海要闻]</a><a href="https://www.csjcs.com/news/show/5488fc6007427899.html" target="_blank" title="上海市司法局调研金山区法治乡村建设">上海市司法局调研金山区法治乡村建设</a></li><li><a href="https://www.csjcs.com/news/list/356_0.html" class="he">[苏州要闻]</a><a href="https://www.csjcs.com/news/show/526834716238487b.html" target="_blank" title="张家港不动产登记开启“码上见证”新时代">张家港不动产登记开启“码上见证”新时代</a></li><li><a href="https://www.csjcs.com/news/list/635_0.html" class="he">[黄山要闻]</a><a href="https://www.csjcs.com/news/show/70020c60f816371e.html" target="_blank" title="多部门联动织密交通安全生产网">多部门联动织密交通安全生产网</a></li><li><a href="https://www.csjcs.com/news/list/635_0.html" class="he">[黄山要闻]</a><a href="https://www.csjcs.com/news/show/69db0dd8e108098b.html" target="_blank" title="拓半径、绘同心——黄山“公积金信用贷”实现国有银行全覆盖">拓半径、绘同心——黄山“公积金信用贷”实</a></li><li><a href="https://www.csjcs.com/news/list/376_0.html" class="he">[常州要闻]</a><a href="https://www.csjcs.com/news/show/6567a8b7db7ba570.html" target="_blank" title="金坛区：下足“绣花功夫” 塑造城市之美">金坛区：下足“绣花功夫” 塑造城市之美</a></li><li><a href="https://www.csjcs.com/news/list/334_0.html" class="he">[上海要闻]</a><a href="https://www.csjcs.com/news/show/34b303075893d6cd.html" target="_blank" title="上海市绿化市容局组织召开上海市高标准保洁现场交流会">上海市绿化市容局组织召开上海市高标准保洁</a></li><li><a href="https://www.csjcs.com/news/list/334_0.html" class="he">[上海要闻]</a><a href="https://www.csjcs.com/news/show/339e4510f01b12b1.html" target="_blank" title="上海市教委领导、奉贤区领导检查中考组织保障工作">上海市教委领导、奉贤区领导检查中考组织保</a></li><li><a href="https://www.csjcs.com/news/list/141_0.html" class="he">[国际时事]</a><a href="https://www.csjcs.com/news/show/32d01453673cb0ed.html" target="_blank" title="互放狠话 伊朗与以色列均发出警告">互放狠话 伊朗与以色列均发出警告</a></li><li><a href="https://www.csjcs.com/news/list/1050_0.html" class="he">[蚌埠新闻]</a><a href="https://www.csjcs.com/news/show/1503ef4e7a9bcce3.html" target="_blank" title="固镇县聚焦“前中后”三台推进办税服务厅转型升级">固镇县聚焦“前中后”三台推进办税服务厅转</a></li><li><a href="https://www.csjcs.com/news/list/19_0.html" class="he">[权威发布]</a><a href="https://www.csjcs.com/news/show/1d26f18ea389ef9b.html" target="_blank" title="5月份国民经济运行总体平稳、稳中有进">5月份国民经济运行总体平稳、稳中有进</a></li><li><a href="https://www.csjcs.com/news/list/19_0.html" class="he">[权威发布]</a><a href="https://www.csjcs.com/news/show/0fb118e55466ba48.html" target="_blank" title="习近平离京赴阿斯塔纳出席第二届中国—中亚峰会">习近平离京赴阿斯塔纳出席第二届中国—中亚</a></li><li><a href="https://www.csjcs.com/news/list/19_0.html" class="he">[权威发布]</a><a href="https://www.csjcs.com/news/show/90dcbd4660d080f4.html" target="_blank" title="毁林毁草、水土流失、非法采矿……中央生态环保督察集中通报3省区典型案例">毁林毁草、水土流失、非法采矿……中央生态</a></li><li><a href="https://www.csjcs.com/news/list/19_0.html" class="he">[权威发布]</a><a href="https://www.csjcs.com/news/show/8d65da53ca91dc8d.html" target="_blank" title="家电以旧换新“国补”调整调查">家电以旧换新“国补”调整调查</a></li><li><a href="https://www.csjcs.com/news/list/344_0.html" class="he">[南京要闻]</a><a href="https://www.csjcs.com/news/show/27e82d062d7fcd99.html" target="_blank" title="“荔行天下・甜满金陵”灵山荔枝品牌交流活动在宁举行">“荔行天下・甜满金陵”灵山荔枝品牌交流活</a></li><li><a href="https://www.csjcs.com/news/list/141_0.html" class="he">[国际时事]</a><a href="https://www.csjcs.com/news/show/26fcf0339faf2e5d.html" target="_blank" title="中东局势持续紧张 国际金价、油价上涨">中东局势持续紧张 国际金价、油价上涨</a></li><li><a href="https://www.csjcs.com/news/list/141_0.html" class="he">[国际时事]</a><a href="https://www.csjcs.com/news/show/25f708617c9c3d74.html" target="_blank" title="李在明涉朝最新表态：将尽早恢复韩朝对话渠道">李在明涉朝最新表态：将尽早恢复韩朝对话渠道</a></li><li><a href="https://www.csjcs.com/news/list/141_0.html" class="he">[国际时事]</a><a href="https://www.csjcs.com/news/show/24d608342033fae0.html" target="_blank" title="刚果（金）东部发生武装袭击至少318人死亡">刚果（金）东部发生武装袭击至少318人死亡</a></li><li><a href="https://www.csjcs.com/news/list/134_0.html" class="he">[聚焦长三角]</a><a href="https://www.csjcs.com/news/show/2380ab65a777ac3d.html" target="_blank" title="新华每日电讯：吹响长三角跨区域协同创新的号角">新华每日电讯：吹响长三角跨区域协同创新的号</a></li><li><a href="https://www.csjcs.com/news/list/456_0.html" class="he">[淮安要闻]</a><a href="https://www.csjcs.com/news/show/68882b85321a41d5.html" target="_blank" title="淮安区：“云提醒”破解证照“超期之痛”">淮安区：“云提醒”破解证照“超期之痛”</a></li><li><a href="https://www.csjcs.com/news/list/192_0.html" class="he">[招商]</a><a href="https://www.csjcs.com/news/show/67657d25265f9a0e.html" target="_blank" title="涟水县：持续保持拼、争、抢工作状态 精准开展产业链招商">涟水县：持续保持拼、争、抢工作状态 精准开</a></li><li><a href="https://www.csjcs.com/news/list/456_0.html" class="he">[淮安要闻]</a><a href="https://www.csjcs.com/news/show/664acde1268436b6.html" target="_blank" title="洪泽区：打造“零跑动+暖服务”政务服务新标杆">洪泽区：打造“零跑动+暖服务”政务服务新标</a></li>    </ul>
</div>
<div class="container">
    <div class="pt-8 i-box">
        <div class="i-main">
            <div class="">
                <div class="flex justify-between">
                    <div class="swiper banner recommend-banner">
                        <div class="swiper-wrapper">
                                                        <div class="swiper-slide group overflow-hidden">
                                <a href="//www.csjcs.com/news/show/240f3c5adabe242e.html" class="relative h-full block">
                                    <div class="h-full bg-cover bg-no-repeat bg-center transition group-hover:scale-110 swiper-lazy"
                                         data-background="https://cdn.csjcs.com/d/file/20250616/acf73738964a7b8631071108173b9358.png?x-oss-process=image/resize,m_fill,w_605,h_377">
                                        <img data-src="https://cdn.csjcs.com/d/file/20250616/acf73738964a7b8631071108173b9358.png?x-oss-process=image/resize,m_fill,w_605,h_377" class="hidden swiper-lazy">
                                        <div class="swiper-lazy-preloader"></div>
                                    </div>
                                    <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                        <div class="font-bold text-white text-[28px] pb-2">
                                            《求是》杂志发表习近平总书记重要文章《用中长期规划指导经济社会发展是我们党治国理政的一种重要方式》</div>
                                        <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1928812','type':1,'vote':0,'url':'/news/show/240f3c5adabe242e.html','voteUpCount':121,'voteDownCount':'','voteName':'vote-192881219','class':'19'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                    </div>
                                </a>
                            </div>
                                                        <div class="swiper-slide group overflow-hidden">
                                <a href="//www.csjcs.com/news/show/4b2a45ca6949c190.html" class="relative h-full block">
                                    <div class="h-full bg-cover bg-no-repeat bg-center transition group-hover:scale-110 swiper-lazy"
                                         data-background="https://cdn.csjcs.com/d/file/20250616/d00ec72379c621f3fd212a8d48a76473.png?x-oss-process=image/resize,m_fill,w_605,h_377">
                                        <img data-src="https://cdn.csjcs.com/d/file/20250616/d00ec72379c621f3fd212a8d48a76473.png?x-oss-process=image/resize,m_fill,w_605,h_377" class="hidden swiper-lazy">
                                        <div class="swiper-lazy-preloader"></div>
                                    </div>
                                    <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                        <div class="font-bold text-white text-[28px] pb-2">
                                             前5月我国对中亚五国进出口同比增长10.4%  规模创历史同期新高</div>
                                        <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1928814','type':1,'vote':0,'url':'/news/show/4b2a45ca6949c190.html','voteUpCount':116,'voteDownCount':'','voteName':'vote-192881419','class':'19'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                    </div>
                                </a>
                            </div>
                                                        <div class="swiper-slide group overflow-hidden">
                                <a href="//www.csjcs.com/news/show/131d17a2241fb9f0.html" class="relative h-full block">
                                    <div class="h-full bg-cover bg-no-repeat bg-center transition group-hover:scale-110 swiper-lazy"
                                         data-background="https://cdn.csjcs.com/d/file/20250616/7e347e46d435916b5a787ea2b387db9d.png?x-oss-process=image/resize,m_fill,w_605,h_377">
                                        <img data-src="https://cdn.csjcs.com/d/file/20250616/7e347e46d435916b5a787ea2b387db9d.png?x-oss-process=image/resize,m_fill,w_605,h_377" class="hidden swiper-lazy">
                                        <div class="swiper-lazy-preloader"></div>
                                    </div>
                                    <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                        <div class="font-bold text-white text-[28px] pb-2">
                                            伊朗伊斯兰革命卫队3名高级将领在以色列空袭中身亡</div>
                                        <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1928813','type':1,'vote':0,'url':'/news/show/131d17a2241fb9f0.html','voteUpCount':83,'voteDownCount':'','voteName':'vote-1928813141','class':'141'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                    </div>
                                </a>
                            </div>
                                                    </div>
                        <div class="swiper-button-prev swiper-button-hidden swiper-recommend-prev"></div>
                        <div class="swiper-button-next swiper-button-hidden swiper-recommend-next"></div>
                        <div class="swiper-pagination swiper-pagination-common swiper-pagination-recommend"></div>
                    </div>

                    <div class="current-affairs-news w-[282px]">
                        <div class="title">时局要闻</div>
                        <div class="list text-[18px]">
                                                        <div class="p-4 bg-[#f5f5f5] mb-5 last:mb-0 border-t-2 border-transparent transition-colors group hover:border-[#3084e1]">
                                <a href="//www.csjcs.com/news/show/6a8216357fe147fd.html"
                                   class="line-clamp-2 leading-7 font-bold group-hover:text-[#3084e1]">
                                    国家统计局：5月份各线城市商品住宅销售价格环比下降                                </a>
                            </div>
                                                        <div class="p-4 bg-[#f5f5f5] mb-5 last:mb-0 border-t-2 border-[#3084e1] transition-colors group hover:border-[#3084e1]">
                                <a href="//www.csjcs.com/news/show/7b5ba376b81109b1.html"
                                   class="line-clamp-2 leading-7 font-bold group-hover:text-[#3084e1]">
                                    更大力度制度型开放！国常会释放新信号                                </a>
                            </div>
                                                        <div class="p-4 bg-[#f5f5f5] mb-5 last:mb-0 border-t-2 border-transparent transition-colors group hover:border-[#3084e1]">
                                <a href="//www.csjcs.com/news/show/6000c1d888b109f0.html"
                                   class="line-clamp-2 leading-7 font-bold group-hover:text-[#3084e1]">
                                    市场监管总局发布合规提示 规范“618”网络集中促销经营活动                                </a>
                            </div>
                                                    </div>
                    </div>
                </div>
                <div class="flex justify-between mt-6">
                                        <div class="w-[282px] group hover:bg-zinc-50">
                        <div class="h-[156px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/5e024207585b5f57.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250616/bf2d9eae449a6f1415705c86b2871fdc.png?x-oss-process=image/resize,m_fill,w_282,h_156"
                                     alt="南部战区：任何搅局南海、制造热点的军事活动尽在掌握">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot  text-[#757575] leading-4">
                                2025-06-16                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2">
                                <a href="//www.csjcs.com/news/show/5e024207585b5f57.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">南部战区：任何搅局南海、制造热点的军事活动尽在掌握</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1928825','type':1,'vote':0,'url':'/news/show/5e024207585b5f57.html','voteUpCount':85,'voteDownCount':'','voteName':'vote-192882519','class':'19'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">85</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50">
                        <div class="h-[156px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/2410f1082f7b7134.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250616/c5904b31f241251aa6f46087c5d8ad4d.png?x-oss-process=image/resize,m_fill,w_282,h_156"
                                     alt="时隔34年的美国大阅兵：风声、雨声、炮声、抗议声">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2025-06-16                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2">
                                <a href="//www.csjcs.com/news/show/2410f1082f7b7134.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">时隔34年的美国大阅兵：风声、雨声、炮声、抗议声</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1928824','type':1,'vote':0,'url':'/news/show/2410f1082f7b7134.html','voteUpCount':88,'voteDownCount':'','voteName':'vote-1928824141','class':'141'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">88</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50">
                        <div class="h-[156px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/1802103f3b0b90fc.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250616/643afa19dd448ece4db815d1b6ea8f76.png?x-oss-process=image/resize,m_fill,w_282,h_156"
                                     alt="伊拉克总理主持召开特别会议，重申声援伊朗">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot  text-[#757575] leading-4">
                                2025-06-16                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2">
                                <a href="//www.csjcs.com/news/show/1802103f3b0b90fc.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">伊拉克总理主持召开特别会议，重申声援伊朗</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1928818','type':1,'vote':0,'url':'/news/show/1802103f3b0b90fc.html','voteUpCount':85,'voteDownCount':'','voteName':'vote-1928818141','class':'141'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">85</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                    </div>
            </div>

            <div class="i-focus i-divide">
                <div class="i-news-title">
                    <div class="txt">聚焦长三角</div>
                    <a aria-label="聚焦长三角" href="//www.csjcs.com/news/list/134.html">more+</a>
                </div>
                <div class="focus-content grid grid-cols-2 gap-[24px]">

                    <div class="row-span-2">
                        <div class="swiper h-full focus-banner">
                            <div class="swiper-wrapper">
                                                                <div class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/2380ab65a777ac3d.html" class="relative block h-full group font-bold">
                                        <div class="img swiper-lazy transition group-hover:scale-110 h-full bg-cover bg-no-repeat bg-center"
                                             data-background="https://cdn.csjcs.com/d/file/20250616/d3fa0113da9ac4e651ad7e0dd362de1b.jpg?x-oss-process=image/resize,m_fill,w_438,h_342">
                                            <img class="hidden swiper-lazy"
                                                 data-src="https://cdn.csjcs.com/d/file/20250616/d3fa0113da9ac4e651ad7e0dd362de1b.jpg?x-oss-process=image/resize,m_fill,w_438,h_342"
                                                 alt="新华每日电讯：吹响长三角跨区域协同创新的号角"></div>
                                        <div class="swiper-lazy-preloader"></div>
                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                新华每日电讯：吹响长三角跨区域协同创新的号角</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1929123','type':1,'vote':0,'url':'/news/show/2380ab65a777ac3d.html','voteUpCount':42,'voteDownCount':'','voteName':'vote-1929123134','class':'134'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/230b53327c5240ea.html" class="relative block h-full group font-bold">
                                        <div class="img swiper-lazy transition group-hover:scale-110 h-full bg-cover bg-no-repeat bg-center"
                                             data-background="https://cdn.csjcs.com/d/file/20250616/7573de0ade07cef9428f6491daf5793e.png?x-oss-process=image/resize,m_fill,w_438,h_342">
                                            <img class="hidden swiper-lazy"
                                                 data-src="https://cdn.csjcs.com/d/file/20250616/7573de0ade07cef9428f6491daf5793e.png?x-oss-process=image/resize,m_fill,w_438,h_342"
                                                 alt="长三角2024年人均GDP达13.94万元"></div>
                                        <div class="swiper-lazy-preloader"></div>
                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                长三角2024年人均GDP达13.94万元</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1928823','type':1,'vote':0,'url':'/news/show/230b53327c5240ea.html','voteUpCount':94,'voteDownCount':'','voteName':'vote-1928823134','class':'134'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/22a0ef921b58e6d5.html" class="relative block h-full group font-bold">
                                        <div class="img swiper-lazy transition group-hover:scale-110 h-full bg-cover bg-no-repeat bg-center"
                                             data-background="https://cdn.csjcs.com/d/file/20250616/03e48c8a06648d4f8d1795f2fe4baac5.png?x-oss-process=image/resize,m_fill,w_438,h_342">
                                            <img class="hidden swiper-lazy"
                                                 data-src="https://cdn.csjcs.com/d/file/20250616/03e48c8a06648d4f8d1795f2fe4baac5.png?x-oss-process=image/resize,m_fill,w_438,h_342"
                                                 alt="安徽日报：路网无断点，省界渐无界"></div>
                                        <div class="swiper-lazy-preloader"></div>
                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                安徽日报：路网无断点，省界渐无界</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1928822','type':1,'vote':0,'url':'/news/show/22a0ef921b58e6d5.html','voteUpCount':82,'voteDownCount':'','voteName':'vote-1928822134','class':'134'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                            </div>
                            <div class="swiper-button-prev swiper-button-hidden swiper-focus-prev"></div>
                            <div class="swiper-button-next swiper-button-hidden swiper-focus-next"></div>
                            <div class="swiper-pagination swiper-pagination-common swiper-pagination-focus"></div>
                        </div>
                    </div>


                                        <div class="i-n-box flex items-start justify-between group">
                        <div class="img">
                            <a href="//www.csjcs.com/news/show/2124a9e0741777cb.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     width="190" height="156"
                                     data-src="https://cdn.csjcs.com/d/file/20250616/004ad03fc9b59de1b117ad04b4228e61.png?x-oss-process=image/resize,m_fill,w_190,h_156"
                                     alt="浙江迎峰度夏重大电网工程全面投产">
                            </a>
                        </div>
                        <div class="flex-1 pt-2 pl-5">
                            <div class="i-dot  text-[#757575] leading-4">
                                2025-06-16                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="//www.csjcs.com/news/show/2124a9e0741777cb.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    浙江迎峰度夏重大电网工程全面投产                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1928821','type':1,'vote':0,'url':'/news/show/2124a9e0741777cb.html','voteUpCount':80,'voteDownCount':'','voteName':'vote-1928821134','class':'134'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">80</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="i-n-box flex items-start justify-between group">
                        <div class="img">
                            <a href="//www.csjcs.com/news/show/200e7623df184536.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     width="190" height="156"
                                     data-src="https://cdn.csjcs.com/d/file/20250616/b454645ac31c74d700e4534b5c93d1e4.png?x-oss-process=image/resize,m_fill,w_190,h_156"
                                     alt="出口同比增长21.4%，江苏—中亚经贸合作跑出“加速度”">
                            </a>
                        </div>
                        <div class="flex-1 pt-2 pl-5">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2025-06-16                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="//www.csjcs.com/news/show/200e7623df184536.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    出口同比增长21.4%，江苏—中亚经贸合作跑出“加速度”                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1928820','type':1,'vote':0,'url':'/news/show/200e7623df184536.html','voteUpCount':80,'voteDownCount':'','voteName':'vote-1928820134','class':'134'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">80</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="i-n-box flex items-start justify-between group">
                        <div class="img">
                            <a href="//www.csjcs.com/news/show/193a9993e179dc59.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     width="190" height="156"
                                     data-src="https://cdn.csjcs.com/d/file/20250616/7478624504210d5a6db97fe516c8685a.png?x-oss-process=image/resize,m_fill,w_190,h_156"
                                     alt="2025年上海高考志愿辅助填报系统开放">
                            </a>
                        </div>
                        <div class="flex-1 pt-2 pl-5">
                            <div class="i-dot  text-[#757575] leading-4">
                                2025-06-16                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="//www.csjcs.com/news/show/193a9993e179dc59.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    2025年上海高考志愿辅助填报系统开放                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1928819','type':1,'vote':0,'url':'/news/show/193a9993e179dc59.html','voteUpCount':117,'voteDownCount':'','voteName':'vote-1928819134','class':'134'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">117</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="i-n-box flex items-start justify-between group">
                        <div class="img">
                            <a href="//www.csjcs.com/news/show/16220d4514930596.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     width="190" height="156"
                                     data-src="https://cdn.csjcs.com/d/file/20250616/a4361b51aac7ac1c45dbfca4dac227c1.png?x-oss-process=image/resize,m_fill,w_190,h_156"
                                     alt="跟着“苏超”去旅行，体育出给城市的这道题没有标准答案">
                            </a>
                        </div>
                        <div class="flex-1 pt-2 pl-5">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2025-06-16                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="//www.csjcs.com/news/show/16220d4514930596.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    跟着“苏超”去旅行，体育出给城市的这道题没有标准答案                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1928816','type':1,'vote':0,'url':'/news/show/16220d4514930596.html','voteUpCount':108,'voteDownCount':'','voteName':'vote-1928816134','class':'134'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">108</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                    
                </div>
            </div>
            <div class="i-city i-divide">
                <div class="i-news-title">
                    <div class="txt">城市点击</div>
                    <a href="//www.csjcs.com/news/list/240.html"><span class="hidden">地方频道</span>more+</a>
                </div>
                <div class="grid grid-cols-3 gap-[24px] :first-of-type(2)">
                    <div class="col-span-2 h-[325px]">
                        <div class="swiper h-full city-banner">
                            <div class="swiper-wrapper">
                                                                <div class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/00ee2f9b8cb466d6.html" class="relative block group">
                                        <div class="h-[325px] bg-cover bg-no-repeat bg-center swiper-lazy transition group-hover:scale-110"
                                             data-background="https://cdn.csjcs.com/d/file/20250616/5e93ab6d4865fc5151852f6b86a4010f.jpg?x-oss-process=image/resize,m_fill,w_594,h_325">
                                            <img class="swiper-lazy hidden"
                                                 data-src="https://cdn.csjcs.com/d/file/20250616/5e93ab6d4865fc5151852f6b86a4010f.jpg?x-oss-process=image/resize,m_fill,w_594,h_325"
                                                 alt="咬定目标20年不松劲  南京代码叩响“万亿”之门">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                咬定目标20年不松劲  南京代码叩响“万亿”之门</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1929100','type':1,'vote':0,'url':'/news/show/00ee2f9b8cb466d6.html','voteUpCount':50,'voteDownCount':'','voteName':'vote-1929100344','class':'344'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/997293caedccb2fb.html" class="relative block group">
                                        <div class="h-[325px] bg-cover bg-no-repeat bg-center swiper-lazy transition group-hover:scale-110"
                                             data-background="https://cdn.csjcs.com/d/file/20250616/2d8c7b719398b525ef53d01c4922c8c3.jpg?x-oss-process=image/resize,m_fill,w_594,h_325">
                                            <img class="swiper-lazy hidden"
                                                 data-src="https://cdn.csjcs.com/d/file/20250616/2d8c7b719398b525ef53d01c4922c8c3.jpg?x-oss-process=image/resize,m_fill,w_594,h_325"
                                                 alt="浙江宁波厘清乡镇（街道）履职事项权责边界">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                浙江宁波厘清乡镇（街道）履职事项权责边界</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1929099','type':1,'vote':0,'url':'/news/show/997293caedccb2fb.html','voteUpCount':44,'voteDownCount':'','voteName':'vote-1929099486','class':'486'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/98d8928be66b230a.html" class="relative block group">
                                        <div class="h-[325px] bg-cover bg-no-repeat bg-center swiper-lazy transition group-hover:scale-110"
                                             data-background="https://cdn.csjcs.com/d/file/20250616/eec09cf489c809ab8264d5faa64cf219.jpg?x-oss-process=image/resize,m_fill,w_594,h_325">
                                            <img class="swiper-lazy hidden"
                                                 data-src="https://cdn.csjcs.com/d/file/20250616/eec09cf489c809ab8264d5faa64cf219.jpg?x-oss-process=image/resize,m_fill,w_594,h_325"
                                                 alt="安徽合肥：科技创新与网络文明同频共振">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                安徽合肥：科技创新与网络文明同频共振</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1929098','type':1,'vote':0,'url':'/news/show/98d8928be66b230a.html','voteUpCount':46,'voteDownCount':'','voteName':'vote-1929098187','class':'187'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                            </div>
                            <div class="swiper-button-prev swiper-button-hidden swiper-city-prev"></div>
                            <div class="swiper-button-next swiper-button-hidden swiper-city-next"></div>
                            <div class="swiper-pagination swiper-pagination-common swiper-pagination-city"></div>
                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50 bg-zinc-50">
                        <div class="h-[165px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/9746908f1aabfc23.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250616/effc076cfdbea51f256e5a1f8cb72b45.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="上海“摊”又起，凸显城市治理升维">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot  text-[#757575] leading-4">
                                2025-06-16                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[84px]">
                                <a href="//www.csjcs.com/news/show/9746908f1aabfc23.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">上海“摊”又起，凸显城市治理升维</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1929097','type':1,'vote':0,'url':'/news/show/9746908f1aabfc23.html','voteUpCount':56,'voteDownCount':'','voteName':'vote-1929097334','class':'334'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">56</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50 ">
                        <div class="h-[165px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/96aea583b0d0de72.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250616/615ff0707f0f7f6730c3186e8224b8eb.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="2025年全国新能源汽车下乡活动在如皋启动">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2025-06-16                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/96aea583b0d0de72.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">2025年全国新能源汽车下乡活动在如皋启动</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1929096','type':1,'vote':0,'url':'/news/show/96aea583b0d0de72.html','voteUpCount':46,'voteDownCount':'','voteName':'vote-1929096396','class':'396'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">46</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50 ">
                        <div class="h-[165px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/9446b65c1f7fc2ac.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250616/1c282ff2fa113f8230f30446f6524fa7.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="“海归”熊猫，温州亮相">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot  text-[#757575] leading-4">
                                2025-06-16                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/9446b65c1f7fc2ac.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">“海归”熊猫，温州亮相</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1929094','type':1,'vote':0,'url':'/news/show/9446b65c1f7fc2ac.html','voteUpCount':47,'voteDownCount':'','voteName':'vote-1929094505','class':'505'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">47</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50 ">
                        <div class="h-[165px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/93a625bf7868739a.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250616/442eba67adc9d76c849d2b820b6c9011.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="芜湖成功入选第二批现代商贸流通体系试点城市">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2025-06-16                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/93a625bf7868739a.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">芜湖成功入选第二批现代商贸流通体系试点城市</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1929093','type':1,'vote':0,'url':'/news/show/93a625bf7868739a.html','voteUpCount':122,'voteDownCount':'','voteName':'vote-1929093595','class':'595'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">122</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                    </div>
            </div>

            <div class="my-8 index_full_img _4">
                <div class="marker">
                    <a href="/gbook-2.html">广告</a>
                </div>
                <a href='//yc.csjcs.com' target='_parent'><img src='https://cdn.csjcs.com/d/file/20230905/61e4e4e0ed946cf340d54b18e46f7a86.jpg' width='678' height='93' alt='盐城'></a>            </div>

            <div class="i-happy">
                <div class="i-news-title !mt-0">
                    <div class="txt">乐活长三角</div>
                    <a href="//www.csjcs.com/news/list/20.html"><span class="hidden">乐活长三角</span>more+</a>
                </div>
                <div class="grid grid-cols-3 gap-[24px]">
                    <div class="col-span-2 h-[325px]">
                        <div class="swiper h-full happy-banner">
                            <div class="swiper-wrapper">
                                                                <div class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/4759520dbd9cf42b.html" class="relative block group">
                                        <div class="h-[325px] bg-cover bg-no-repeat bg-center swiper-lazy transition group-hover:scale-110"
                                             data-background="https://cdn.csjcs.com/d/file/2025-06-15/202506150913518571.jpg?x-oss-process=image/resize,m_fill,w_594,h_325">
                                            <img class="swiper-lazy hidden"
                                                 data-src="https://cdn.csjcs.com/d/file/2025-06-15/202506150913518571.jpg?x-oss-process=image/resize,m_fill,w_594,h_325"
                                                 alt="在合肥，给自己来一场24小时微度假！">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                在合肥，给自己来一场24小时微度假！</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1499047','type':1,'vote':0,'url':'/news/show/4759520dbd9cf42b.html','voteUpCount':666,'voteDownCount':'','voteName':'vote-1499047105','class':'105'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/350fede964eadd1b.html" class="relative block group">
                                        <div class="h-[325px] bg-cover bg-no-repeat bg-center swiper-lazy transition group-hover:scale-110"
                                             data-background="https://cdn.csjcs.com/d/file/20250613/4a0fff2f5c84c9d8476b925995f92957.jpg?x-oss-process=image/resize,m_fill,w_594,h_325">
                                            <img class="swiper-lazy hidden"
                                                 data-src="https://cdn.csjcs.com/d/file/20250613/4a0fff2f5c84c9d8476b925995f92957.jpg?x-oss-process=image/resize,m_fill,w_594,h_325"
                                                 alt="南湖区“子城大集”入选省级重点文旅市集">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                南湖区“子城大集”入选省级重点文旅市集</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1499035','type':1,'vote':0,'url':'/news/show/350fede964eadd1b.html','voteUpCount':239,'voteDownCount':'','voteName':'vote-1499035105','class':'105'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/33538cd6290db374.html" class="relative block group">
                                        <div class="h-[325px] bg-cover bg-no-repeat bg-center swiper-lazy transition group-hover:scale-110"
                                             data-background="https://cdn.csjcs.com/d/file/20250613/9855df2bb277d77d89a5e2cc305013ab.jpg?x-oss-process=image/resize,m_fill,w_594,h_325">
                                            <img class="swiper-lazy hidden"
                                                 data-src="https://cdn.csjcs.com/d/file/20250613/9855df2bb277d77d89a5e2cc305013ab.jpg?x-oss-process=image/resize,m_fill,w_594,h_325"
                                                 alt="太仓高新区解锁文旅“新风景”">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                太仓高新区解锁文旅“新风景”</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1499033','type':1,'vote':0,'url':'/news/show/33538cd6290db374.html','voteUpCount':416,'voteDownCount':'','voteName':'vote-1499033105','class':'105'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                            </div>
                            <div class="swiper-button-prev swiper-button-hidden swiper-happy-prev"></div>
                            <div class="swiper-button-next swiper-button-hidden swiper-happy-next"></div>
                            <div class="swiper-pagination swiper-pagination-common swiper-pagination-happy"></div>
                        </div>
                    </div>

                                        <div class="w-[282px]  group hover:bg-zinc-50 bg-zinc-50">
                        <div class="h-[165px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/320e030eae98213f.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     data-src="https://cdn.csjcs.com/d/file/20250613/168d490341e97a2dffb6bf7fa9c0112a.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="这个周末，到义乌看文旅博览会">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2025-06-13                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="//www.csjcs.com/news/show/320e030eae98213f.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    这个周末，到义乌看文旅博览会                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1499032','type':1,'vote':0,'url':'/news/show/320e030eae98213f.html','voteUpCount':183,'voteDownCount':'','voteName':'vote-1499032105','class':'105'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">183</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px]  group hover:bg-zinc-50 ">
                        <div class="h-[165px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/1545db4378f15fc3.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     data-src="https://cdn.csjcs.com/d/file/20250612/b3c015b1e9560d49c87faa36fa77ec6a.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="上海最佳旅游新场景出炉">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot  text-[#757575] leading-4">
                                2025-06-12                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/1545db4378f15fc3.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    上海最佳旅游新场景出炉                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1499015','type':1,'vote':0,'url':'/news/show/1545db4378f15fc3.html','voteUpCount':218,'voteDownCount':'','voteName':'vote-1499015105','class':'105'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">218</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px]  group hover:bg-zinc-50 ">
                        <div class="h-[165px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/14b9a15735455173.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     data-src="https://cdn.csjcs.com/d/file/20250612/47d76542a56c56368508099f50871e48.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="德清“大仙潭”的山水振兴新图景">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2025-06-12                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/14b9a15735455173.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    德清“大仙潭”的山水振兴新图景                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1499014','type':1,'vote':0,'url':'/news/show/14b9a15735455173.html','voteUpCount':501,'voteDownCount':'','voteName':'vote-1499014105','class':'105'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">501</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px]  group hover:bg-zinc-50 ">
                        <div class="h-[165px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/13ca2f2630799eb0.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     data-src="https://cdn.csjcs.com/d/file/20250612/f750f075a3ab0fbffc501322582ebb4b.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="武义荷花成夏日宠儿">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot  text-[#757575] leading-4">
                                2025-06-12                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/13ca2f2630799eb0.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    武义荷花成夏日宠儿                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1499013','type':1,'vote':0,'url':'/news/show/13ca2f2630799eb0.html','voteUpCount':297,'voteDownCount':'','voteName':'vote-1499013105','class':'105'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">297</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                    </div>
            </div>

            <div class="i-culture i-divide">
                <div class="i-news-title">
                    <div class="txt">文化</div>
                    <a href="//www.csjcs.com/news/list/803.html"><span class="hidden">文化栏目</span>more+</a>
                </div>
                <div class="grid grid-cols-3 gap-[24px]">
                    <div class="col-span-2 h-[325px]">
                        <div class="swiper h-full culture-banner">
                            <div class="swiper-wrapper">
                                                                <div class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/07c853d386cef57c.html" class="relative block group">
                                        <div class="h-[325px] bg-cover bg-no-repeat bg-center swiper-lazy transition group-hover:scale-110"
                                             data-background="https://cdn.csjcs.com/d/file/20250616/9bf4e6f3260291cdcf0ef505664f8300.jpeg?x-oss-process=image/resize,m_fill,w_594,h_325">
                                            <img class="swiper-lazy hidden"
                                                 data-src="https://cdn.csjcs.com/d/file/20250616/9bf4e6f3260291cdcf0ef505664f8300.jpeg?x-oss-process=image/resize,m_fill,w_594,h_325"
                                                 alt="歙县非遗鱼灯文化周：融入现代生活 非遗正青春">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                歙县非遗鱼灯文化周：融入现代生活 非遗正青春</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1929107','type':1,'vote':0,'url':'/news/show/07c853d386cef57c.html','voteUpCount':39,'voteDownCount':'','voteName':'vote-1929107806','class':'806'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/05bf4661a0b7a5e0.html" class="relative block group">
                                        <div class="h-[325px] bg-cover bg-no-repeat bg-center swiper-lazy transition group-hover:scale-110"
                                             data-background="https://cdn.csjcs.com/d/file/20250616/6f45158c489a874c00ac321aa1bb3f3d.jpg?x-oss-process=image/resize,m_fill,w_594,h_325">
                                            <img class="swiper-lazy hidden"
                                                 data-src="https://cdn.csjcs.com/d/file/20250616/6f45158c489a874c00ac321aa1bb3f3d.jpg?x-oss-process=image/resize,m_fill,w_594,h_325"
                                                 alt="滁州市非物质文化遗产研究院揭牌成立">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                滁州市非物质文化遗产研究院揭牌成立</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1929105','type':1,'vote':0,'url':'/news/show/05bf4661a0b7a5e0.html','voteUpCount':42,'voteDownCount':'','voteName':'vote-1929105806','class':'806'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/957dd72ced9055ab.html" class="relative block group">
                                        <div class="h-[325px] bg-cover bg-no-repeat bg-center swiper-lazy transition group-hover:scale-110"
                                             data-background="https://cdn.csjcs.com/d/file/20250616/fc7e2dd8032a6de18c0ebe8f2aca9dfc.jpg?x-oss-process=image/resize,m_fill,w_594,h_325">
                                            <img class="swiper-lazy hidden"
                                                 data-src="https://cdn.csjcs.com/d/file/20250616/fc7e2dd8032a6de18c0ebe8f2aca9dfc.jpg?x-oss-process=image/resize,m_fill,w_594,h_325"
                                                 alt="上海：传统文化绽放时代光彩">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                上海：传统文化绽放时代光彩</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1929095','type':1,'vote':0,'url':'/news/show/957dd72ced9055ab.html','voteUpCount':46,'voteDownCount':'','voteName':'vote-1929095804','class':'804'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                            </div>
                            <div class="swiper-button-prev swiper-button-hidden swiper-culture-prev"></div>
                            <div class="swiper-button-next swiper-button-hidden swiper-culture-next"></div>
                            <div class="swiper-pagination swiper-pagination-common swiper-pagination-culture"></div>
                        </div>
                    </div>

                                        <div class="w-[282px] group hover:bg-zinc-50 bg-zinc-50">
                        <div class="h-[165px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/722dca47b8930c14.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/2025-06-16/202506161202087445.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="虹口区举办“2025年虹口文化遗产季——石库门里弄·时光里的烟火气”主题活动">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4 group">
                            <div class="i-dot  text-[#757575] leading-4">
                                2025-06-16                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[84px]">
                                <a href="//www.csjcs.com/news/show/722dca47b8930c14.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">虹口区举办“2025年虹口文化遗产季——石库门里弄·时光里的烟火气”主题活动</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1929072','type':1,'vote':0,'url':'/news/show/722dca47b8930c14.html','voteUpCount':774,'voteDownCount':'','voteName':'vote-1929072804','class':'804'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">774</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50 ">
                        <div class="h-[165px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/515dab0cbf89ada4.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250616/43a79068d20568cdcc3192755608d080.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="上海首家动漫主题影院亮相美罗城">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4 group">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2025-06-16                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/515dab0cbf89ada4.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">上海首家动漫主题影院亮相美罗城</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1929051','type':1,'vote':0,'url':'/news/show/515dab0cbf89ada4.html','voteUpCount':71,'voteDownCount':'','voteName':'vote-1929051804','class':'804'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">71</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50 ">
                        <div class="h-[165px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/1182d853444c283a.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250616/cf32a49f0211b720720e67accd411721.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="拙政园的花窗”，里外皆是风景">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4 group">
                            <div class="i-dot  text-[#757575] leading-4">
                                2025-06-16                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/1182d853444c283a.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">拙政园的花窗”，里外皆是风景</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1929011','type':1,'vote':0,'url':'/news/show/1182d853444c283a.html','voteUpCount':64,'voteDownCount':'','voteName':'vote-1929011804','class':'804'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">64</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50 ">
                        <div class="h-[165px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/0960df42211a5814.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250616/1c177fa8eaa3e3de30ab5b1363023a99.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="第19届中国义乌文旅博览会闭幕 国潮文创大放异彩">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4 group">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2025-06-16                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/0960df42211a5814.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">第19届中国义乌文旅博览会闭幕 国潮文创大放异彩</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1929009','type':1,'vote':0,'url':'/news/show/0960df42211a5814.html','voteUpCount':73,'voteDownCount':'','voteName':'vote-1929009804','class':'804'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">73</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                    </div>
            </div>
            <div class="my-8 index_full_img _9">
                <div class="marker">
                    <a href="/gbook-2.html">广告</a>
                </div>
                <a href='https://www.csjcs.com/news/show/996/1178_0.html' target='_self'><img src='https://cdn.csjcs.com/d/file/20230905/da2d19839b6677e4f6f8ef0bc3d03c99.jpg' width='770' height='100' alt='美丽清纯洪泽湖'></a>            </div>
            <div class="focus-csj i-media">
                <div class="i-news-title !mt-0">
                    <div class="txt">城市号精选</div>
                    <a href="http://www.yrdcity.com"><span class="hidden">城市号内容精选</span>more+</a>
                </div>
                <div class="focus-content grid grid-cols-2 gap-[24px]">

                    <div class="row-span-2">
                        <div class="swiper h-full media-banner">
                            <div class="swiper-wrapper">
                                                                <div class="swiper-slide h-full">
                                    <a href="http://www.yrdcity.com/a/13751.html" class="relative block h-full group">
                                        <div class="img h-full h-[325px] bg-cover bg-no-repeat bg-center transition group-hover:scale-110 swiper-lazy"
                                             data-background="https://cdn.yrdcity.com/uploads/20250613/78b8c5aa520d24f6e1395663a7afbfce.png?x-oss-process=image/resize,m_fill,w_438,h_342">
                                            <img data-src="https://cdn.yrdcity.com/uploads/20250613/78b8c5aa520d24f6e1395663a7afbfce.png?x-oss-process=image/resize,m_fill,w_438,h_342"
                                                 class="hidden swiper-lazy"
                                                 alt="安徽泾县：李白的“千年情”是否会毁于“停车要就餐”?">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>

                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                安徽泾县：李白的“千年情”是否会毁于“停车要就餐”?</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'13751','type':2,'vote':0,'url':'http://www.yrdcity.com/a/13751.html','voteUpCount':46,'voteDownCount':'','voteName':'vote-13751'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide h-full">
                                    <a href="http://www.yrdcity.com/a/13750.html" class="relative block h-full group">
                                        <div class="img h-full h-[325px] bg-cover bg-no-repeat bg-center transition group-hover:scale-110 swiper-lazy"
                                             data-background="https://cdn.yrdcity.com/uploads/20250613/5450f049b9185d350fbaf951628b0016.jpg?x-oss-process=image/resize,m_fill,w_438,h_342">
                                            <img data-src="https://cdn.yrdcity.com/uploads/20250613/5450f049b9185d350fbaf951628b0016.jpg?x-oss-process=image/resize,m_fill,w_438,h_342"
                                                 class="hidden swiper-lazy"
                                                 alt="某书记分析出身寒门的公务员为何晋升慢？">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>

                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                某书记分析出身寒门的公务员为何晋升慢？</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'13750','type':2,'vote':0,'url':'http://www.yrdcity.com/a/13750.html','voteUpCount':48,'voteDownCount':'','voteName':'vote-13750'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide h-full">
                                    <a href="http://www.yrdcity.com/a/13749.html" class="relative block h-full group">
                                        <div class="img h-full h-[325px] bg-cover bg-no-repeat bg-center transition group-hover:scale-110 swiper-lazy"
                                             data-background="https://cdn.yrdcity.com/uploads/20250613/29b10eae7e160abf8ebab31652a4b4e6.jpg?x-oss-process=image/resize,m_fill,w_438,h_342">
                                            <img data-src="https://cdn.yrdcity.com/uploads/20250613/29b10eae7e160abf8ebab31652a4b4e6.jpg?x-oss-process=image/resize,m_fill,w_438,h_342"
                                                 class="hidden swiper-lazy"
                                                 alt="干部年轻化从来就是个伪命题！">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>

                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                干部年轻化从来就是个伪命题！</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'13749','type':2,'vote':0,'url':'http://www.yrdcity.com/a/13749.html','voteUpCount':37,'voteDownCount':'','voteName':'vote-13749'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                            </div>
                            <div class="swiper-button-prev swiper-button-hidden swiper-media-prev"></div>
                            <div class="swiper-button-next swiper-button-hidden swiper-media-next"></div>
                            <div class="swiper-pagination swiper-pagination-common swiper-pagination-media">
                            </div>
                        </div>
                    </div>

                                        <div class="i-n-box flex justify-between group">
                        <div class="img">
                            <a href="http://www.yrdcity.com/a/13748.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     width="190" height="156"
                                     data-src="https://cdn.yrdcity.com/uploads/20250613/c0aa4125e56051a7d025248c23ad8273.jpg?x-oss-process=image/resize,m_fill,w_190,h_156"
                                     alt="自由、权利与良知：三个值得深思的故事">
                            </a>
                        </div>
                        <div class="flex-1 pt-2 pl-5">
                            <div class="i-dot  text-[#757575] leading-4">
                                2025-06-13                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="http://www.yrdcity.com/a/13748.html" class="line-clamp-3 group-hover:text-[#3084e1]">
                                    自由、权利与良知：三个值得深思的故事                                </a>
                            </h3>

                            <div class="news-button pr-2" x-data="voteData({'id':'13748','type':2,'vote':0,'url':'http://www.yrdcity.com/a/13748.html','voteUpCount':44,'voteDownCount':'','voteName':'vote-13748'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">44</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="i-n-box flex justify-between group">
                        <div class="img">
                            <a href="http://www.yrdcity.com/a/13719.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     width="190" height="156"
                                     data-src="https://cdn.yrdcity.com/uploads/20250612/293496f36705f1f06a40b42156298598.jpg?x-oss-process=image/resize,m_fill,w_190,h_156"
                                     alt="黄伟民《红楼梦》研究：禄蠹">
                            </a>
                        </div>
                        <div class="flex-1 pt-2 pl-5">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2025-06-12                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="http://www.yrdcity.com/a/13719.html" class="line-clamp-3 group-hover:text-[#3084e1]">
                                    黄伟民《红楼梦》研究：禄蠹                                </a>
                            </h3>

                            <div class="news-button pr-2" x-data="voteData({'id':'13719','type':2,'vote':0,'url':'http://www.yrdcity.com/a/13719.html','voteUpCount':61,'voteDownCount':'','voteName':'vote-13719'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">61</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="i-n-box flex justify-between group">
                        <div class="img">
                            <a href="http://www.yrdcity.com/a/13718.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     width="190" height="156"
                                     data-src="https://cdn.yrdcity.com/uploads/20250612/874a1b0b39f569219123a69d8acc0916.webp.png?x-oss-process=image/resize,m_fill,w_190,h_156"
                                     alt="阳光下的假面——牧野诗十首">
                            </a>
                        </div>
                        <div class="flex-1 pt-2 pl-5">
                            <div class="i-dot  text-[#757575] leading-4">
                                2025-06-12                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="http://www.yrdcity.com/a/13718.html" class="line-clamp-3 group-hover:text-[#3084e1]">
                                    阳光下的假面——牧野诗十首                                </a>
                            </h3>

                            <div class="news-button pr-2" x-data="voteData({'id':'13718','type':2,'vote':0,'url':'http://www.yrdcity.com/a/13718.html','voteUpCount':64,'voteDownCount':'','voteName':'vote-13718'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">64</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="i-n-box flex justify-between group">
                        <div class="img">
                            <a href="http://www.yrdcity.com/a/13717.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     width="190" height="156"
                                     data-src="https://cdn.yrdcity.com/uploads/20250612/f39494a714d8c3d4e89266423f40f149.png?x-oss-process=image/resize,m_fill,w_190,h_156"
                                     alt="旧江浦县境内名胜古迹考(4)：县南地区">
                            </a>
                        </div>
                        <div class="flex-1 pt-2 pl-5">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2025-06-12                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="http://www.yrdcity.com/a/13717.html" class="line-clamp-3 group-hover:text-[#3084e1]">
                                    旧江浦县境内名胜古迹考(4)：县南地区                                </a>
                            </h3>

                            <div class="news-button pr-2" x-data="voteData({'id':'13717','type':2,'vote':0,'url':'http://www.yrdcity.com/a/13717.html','voteUpCount':335,'voteDownCount':'','voteName':'vote-13717'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">335</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                    </div>
            </div>

            <div class="i-video i-divide">
                <div class="i-news-title">
                    <div class="txt">视界</div>
                    <a href="//v.csjcs.com/"><span class="hidden">长三角视界</span>more+</a>
                </div>
                <div class="grid grid-cols-3 gap-[24px]">
                                        <div class="w-[282px] group hover:bg-zinc-50">
                        <div class="h-[165px] overflow-hidden relative i-play">
                            <div class="img">
                                <a href="https://v.csjcs.com/html/bnxh" title="百年学衡">
                                    <img class="transition group-hover:scale-125 lazyload"
                                         width="282" height="165"
                                         data-src="https://cdn.csjcs.com/d/file/20221024/4768f2c7094b473a1a0369e5b2ba4eaa.jpg?x-oss-process=image/resize,m_fill,w_282,h_165" alt="百年学衡">
                                </a>
                            </div>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot  text-[#757575] leading-4">
                                2023-09-21                            </div>
                            <h3 class="font-bold text-[20px] leading-7 mt-2">
                                <a href="https://v.csjcs.com/html/bnxh"
                                   class="block h-12 text-ellipsis overflow-hidden  group-hover:text-[#3084e1]">
                                    百年学衡                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'481','type':3,'vote':0,'url':'https://v.csjcs.com/html/bnxh','voteUpCount':928,'voteDownCount':'','voteName':'vote-4813','class':'3'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">928</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50">
                        <div class="h-[165px] overflow-hidden relative i-play">
                            <div class="img">
                                <a href="https://v.csjcs.com/html/jly" title="金陵吟">
                                    <img class="transition group-hover:scale-125 lazyload"
                                         width="282" height="165"
                                         data-src="https://cdn.csjcs.com/d/file/20201218/da770bea70f53eb50c84a39cebddb0cc.png?x-oss-process=image/resize,m_fill,w_282,h_165" alt="金陵吟">
                                </a>
                            </div>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2023-09-21                            </div>
                            <h3 class="font-bold text-[20px] leading-7 mt-2">
                                <a href="https://v.csjcs.com/html/jly"
                                   class="block h-12 text-ellipsis overflow-hidden  group-hover:text-[#3084e1]">
                                    金陵吟                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'482','type':3,'vote':0,'url':'https://v.csjcs.com/html/jly','voteUpCount':716,'voteDownCount':'','voteName':'vote-4823','class':'3'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">716</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50">
                        <div class="h-[165px] overflow-hidden relative i-play">
                            <div class="img">
                                <a href="https://v.csjcs.com/html/hr" title="好人好事">
                                    <img class="transition group-hover:scale-125 lazyload"
                                         width="282" height="165"
                                         data-src="https://cdn.csjcs.com/d/file/20181219/55ddc4ca804efddef6ada59484958fbe.png?x-oss-process=image/resize,m_fill,w_282,h_165" alt="好人好事">
                                </a>
                            </div>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot  text-[#757575] leading-4">
                                2023-09-21                            </div>
                            <h3 class="font-bold text-[20px] leading-7 mt-2">
                                <a href="https://v.csjcs.com/html/hr"
                                   class="block h-12 text-ellipsis overflow-hidden  group-hover:text-[#3084e1]">
                                    好人好事                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'483','type':3,'vote':0,'url':'https://v.csjcs.com/html/hr','voteUpCount':752,'voteDownCount':'','voteName':'vote-4833','class':'3'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">752</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50">
                        <div class="h-[165px] overflow-hidden relative i-play">
                            <div class="img">
                                <a href="https://v.csjcs.com/html/tz" title="最忆是泰州">
                                    <img class="transition group-hover:scale-125 lazyload"
                                         width="282" height="165"
                                         data-src="https://cdn.csjcs.com/d/file/20191031/c757696a25420f2a46bd09ab22463a58.jpg?x-oss-process=image/resize,m_fill,w_282,h_165" alt="最忆是泰州">
                                </a>
                            </div>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2023-09-21                            </div>
                            <h3 class="font-bold text-[20px] leading-7 mt-2">
                                <a href="https://v.csjcs.com/html/tz"
                                   class="block h-12 text-ellipsis overflow-hidden  group-hover:text-[#3084e1]">
                                    最忆是泰州                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'484','type':3,'vote':0,'url':'https://v.csjcs.com/html/tz','voteUpCount':477,'voteDownCount':'','voteName':'vote-4843','class':'3'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">477</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50">
                        <div class="h-[165px] overflow-hidden relative i-play">
                            <div class="img">
                                <a href="https://v.csjcs.com/html/jlwm" title="金陵文脉">
                                    <img class="transition group-hover:scale-125 lazyload"
                                         width="282" height="165"
                                         data-src="https://cdn.csjcs.com/d/file/20210201/a5791a0cb1bc352ea175c462399a82fc.png?x-oss-process=image/resize,m_fill,w_282,h_165" alt="金陵文脉">
                                </a>
                            </div>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot  text-[#757575] leading-4">
                                2023-09-21                            </div>
                            <h3 class="font-bold text-[20px] leading-7 mt-2">
                                <a href="https://v.csjcs.com/html/jlwm"
                                   class="block h-12 text-ellipsis overflow-hidden  group-hover:text-[#3084e1]">
                                    金陵文脉                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'485','type':3,'vote':0,'url':'https://v.csjcs.com/html/jlwm','voteUpCount':782,'voteDownCount':'','voteName':'vote-4853','class':'3'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">782</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50">
                        <div class="h-[165px] overflow-hidden relative i-play">
                            <div class="img">
                                <a href="https://v.csjcs.com/html/xcp" title="形象宣传片">
                                    <img class="transition group-hover:scale-125 lazyload"
                                         width="282" height="165"
                                         data-src="https://cdn.csjcs.com/d/file/20201221/e42419a6b0b869e91ebe3c13c0caf857.jpg?x-oss-process=image/resize,m_fill,w_282,h_165" alt="形象宣传片">
                                </a>
                            </div>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2023-09-21                            </div>
                            <h3 class="font-bold text-[20px] leading-7 mt-2">
                                <a href="https://v.csjcs.com/html/xcp"
                                   class="block h-12 text-ellipsis overflow-hidden  group-hover:text-[#3084e1]">
                                    形象宣传片                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'486','type':3,'vote':0,'url':'https://v.csjcs.com/html/xcp','voteUpCount':471,'voteDownCount':'','voteName':'vote-4863','class':'3'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">471</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                    </div>
            </div>

            <div class="i-partner i-divide pt-8">
                <div class="i-news-title">
                    <div class="txt">合作伙伴</div>
                </div>
                <div class="text-base text-[#4a4a4a] partner">
                    <p><span>浙江大学民营经济研究中心</span></p>
                    <p><span>南京大学创意产业研究中心</span></p>
                    <p><span>南京艺术学院传媒艺术研究中心</span></p>
                    <p><span>远瞻智库</span></p>
                    <p><span>长三角微电影网</span></p>
                    <p><span>长三角美术家网</span></p>
                    <p><span>江苏省现代服务业联合会文旅专委会</span></p>
                    <p><span>江苏东方地产研究院</span></p>
                    <p><span>江苏省紫金艺术书画院</span></p>
                    <p><span>大九品书画艺术品交易平台</span></p>
                    <p><span>领导决策信息网</span></p>
                    <p><span>江苏省口述历史研究会</span></p>
                    <p><span>安徽新四军历史研究会合肥分会</span></p>
                    <p><span>淮安市洪泽区淮宝历史文化研究会</span></p>
                    <p><span>苏南文化艺术中心</span></p>
                    <p><span>《艺术收藏》杂志</span></p>
                    <p><span>洪泽融媒体中心</span></p>
                    <p><span>靖江融媒体中心</span></p>

                </div>
            </div>

        </div>
        <div class="i-side">
            <div class="ver01"><div class="swiper ver01-banner">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <a href="//www.csjcs.com/gbook-2.html" target="_blank"><img src="https://cdn.csjcs.com/d/file/20250205/6c4c565ad63dbb1ab78a011f4497c1ba.jpg" width="282" height="368" alt="合作代理"></a>
        </div>
      <div class="swiper-slide">
            <a href="//www.csjcs.com/app.html" target="_blank"><img src="https://cdn.csjcs.com/d/file/20230927/2c86e56cc8909b2774d980e79993d3c8.jpg" width="282" height="368" alt="长三角城市圈APP"></a>
        </div>
    </div>
    <div class="swiper-pagination swiper-pagination-ver01" style="bottom: 5px;width: auto; right: 10px; left: initial;"></div>
</div></div>
            <div class="weather" x-data="weatherData">
                <div class="choose">
                    <div class="flex items-center gap-3" @click="selectCity()">
                        <div class="city cursor-pointer" x-text="weather.city">南京市</div>
                        <span class="icon-sanjiao-t rotate-180 cursor-pointer"></span>
                    </div>

                    <div class="city-list" x-cloak x-show="open">

                        <select id="province" x-model="province">
                            <template x-for="p in list">
                                <option :value="p.v" x-text="p.n"></option>
                            </template>
                        </select>
                        <select id="city" x-model="city">
                            <template x-for="c in cities">
                                <option :value="c.v" x-text="c.n"></option>
                            </template>
                        </select>
                        <select id="county" x-model="county">
                            <template x-for="c in countys">
                                <option :value="c.v" x-text="c.n"></option>
                            </template>
                        </select>
                        <div class="flex justify-between gap-3">
                            <button @click="open = false">取消</button>
                            <button @click="changeCity()">切换</button>
                        </div>
                    </div>
                </div>
                <div class="weather-content">
                    <div class="weather-icon">
                        <i class="qi-100-fill" :class="`qi-${weather.icon}-fill`"></i>
                    </div>
                    <div class="weather-info">
                        <div class="temp"> <span x-text="weather.temp">28</span></div>
                        <div class="flex items-end gap-3">
                            <div class="textDay text-sm" x-text="weather.text">多云</div>
                            <div class="feelsLike text-xs">体感温度 <span x-text="weather.feelsLike">27</span>°C</div>
                        </div>
                    </div>
                </div>
                <div class="forecast-list">
                    <template x-for="(item, index) in weather.daily" :key="index">
                        <div class="forecast-item" >
                            <div class="forecast-date" x-text="dates[index]"></div>
                            <div class="forecast-img">
                                <i :class="`qi-${item.iconDay}-fill`" ></i>
                            </div>
                            <div class="forecast-tmp" x-text="item.tempMin +'~'+item.tempMax +'°'"></div>
                        </div>
                    </template>
                </div>
            </div>

            <div class="i-circle p-6 bg-[#f0f9ff] my-6">
                <div class="side-title">
                    <div class="txt">长三角经济圈</div>
                    <a href="//www.csjcs.com/news/list/227.html" class="more">
                        <span class="hidden">长三角经济圈</span>
                        more
                    </a>
                </div>
                                <div class="h-[140px] mt-7 relative overflow-hidden group">
                    <a href="//www.csjcs.com/news/show/63637f15481b9149.html">
                        <img class="transition group-hover:scale-110 lazyload" width="234" height="140" data-src="https://cdn.csjcs.com/d/file/20250616/e7ae80dc58bdb06dae1bcb298380be64.jpg?x-oss-process=image/resize,m_fill,w_234,h_140" alt="江苏：“适配”新需求，惠企服务还需更精准">
                    </a>
                    <h3 class="absolute bottom-0 left-0 bg-gradient-to-t from-black to-transparent">
                        <a href="//www.csjcs.com/news/show/63637f15481b9149.html" title="江苏：“适配”新需求，惠企服务还需更精准"
                           class="p-4 text-white block font-bold leading-5 line-clamp-2">江苏：“适配”新需求，惠企服务还需更精准</a>
                    </h3>
                </div>
                                <ul>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/news/show/6261588b7201e734.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="175个项目入库 绍兴重大项目储备“量质双增”">
                                    175个项目入库 绍兴重大项目储备“量质双增”                                </a>
                            </p>
                            <span class="text-xs">2025-06-16</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/6261588b7201e734.html" title="175个项目入库 绍兴重大项目储备“量质双增”">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250616/1f98ce9fdefff3dab693bd80f0203ec9.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="175个项目入库 绍兴重大项目储备“量质双增”">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/news/show/61f04541c1ae8cf9.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="海安连续12年邀“最强大脑”助力产创融合">
                                    海安连续12年邀“最强大脑”助力产创融合                                </a>
                            </p>
                            <span class="text-xs">2025-06-16</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/61f04541c1ae8cf9.html" title="海安连续12年邀“最强大脑”助力产创融合">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250616/a41b6bbb6952d307040ad4d83bacdb4f.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="海安连续12年邀“最强大脑”助力产创融合">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/news/show/58036010d141e80b.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="安徽自贸区10项创新成果入选国家级报告">
                                    安徽自贸区10项创新成果入选国家级报告                                </a>
                            </p>
                            <span class="text-xs">2025-06-16</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/58036010d141e80b.html" title="安徽自贸区10项创新成果入选国家级报告">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250616/b8c7086452c2b172e38895767aee82cd.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="安徽自贸区10项创新成果入选国家级报告">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/news/show/5780046bf8169bed.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="外资加码投资上海底气来自哪里">
                                    外资加码投资上海底气来自哪里                                </a>
                            </p>
                            <span class="text-xs">2025-06-16</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/5780046bf8169bed.html" title="外资加码投资上海底气来自哪里">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250616/c605c4a32fe1eb4b90572151bbdc3765.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="外资加码投资上海底气来自哪里">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/news/show/56d0c4e6deeda0f9.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="大湾区-长三角无人机产业联盟在宁启航">
                                    大湾区-长三角无人机产业联盟在宁启航                                </a>
                            </p>
                            <span class="text-xs">2025-06-16</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/56d0c4e6deeda0f9.html" title="大湾区-长三角无人机产业联盟在宁启航">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250616/8559aa13f3648f7e95131fd91fb3763b.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="大湾区-长三角无人机产业联盟在宁启航">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/news/show/55dab9cea57bd31c.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="创新实力跃上新台阶 宁波首次斩获专利奖“双金”">
                                    创新实力跃上新台阶 宁波首次斩获专利奖“双金”                                </a>
                            </p>
                            <span class="text-xs">2025-06-16</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/55dab9cea57bd31c.html" title="创新实力跃上新台阶 宁波首次斩获专利奖“双金”">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250616/0e4941dca365610b69e04a413d4b1dbe.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="创新实力跃上新台阶 宁波首次斩获专利奖“双金”">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/news/show/54ea6f39bcebccda.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="首届长三角(皖北)名优农产品博览会在阜阳举行">
                                    首届长三角(皖北)名优农产品博览会在阜阳举行                                </a>
                            </p>
                            <span class="text-xs">2025-06-16</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/54ea6f39bcebccda.html" title="首届长三角(皖北)名优农产品博览会在阜阳举行">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250616/d144d26e775d87c8cf5651652ee804b4.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="首届长三角(皖北)名优农产品博览会在阜阳举行">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/news/show/5303f908ba520cf4.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="上海：“金融科技与产业创新大会”热议“双链”融合">
                                    上海：“金融科技与产业创新大会”热议“双链”融合                                </a>
                            </p>
                            <span class="text-xs">2025-06-16</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/5303f908ba520cf4.html" title="上海：“金融科技与产业创新大会”热议“双链”融合">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250616/bf03886742deff6a4100ea4c630a33d7.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="上海：“金融科技与产业创新大会”热议“双链”融合">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/news/show/4417473c6b475041.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="以1%产业版图破题，常州从“芯”出发">
                                    以1%产业版图破题，常州从“芯”出发                                </a>
                            </p>
                            <span class="text-xs">2025-06-16</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/4417473c6b475041.html" title="以1%产业版图破题，常州从“芯”出发">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250616/339d28199fcdd42ac5c8cfb3deec1668.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="以1%产业版图破题，常州从“芯”出发">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/news/show/10a6704700df6107.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="零售升级，杭州这么办">
                                    零售升级，杭州这么办                                </a>
                            </p>
                            <span class="text-xs">2025-06-16</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/10a6704700df6107.html" title="零售升级，杭州这么办">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250616/9b51129a2e42c1c509cc2187a6cd4fb8.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="零售升级，杭州这么办">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/news/show/087c3f9e7b70c09e.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="安徽：金融护航 外贸“破浪出海”">
                                    安徽：金融护航 外贸“破浪出海”                                </a>
                            </p>
                            <span class="text-xs">2025-06-16</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/087c3f9e7b70c09e.html" title="安徽：金融护航 外贸“破浪出海”">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250616/b28d9162fb1b24f9b81c2d71db6555c3.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="安徽：金融护航 外贸“破浪出海”">
                            </a>
                        </div>
                    </li>
                                    </ul>
            </div>
            <div class="ver02 "><a href='//yc.csjcs.com/' target='_blank'><img src='https://cdn.csjcs.com/d/file/20230927/03f8617b8fae4e18f379b98946b17ef1.jpg' width='282' height='325' alt=''></a></div>
            <div class="i-special mt-6 p-6 bg-[#f0f9ff]">
                <div class="side-title">
                    <div class="txt">特别推介</div>
                    <a href="//www.csjcs.com/news/list/944.html" class="more">
                        <span class="hidden">特别推介</span>
                        <span>more</span>
                    </a>
                </div>
                                <div class="h-[140px] mt-7 relative overflow-hidden group">
                    <a href="//www.csjcs.com/jump-944-487720.html">
                        <img class="transition group-hover:scale-110 lazyload" width="234" height="140" data-src="https://cdn.csjcs.com/d/file/20250513/e24d810ac87bf09e8d51a73061882017.jpg?x-oss-process=image/resize,m_fixed,w_234,h_140"  alt="“长三角媒体看淮安”主题采风">
                    </a>
                    <h3 class="absolute w-full bottom-0 left-0  bg-gradient-to-t from-black to-transparent">
                        <a href="//www.csjcs.com/jump-944-487720.html" title="“长三角媒体看淮安”主题采风"
                           class="p-4 text-white block leading-5 font-bold">“长三角媒体看淮安”主题采风</a>
                    </h3>
                </div>
                                <ul>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/jump-944-487719.html" class="line-clamp-3 group-hover:text-[#3084e1]" title="2024长三角慢生活旅游发展大会">
                                    2024长三角慢生活旅游发展大会                                </a>
                            </p>
                            <span class="text-xs">2024-12-16</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/jump-944-487719.html" >
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20241216/5b34e4164dd9ef7c779c6da7a3ceaf09.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="2024长三角慢生活旅游发展大会">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/jump-944-487718.html" class="line-clamp-3 group-hover:text-[#3084e1]" title="首届长三角慢生活旅游高峰论坛">
                                    首届长三角慢生活旅游高峰论坛                                </a>
                            </p>
                            <span class="text-xs">2023-04-11</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/jump-944-487718.html" >
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20230411/a10ce4ed7230ba3be017a53c89cc2b71.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="首届长三角慢生活旅游高峰论坛">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/jump-944-487717.html" class="line-clamp-3 group-hover:text-[#3084e1]" title="第七届长三角慢生活旅游峰会暨第五届长三角慢生活旅游目的地联盟峰会">
                                    第七届长三角慢生活旅游峰会暨第五届长三角慢生活旅游目的地联盟峰会                                </a>
                            </p>
                            <span class="text-xs">2021-12-17</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/jump-944-487717.html" >
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20211217/b769f7e47e0214a92c93c4baac4f26fc.png?x-oss-process=image/resize,m_fill,w_86,h_86" alt="第七届长三角慢生活旅游峰会暨第五届长三角慢生活旅游目的地联盟峰会">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/jump-944-487716.html" class="line-clamp-3 group-hover:text-[#3084e1]" title="第三届中国长三角（盐城大纵湖）微电影大赛作品征集活动">
                                    第三届中国长三角（盐城大纵湖）微电影大赛作品征集活动                                </a>
                            </p>
                            <span class="text-xs">2021-07-12</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/jump-944-487716.html" >
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20210712/4b9542deee49b84fd268a80c2ec0e2c9.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="第三届中国长三角（盐城大纵湖）微电影大赛作品征集活动">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/jump-944-487714.html" class="line-clamp-3 group-hover:text-[#3084e1]" title="第二届中国长三角（盐城大纵湖）微电影大赛颁奖盛典">
                                    第二届中国长三角（盐城大纵湖）微电影大赛颁奖盛典                                </a>
                            </p>
                            <span class="text-xs">2021-05-28</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/jump-944-487714.html" >
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20210528/dfee5ec25b0ad58b2c8f3f3744faac95.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="第二届中国长三角（盐城大纵湖）微电影大赛颁奖盛典">
                            </a>
                        </div>
                    </li>
                                    </ul>
            </div>

            <div class="i-live p-6 bg-[#f0f9ff] my-6">
                <div class="side-title">
                    <div class="txt">直播</div>
                    <a aria-label="视频直播" href="//www.csjcs.com/news/list/289.html" class="more">
                        <span class="hidden">视频直播</span>
                        <span>more</span>
                    </a>
                </div>
                                <div class="h-[140px] mt-7 relative overflow-hidden group">
                    <a href="//www.csjcs.com/news/show/daa749aff6b7be8f.html">
                        <img class="transition group-hover:scale-110 lazyload" width="234" height="140" data-src="https://cdn.csjcs.com/d/file/20250212/132518c4740d6d13989e97a9c21af7ab.jpg?x-oss-process=image/resize,m_fill,w_234,h_140" alt="DeepSeek时代的文学现场交锋">
                    </a>
                    <h3 class="absolute w-full bottom-0 left-0  bg-gradient-to-t from-black to-transparent">
                        <a href="//www.csjcs.com/news/show/daa749aff6b7be8f.html" title="DeepSeek时代的文学现场交锋"
                           class="p-4 text-white block leading-5 font-bold">DeepSeek时代的文学现场交锋</a>
                    </h3>
                </div>
                                <ul>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm line-clamp-3 font-bold group-hover:text-[#3084e1]">
                                <a href="//www.csjcs.com/news/show/295dd92eb07836bc.html"  title="2024长三角慢生活旅游发展大会">2024长三角慢生活旅游发展大会</a>
                            </p>
                            <span class="text-xs">2024-11-09</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/295dd92eb07836bc.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20241106/d6ccf819af85883c989a94217a274815.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="2024长三角慢生活旅游发展大会">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm line-clamp-3 font-bold group-hover:text-[#3084e1]">
                                <a href="//www.csjcs.com/news/show/289/112_0.html"  title="2023长三角慢生活旅游发展大会">2023长三角慢生活旅游发展大会</a>
                            </p>
                            <span class="text-xs">2023-11-25</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/289/112_0.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20231124/83153209beec40c64a226695e7a22ed5.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="2023长三角慢生活旅游发展大会">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm line-clamp-3 font-bold group-hover:text-[#3084e1]">
                                <a href="//www.csjcs.com/news/show/289/111_0.html"  title="南京江北新区第七届盘城葡萄节 线上新闻发布会">南京江北新区第七届盘城葡萄节 线上新闻发布会</a>
                            </p>
                            <span class="text-xs">2023-08-08</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/289/111_0.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20230810/907c5ca0d2243f18a733ca3de23eb37c.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="南京江北新区第七届盘城葡萄节 线上新闻发布会">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm line-clamp-3 font-bold group-hover:text-[#3084e1]">
                                <a href="//www.csjcs.com/news/show/289/108_0.html"  title="首届长三角慢生活旅游高峰论坛">首届长三角慢生活旅游高峰论坛</a>
                            </p>
                            <span class="text-xs">2023-03-18</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/289/108_0.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20230316/f248348fc32b231c1db2137f35c83d86.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="首届长三角慢生活旅游高峰论坛">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm line-clamp-3 font-bold group-hover:text-[#3084e1]">
                                <a href="//www.csjcs.com/news/show/289/105_0.html"  title="直播|第十七届中国洪泽湖大闸蟹节开幕式">直播|第十七届中国洪泽湖大闸蟹节开幕式</a>
                            </p>
                            <span class="text-xs">2022-09-28</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/289/105_0.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20221024/a58f2a853f0019ac40f64380d345d8aa.png?x-oss-process=image/resize,m_fill,w_86,h_86" alt="直播|第十七届中国洪泽湖大闸蟹节开幕式">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm line-clamp-3 font-bold group-hover:text-[#3084e1]">
                                <a href="//www.csjcs.com/news/show/289/103_0.html"  title="第二届中国长三角(盐城大纵湖)微电影大赛颁奖盛典">第二届中国长三角(盐城大纵湖)微电影大赛颁奖盛典</a>
                            </p>
                            <span class="text-xs">2021-04-30</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/289/103_0.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20210528/2afa9dcf9470acce194679628ac54436.png?x-oss-process=image/resize,m_fill,w_86,h_86" alt="第二届中国长三角(盐城大纵湖)微电影大赛颁奖盛典">
                            </a>
                        </div>
                    </li>
                                    </ul>
            </div>

            <div class="ver03"><a href="https://www.csjcs.com/news/list/50.html"><img class="w-full" src="/assets/2023/images/adver04.jpg" alt=""></a></div>

            <div class="i-topic p-6 bg-[#f0f9ff] mt-6">
                <div class="side-title">
                    <div class="txt">专题</div>
                    <a aria-label="专题" href="//www.csjcs.com/s/zt/" class="more">
                        <span class="hidden">专题</span>
                        <span>more</span>
                    </a>
                </div>
                                <div class="h-[140px] mt-7 relative overflow-hidden group">
                    <a href="//www.csjcs.com/s/mggs">
                        <img class="transition group-hover:scale-110 lazyload" width="234" height="140" data-src="https://cdn.csjcs.com/d/file/20250409/9f865e06662620a863e3590f8f97de63.jpg?x-oss-process=image/resize,m_fill,w_234,h_140"
                             alt="美国“对等关税”冲击全球贸易规则">
                    </a>
                    <h3 class="absolute w-full bottom-0 left-0  bg-gradient-to-t from-black to-transparent">
                        <a href="//www.csjcs.com/s/mggs" class="p-4 text-white block leading-5 font-bold" title="美国“对等关税”冲击全球贸易规则">
                            美国“对等关税”冲击全球贸易规则                        </a>
                    </h3>
                </div>
                                <ul>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm">
                                <a href="//www.csjcs.com/s/2025qglh"  class="line-clamp-3 group-hover:text-[#3084e1] font-bold" title="坚定信心 团结奋斗——聚焦2025全国两会">
                                    坚定信心 团结奋斗——聚焦2025全国两会                                </a>
                            </p>
                            <span class="text-xs">2025-03-03</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/s/2025qglh">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250303/068bc0e2b1357a1360b34a7ad49e015a.png?x-oss-process=image/resize,m_fill,w_86,h_86"
                                     width="86" height="86"
                                     alt="坚定信心 团结奋斗——聚焦2025全国两会">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm">
                                <a href="//www.csjcs.com/s/1032"  class="line-clamp-3 group-hover:text-[#3084e1] font-bold" title="叙利亚变局：叙利亚未来前景如何？">
                                    叙利亚变局：叙利亚未来前景如何？                                </a>
                            </p>
                            <span class="text-xs">2024-12-09</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/s/1032">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20241209/41fa627480f214cd905a60b4b5a2646c.png?x-oss-process=image/resize,m_fill,w_86,h_86"
                                     width="86" height="86"
                                     alt="叙利亚变局：叙利亚未来前景如何？">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm">
                                <a href="//www.csjcs.com/s/1031"  class="line-clamp-3 group-hover:text-[#3084e1] font-bold" title="美国大选结果，会对世界局势产生什么影响？">
                                    美国大选结果，会对世界局势产生什么影响？                                </a>
                            </p>
                            <span class="text-xs">2024-11-05</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/s/1031">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20241105/fd5d37869a7e0d8928d161e12d6a699c.png?x-oss-process=image/resize,m_fill,w_86,h_86"
                                     width="86" height="86"
                                     alt="美国大选结果，会对世界局势产生什么影响？">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm">
                                <a href="//www.csjcs.com/s/1030"  class="line-clamp-3 group-hover:text-[#3084e1] font-bold" title="房贷利率调整，对楼市影响几何？">
                                    房贷利率调整，对楼市影响几何？                                </a>
                            </p>
                            <span class="text-xs">2024-10-30</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/s/1030">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20241030/34e58b72c1bdb56695086ecec31eca06.png?x-oss-process=image/resize,m_fill,w_86,h_86"
                                     width="86" height="86"
                                     alt="房贷利率调整，对楼市影响几何？">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm">
                                <a href="//www.csjcs.com/s/2024qglh"  class="line-clamp-3 group-hover:text-[#3084e1] font-bold" title="2024年全国两会｜筑梦现代化 共绘新图景">
                                    2024年全国两会｜筑梦现代化 共绘新图景                                </a>
                            </p>
                            <span class="text-xs">2024-03-04</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/s/2024qglh">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20240304/589aec1a65d5d707a23e97499c02fe02.jpg?x-oss-process=image/resize,m_fill,w_86,h_86"
                                     width="86" height="86"
                                     alt="2024年全国两会｜筑梦现代化 共绘新图景">
                            </a>
                        </div>
                    </li>
                                    </ul>
            </div>
        </div>
    </div>

</div>
</div>
<footer class="pt-10 clear-both">
    <div class="bg-zinc-50">
        <div class="container py-9 i-box">
            <div class="i-main">
                <p class="text-lg font-bold pl-7">友情链接</p>
                <div class="pl-7 pt-7 flex flex-wrap gap-3 text-base text-[#4a4a4a]">
                    <a href="https://www.jfdaily.com" rel="nofollow" target="_blank">
                        解放日报
                    </a>
                    <a href="http://www.shanghaidaily.com/" rel="nofollow" target="_blank">
                        上海日报
                    </a>
                    <a href="http://xmwb.xinmin.cn" rel="nofollow" target="_blank">
                        新民晚报
                    </a>
                    <a href="http://www.osportsmedia.com" rel="nofollow" target="_blank">
                        东方体育日报
                    </a>
                    <a href="http://xh.xhby.net" rel="nofollow" target="_blank">
                        新华日报
                    </a>
                    <a href="http://www.yangtse.com" rel="nofollow" target="_blank">
                        扬子晚报
                    </a>
                    <a href="http://dz.xdkb.net/" rel="nofollow" target="_blank">
                        现代快报
                    </a>
                    <a href="http://jlwb.njnews.cn" rel="nofollow" target="_blank">
                        金陵晚报
                    </a>
                    <a href="http://zjrb.zjol.com.cn" rel="nofollow" target="_blank">
                        浙江日报
                    </a>
                    <a href="http://qjwb.zjol.com.cn" rel="nofollow" target="_blank">
                        钱江晚报
                    </a>
                    <a href="http://jrzb.zjol.com.cn" rel="nofollow" target="_blank">
                        今日早报
                    </a>
                    <a href="http://zjfzb.zjol.com.cn" rel="nofollow" target="_blank">
                        浙江法制报
                    </a>
                    <a href="http://anhuinews.com" rel="nofollow" target="_blank">
                        安徽日报
                    </a>
                    <a href="http://www.eastday.com" rel="nofollow" target="_blank">
                        东方网
                    </a>
                    <a href="http://www.jschina.com.cn" rel="nofollow" target="_blank">
                        中国江苏网
                    </a>
                    <a href="http://www.longhoo.net" rel="nofollow" target="_blank">
                        龙虎网
                    </a>
                    <a href="http://www.zjol.com.cn" rel="nofollow" target="_blank">
                        浙江在线
                    </a>
                    <a href="https://www.jcxx.wang" target="_blank">
                        中国决策信息网
                    </a>
                    <a href="https://www.csjwdy.cn/" target="_blank">
                        长三角微电影
                    </a>
                    <a href="http://www.yrdart.com/" target="_blank">
                        长三角美术家网
                    </a>
                </div>
            </div>
            <div class="i-side flex pt-4 text-sm font-bold text-center text-[#666666]">
                <div class="pl-10">
                    <img src="//www.csjcs.com/assets/2023/images/code01.jpg" width="92" height="92" alt="关注公众号">
                    <span class="pt-2">关注公众号</span>
                </div>
                <div class="pl-10">
                    <img src="//www.csjcs.com/assets/2023/images/code02.jpg" width="92" height="92" alt="关注公众号">
                    <span class="pt-2">关注公众号</span>
                </div>
            </div>
        </div>
    </div>
    <div class="text-center text-sm bg-[#ebebeb] leading-8 text-[#6f7885] py-8">
        <div class="container">
            <p>
                <a href="/">首页</a> |
                <a href="/about/">关于我们</a> |
                <a href="/about/business.html">业务合作</a>  |
                <a href="/about/join.html">诚聘英才</a> |
                <a href="/about/contact.html">联系我们</a>
            </p>
            <p>Copyright © 2008 - 2023 南京睿山文化传媒体有限公司 All Rights Reserved
                <a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">苏ICP备15052680号</a>
                <a href="https://www.csjcs.com/icp/5583511736766464.jpg"> 增值电信业务经营许可证：苏B2-20160410</a>
            </p>
            <p>
                <a href="https://www.csjcs.com/icp/1166.jpg">广播电视节目制作经营许可证（苏）字第01166号 </a>
                <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32010202010025" target="_blank"
                   rel="nofollow">公安部备案：32010202010025号 </a>
                <a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">APP备案号：苏ICP备15052680号-12A</a>
            </p>
        </div>
    </div>
</footer>

<div class="index-mask" x-cloak x-data x-show="$store.showMask" @scroll.window.throttle.750ms="handleScroll">
    <div class="qrcode-img" x-html="$store.qrcode"></div>
</div>
<script>
    document.addEventListener('lazybeforeunveil', function(e){
        var bg = e.target.getAttribute('data-bg');
        if(bg){
            e.target.style.backgroundImage = 'url(' + bg + ')';
        }
    });

    function handleEvent(swiper){
        let el = swiper.el
        let $prevEl = el.querySelector(".swiper-button-prev")
        let $nextEl = el.querySelector(".swiper-button-next")

        if(!$prevEl || !$nextEl){
            return false
        }

        el.onmouseover = function(){
            $prevEl.classList.remove('swiper-button-hidden');
            $nextEl.classList.remove('swiper-button-hidden');
        }
        el.onmouseout = function(){
            $nextEl.classList.add('swiper-button-hidden')
            $prevEl.classList.add('swiper-button-hidden');
        }
    }

    ['recommend', 'city', 'happy', 'focus', 'culture', 'media'].map((id) => {
        new Swiper(`.${id}-banner`, {
            loop: true,
            autoplay: {
                pauseOnMouseEnter: true,
                disableOnInteraction: false,
            },
            lazy: {
                loadPrevNext: true,
            },
            pagination: {
                el: `.swiper-pagination-${id}`,
                clickable :true,
            },
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            },
            on:{
                init:function (swiper){
                    handleEvent(swiper)
                }
            }
        });
    })
    new Swiper(`.ver01-banner`, {
        loop: true,
        autoplay: {
            pauseOnMouseEnter: true,
            disableOnInteraction: false,
        },
        lazy: {
            loadPrevNext: true,
        },
        pagination: {
            el: `.swiper-pagination-ver01`,
            clickable :true,
        }
    });
</script>
<script src="/assets/plug/qrcode/1.4.4/qrcode.min.js"></script>
<script src="/assets/plug/store2/store2.min.js"></script>
<script>
    const fpPromise = import('/assets/plug/fingerprintjs/4.0.1/fp.cjs.min.js').then(FingerprintJS => FingerprintJS.load())
    let visitorId = null;
    fpPromise.then(fp => fp.get()).then(result => {
        visitorId = result.visitorId
    }).catch(err => {
        visitorId = function(){
            if(store.get('uuid')){
                return cookie('uuid');
            }
            var temp_url = URL.createObjectURL(new Blob());
            var uuidTemp = temp_url.toString();
            URL.revokeObjectURL(temp_url);
            let uuid = uuidTemp.substring(uuidTemp.lastIndexOf("/") + 1);
            store.set('uuid', uuid)
            return uuid
        }
    })

    let showData;
    let handleScroll = function(){
        showData && showData.closeQrcode()
    }
    document.addEventListener('alpine:init', () => {
        Alpine.store('showMask', false)
        Alpine.store('qrcode', '')
        Alpine.data('voteData', (json = {}) => ({
                exp : 3 * 24 * 60 * 60,
                iconUpvote: false,
                iconDownvote: false,
                open: false,
                qrcode: null,
                init(){
                    Object.assign(this, json)
                    this.$watch('vote', (value) => {
                        this.iconUpvote = value !== 'up'
                        this.iconDownvote = value !== 'down'
                    })
                    this.vote = store.get(this.voteName)

                }
                ,changeVote(event) {
                    let item = this
                    let v = store.get(item.voteName);
                    if (v === event) {
                        return;
                    }
                    let json = {
                        id : item.id,
                        class: item.class,
                        type: item.type,
                        likes : event === 'up' ? 1 : 0,
                        uuid : visitorId
                    }

                    var myHeaders = new Headers();
                    myHeaders.append("Content-Type", "application/json");
                    var raw = JSON.stringify(json);
                    var requestOptions = {
                        method: 'POST',
                        headers: myHeaders,
                        body: raw,
                        redirect: 'follow'
                    };
                    fetch("https://api.csjcs.com/api/vote", requestOptions).then(response => response.json())
                        .then(result => {
                            if(result.status === 200){
                                if (event === 'up') {
                                    ++item.voteUpCount;
                                    if (v !== event && item.voteDownCount > 0) {
                                        --item.voteDownCount;
                                    }
                                } else if (event === 'down') {
                                    ++item.voteDownCount;
                                    if (v !== event && item.voteUpCount > 0) {
                                        --item.voteUpCount;
                                    }
                                }
                                item.vote = event;
                                store.set(item.voteName, event, item.exp);
                            }
                        })
                        .catch(error => console.log('error', error));
                }
                ,generateQRcode(){
                    let item = this
                    showData = item
                    if(item.qrcode){
                        Alpine.store('qrcode', item.qrcode)
                        Alpine.store('showMask', true)
                        item.open = true
                        return
                    }
                    const opts = {
                        errorCorrectionLevel: 'H',
                        type: 'image/jpeg',
                        quality: 0.3,
                        margin: 1,
                        width: 240,
                        height: 240
                    };
                    QRCode.toDataURL(item.url, opts, function (err, url) {
                        if (err) throw err
                        item.qrcode = `<img src="${url}" alt="qrcode">`
                        Alpine.store('qrcode', item.qrcode)

                        if(!item.open){
                            Alpine.store('showMask', true)
                            item.open = true
                        }
                    })
                }
                ,closeQrcode(){
                    showData = null
                    this.open = false
                    Alpine.store('qrcode', '')
                    Alpine.store('showMask', false)
                }
            })
        )
        Alpine.data('weatherData', ()=> ({
                weather:{},
                list: [],
                cities: [],
                countys: [],
                province: '',
                city: '',
                county: '',
                dates : [ '今天', '明天', '后天'],
                open: false,
                init() {
                    this.getWeather()
                    this.$watch('province', (value) => {
                        let item =  this.list.find((v) => v.v == value)
                        this.cities = item.c || [];
                        this.city = this.cities[0].v
                    })

                    this.$watch('city', (value) => {
                        let item =  this.cities.find((v) => v.v == value)
                        this.countys = item.c || [];
                        this.county = this.countys[0].v
                    })
                },
                getWeather(force = false){
                    let weather = store.get('weather')
                    if(!force && weather){
                        this.weather = weather
                    }else{
                        let city_id = store.get('city_id')
                        let api = "https://api.csjcs.com/api/weather"
                        if(city_id){
                            api += "?city_id=" + city_id
                        }
                        fetch(api, { method: 'GET' })
                            .then(response => response.json())
                            .then(result => {
                                this.weather = result.data
                                store.set('weather', result.data , 300)
                            })
                            .catch(error => console.log('error', error));
                    }
                },
                changeCity(){
                    store.set('city_id', this.county)
                    this.getWeather(true)
                    this.open = false
                },
                selectCity(){
                    if(!this.list.length){
                        let list = store.get('city_list')
                        if(list){
                            this.list = list
                            this.cities = list[0].c || []
                            this.city = this.cities[0].v
                            this.countys = this.cities[0].c || []
                        }else{
                            fetch("https://api.csjcs.com/api/city_list", { method: 'GET' })
                                .then(response => response.json())
                                .then(result => {
                                    store.set('city_list', result.data)
                                    this.list = result.data
                                    this.cities = this.list[0].c || []
                                    this.city = this.cities[0].v
                                    this.countys = this.cities[0].c || []
                                })
                                .catch(error => console.log(error));
                        }
                    }
                    this.open = true
                }
            })
        )
    })

</script>

</body>
</html>