<!-- 2025-06-16 09:20:34-->
<!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/1048_0.html" class="he">[淮南新闻]</a><a href="https://www.csjcs.com/news/show/893c7993f01b3a04.html" target="_blank" title="全市采煤沉陷区生态养殖牧场建设试点现场会召开">全市采煤沉陷区生态养殖牧场建设试点现场会</a></li><li><a href="https://www.csjcs.com/news/list/1048_0.html" class="he">[淮南新闻]</a><a href="https://www.csjcs.com/news/show/894ce1c100e1269c.html" target="_blank" title="铁路无人监护道口应急演练举行">铁路无人监护道口应急演练举行</a></li><li><a href="https://www.csjcs.com/news/list/1048_0.html" class="he">[淮南新闻]</a><a href="https://www.csjcs.com/news/show/896a0e9a691d4971.html" target="_blank" title="确保人防工程防护设备质量和安全">确保人防工程防护设备质量和安全</a></li><li><a href="https://www.csjcs.com/news/list/1048_0.html" class="he">[淮南新闻]</a><a href="https://www.csjcs.com/news/show/897eb6092b0379bb.html" target="_blank" title="全链条闭环监管织密肉制品安全网">全链条闭环监管织密肉制品安全网</a></li><li><a href="https://www.csjcs.com/news/list/1048_0.html" class="he">[淮南新闻]</a><a href="https://www.csjcs.com/news/show/8957c33906288284.html" target="_blank" title="“亲清”护企监督赋能 营商环境优化提升">“亲清”护企监督赋能 营商环境优化提升</a></li><li><a href="https://www.csjcs.com/news/list/1048_0.html" class="he">[淮南新闻]</a><a href="https://www.csjcs.com/news/show/898b8fe8a02494e9.html" target="_blank" title="12345热线：为民服务情暖你我他">12345热线：为民服务情暖你我他</a></li><li><a href="https://www.csjcs.com/news/list/466_0.html" class="he">[宿迁要闻]</a><a href="https://www.csjcs.com/news/show/573c0b9d8169da2e.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/552b408bb481d9e8.html" target="_blank" title="海门30户困境儿童的“家”焕新">海门30户困境儿童的“家”焕新</a></li><li><a href="https://www.csjcs.com/news/list/625_0.html" class="he">[滁州要闻]</a><a href="https://www.csjcs.com/news/show/8815df855ccd042b.html" target="_blank" title="明光着力打造“四能”组工干部队伍">明光着力打造“四能”组工干部队伍</a></li><li><a href="https://www.csjcs.com/news/list/466_0.html" class="he">[宿迁要闻]</a><a href="https://www.csjcs.com/news/show/5607aeedf19f8c66.html" target="_blank" title="重点项目建设“加速跑”黄河故道生态富民廊道蓄势腾飞">重点项目建设“加速跑”黄河故道生态富民廊</a></li><li><a href="https://www.csjcs.com/news/list/625_0.html" class="he">[滁州要闻]</a><a href="https://www.csjcs.com/news/show/8936f41791919420.html" target="_blank" title="创新生态孵化“智造星”">创新生态孵化“智造星”</a></li><li><a href="https://www.csjcs.com/news/list/525_0.html" class="he">[湖州要闻]</a><a href="https://www.csjcs.com/news/show/6267dd05a8b1a36b.html" target="_blank" title="湖州上榜“美好宜居”典范城市">湖州上榜“美好宜居”典范城市</a></li><li><a href="https://www.csjcs.com/news/list/625_0.html" class="he">[滁州要闻]</a><a href="https://www.csjcs.com/news/show/900f568c16c7eca9.html" target="_blank" title="定远加强选派干部管理助力基层治理">定远加强选派干部管理助力基层治理</a></li><li><a href="https://www.csjcs.com/news/list/625_0.html" class="he">[滁州要闻]</a><a href="https://www.csjcs.com/news/show/86c126503e431694.html" target="_blank" title="滁州市5月份居民消费指数同比下降0.6%">滁州市5月份居民消费指数同比下降0.6%</a></li><li><a href="https://www.csjcs.com/news/list/466_0.html" class="he">[宿迁要闻]</a><a href="https://www.csjcs.com/news/show/60282d73bd36f374.html" target="_blank" title="“十项行动”赋能城市管理 “绣花功夫”织就幸福图景">“十项行动”赋能城市管理 “绣花功夫”织</a></li><li><a href="https://www.csjcs.com/news/list/466_0.html" class="he">[宿迁要闻]</a><a href="https://www.csjcs.com/news/show/5917cc681667e388.html" target="_blank" title="“家门口”就业托起稳稳的幸福">“家门口”就业托起稳稳的幸福</a></li><li><a href="https://www.csjcs.com/news/list/466_0.html" class="he">[宿迁要闻]</a><a href="https://www.csjcs.com/news/show/58ec19cf5697dcad.html" target="_blank" title="泗阳“科创英雄贷”为科技企业注入金融“活水”">泗阳“科创英雄贷”为科技企业注入金融“活</a></li><li><a href="https://www.csjcs.com/news/list/505_0.html" class="he">[温州要闻]</a><a href="https://www.csjcs.com/news/show/79d8b8b79809e45f.html" target="_blank" title="浙江省体育竞赛中心与龙湾区政府战略签约">浙江省体育竞赛中心与龙湾区政府战略签约</a></li><li><a href="https://www.csjcs.com/news/list/525_0.html" class="he">[湖州要闻]</a><a href="https://www.csjcs.com/news/show/649112a94ee10436.html" target="_blank" title="湖州在全省首创供销为农服务新模式 “农立方”让农户轻装上阵">湖州在全省首创供销为农服务新模式 “农立</a></li><li><a href="https://www.csjcs.com/news/list/525_0.html" class="he">[湖州要闻]</a><a href="https://www.csjcs.com/news/show/6351999c494e09b0.html" target="_blank" title="湖州市护航竹木草制品梅雨季顺利“出海”">湖州市护航竹木草制品梅雨季顺利“出海”</a></li><li><a href="https://www.csjcs.com/news/list/525_0.html" class="he">[湖州要闻]</a><a href="https://www.csjcs.com/news/show/651033f0f5b77c46.html" target="_blank" title="湖州市2025年度中小企业服务月启动">湖州市2025年度中小企业服务月启动</a></li><li><a href="https://www.csjcs.com/news/list/505_0.html" class="he">[温州要闻]</a><a href="https://www.csjcs.com/news/show/772c0824f98eed20.html" target="_blank" title="温州成立咖啡协会助力时尚消费">温州成立咖啡协会助力时尚消费</a></li><li><a href="https://www.csjcs.com/news/list/505_0.html" class="he">[温州要闻]</a><a href="https://www.csjcs.com/news/show/789bc2613a75a926.html" target="_blank" title="平阳1-5月外贸增速达27.7%">平阳1-5月外贸增速达27.7%</a></li><li><a href="https://www.csjcs.com/news/list/595_0.html" class="he">[芜湖要闻]</a><a href="https://www.csjcs.com/news/show/74255f868b50f281.html" target="_blank" title="芜湖腾盾大型四发商用无人机总装产线正式投产">芜湖腾盾大型四发商用无人机总装产线正式投</a></li><li><a href="https://www.csjcs.com/news/list/187_0.html" class="he">[合肥要闻]</a><a href="https://www.csjcs.com/news/show/00c0b97ed66f512b.html" target="_blank" title="合肥荣获“美好焕新典范城市”">合肥荣获“美好焕新典范城市”</a></li><li><a href="https://www.csjcs.com/news/list/625_0.html" class="he">[滁州要闻]</a><a href="https://www.csjcs.com/news/show/833b17eaf1c2cbbb.html" target="_blank" title="吴劲率队深入琅琊区部分考点和滁州市国家教育考试考务指挥中心开展2025年中考巡考工作">吴劲率队深入琅琊区部分考点和滁州市国家教</a></li><li><a href="https://www.csjcs.com/news/list/505_0.html" class="he">[温州要闻]</a><a href="https://www.csjcs.com/news/show/759ebc4620c781d9.html" target="_blank" title="温州市已完成152个行政村管线序化">温州市已完成152个行政村管线序化</a></li><li><a href="https://www.csjcs.com/news/list/505_0.html" class="he">[温州要闻]</a><a href="https://www.csjcs.com/news/show/7673235ac1769036.html" target="_blank" title="温州新增8家全省重点实验室">温州新增8家全省重点实验室</a></li><li><a href="https://www.csjcs.com/news/list/625_0.html" class="he">[滁州要闻]</a><a href="https://www.csjcs.com/news/show/845cfdea4a5bd2af.html" target="_blank" title="胡春华赴南谯区部分考点和滁州市国家教育考试考务指挥中心开展2025年中考巡考工作">胡春华赴南谯区部分考点和滁州市国家教育考</a></li><li><a href="https://www.csjcs.com/news/list/625_0.html" class="he">[滁州要闻]</a><a href="https://www.csjcs.com/news/show/854ae22b27d3fa0e.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':57,'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':56,'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':43,'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/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-[#3084e1] 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 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/5e024207585b5f57.html"
                                   class="line-clamp-2 leading-7 font-bold group-hover:text-[#3084e1]">
                                    南部战区：任何搅局南海、制造热点的军事活动尽在掌握                                </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/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  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':55,'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">55</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 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/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':54,'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">54</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/1728fa9ca1edd3bb.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250616/03e3cc1b7cb42e66ba14a0943151ea58.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/1728fa9ca1edd3bb.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">以总理：如伊朗放弃核计划，以色列愿停止行动</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1928817','type':1,'vote':0,'url':'/news/show/1728fa9ca1edd3bb.html','voteUpCount':52,'voteDownCount':'','voteName':'vote-1928817141','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">52</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/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':51,'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':52,'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 class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/2124a9e0741777cb.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/004ad03fc9b59de1b117ad04b4228e61.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/004ad03fc9b59de1b117ad04b4228e61.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':'1928821','type':1,'vote':0,'url':'/news/show/2124a9e0741777cb.html','voteUpCount':47,'voteDownCount':'','voteName':'vote-1928821134','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/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  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':45,'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">45</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 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/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':51,'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">51</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  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':55,'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">55</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/15305acb3cc55291.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     width="190" height="156"
                                     data-src="https://cdn.csjcs.com/d/file/20250616/42c599c619662360def07992539f356b.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/15305acb3cc55291.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    被“造梗”的江苏，标志多元                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1928815','type':1,'vote':0,'url':'/news/show/15305acb3cc55291.html','voteUpCount':47,'voteDownCount':'','voteName':'vote-1928815134','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">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>
            </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/002b805fa6da054a.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/a82e743ee8f1e2ecbe43100e049a91ba.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/a82e743ee8f1e2ecbe43100e049a91ba.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':'1928300','type':1,'vote':0,'url':'/news/show/002b805fa6da054a.html','voteUpCount':283,'voteDownCount':'','voteName':'vote-1928300356','class':'356'})" @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/99469567ad531df1.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/3b5e2047d115eacaedce7808c2b5734a.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/3b5e2047d115eacaedce7808c2b5734a.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':'1928299','type':1,'vote':0,'url':'/news/show/99469567ad531df1.html','voteUpCount':167,'voteDownCount':'','voteName':'vote-1928299625','class':'625'})" @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/9804ac5ceec6f9bf.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/e9540d5dfa18ecb76fe0e903d04a7655.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/e9540d5dfa18ecb76fe0e903d04a7655.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':'1928298','type':1,'vote':0,'url':'/news/show/9804ac5ceec6f9bf.html','voteUpCount':163,'voteDownCount':'','voteName':'vote-1928298334','class':'334'})" @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/97ffedab59356d79.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250613/75946ceb335a8790276684e0a1efe83f.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-13                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[84px]">
                                <a href="//www.csjcs.com/news/show/97ffedab59356d79.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">江山“出列”，底气何在</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1928297','type':1,'vote':0,'url':'/news/show/97ffedab59356d79.html','voteUpCount':314,'voteDownCount':'','voteName':'vote-1928297545','class':'545'})">
    <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">314</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/29626545ed13e0e2.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250613/0771c47d04a98b238ac0265b1ba40106.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-[56px]">
                                <a href="//www.csjcs.com/news/show/29626545ed13e0e2.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">“家里有矿”的皖北双城，如何答好转型之问?</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1928296','type':1,'vote':0,'url':'/news/show/29626545ed13e0e2.html','voteUpCount':151,'voteDownCount':'','voteName':'vote-19282961048','class':'1048'})">
    <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">151</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/67a88fda1d7f4ff9.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/2025-06-13/202506131013297977.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-13                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/67a88fda1d7f4ff9.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">杭州临安“定制公交”跑出便民惠企“加速度”</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1928267','type':1,'vote':0,'url':'/news/show/67a88fda1d7f4ff9.html','voteUpCount':940,'voteDownCount':'','voteName':'vote-1928267476','class':'476'})">
    <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">940</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/13cece2dc47111ce.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250613/f7a9de25b755221e2ff31ef1b4d748c4.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-[56px]">
                                <a href="//www.csjcs.com/news/show/13cece2dc47111ce.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">“马洲艺才卡”赋能靖江文艺事业蓬勃发展</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1928213','type':1,'vote':0,'url':'/news/show/13cece2dc47111ce.html','voteUpCount':5826,'voteDownCount':'','voteName':'vote-1928213416','class':'416'})">
    <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">5826</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/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':230,'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':389,'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 class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/320e030eae98213f.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/168d490341e97a2dffb6bf7fa9c0112a.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/168d490341e97a2dffb6bf7fa9c0112a.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':'1499032','type':1,'vote':0,'url':'/news/show/320e030eae98213f.html','voteUpCount':169,'voteDownCount':'','voteName':'vote-1499032105','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/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 blue text-[#757575] leading-4">
                                2025-06-12                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <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':211,'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">211</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  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':476,'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">476</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 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/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':288,'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">288</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/1272ab787b3e0ef5.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     data-src="https://cdn.csjcs.com/d/file/20250611/540ec33c583c3cf1fd9e54aed490d27e.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-11                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/1272ab787b3e0ef5.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    美丽乡村涨了“国际粉” 安吉创新发展入境旅游                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1499012','type':1,'vote':0,'url':'/news/show/1272ab787b3e0ef5.html','voteUpCount':240,'voteDownCount':'','voteName':'vote-1499012105','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">240</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/684c9e64f4bd2311.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/9093a4c2d7d7e0979c52f04d7d302aa2.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/9093a4c2d7d7e0979c52f04d7d302aa2.jpg?x-oss-process=image/resize,m_fill,w_594,h_325"
                                                 alt="上海图书馆“红色印迹”展精选200余幅珍贵图像文献">
                                            <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">
                                                上海图书馆“红色印迹”展精选200余幅珍贵图像文献</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1928268','type':1,'vote':0,'url':'/news/show/684c9e64f4bd2311.html','voteUpCount':168,'voteDownCount':'','voteName':'vote-1928268804','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 class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/20f48b264e9f2232.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/15c8536a33d64e8234b88c16cde6b0a4.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/15c8536a33d64e8234b88c16cde6b0a4.jpg?x-oss-process=image/resize,m_fill,w_594,h_325"
                                                 alt="第27届上海国际电影节今启大幕">
                                            <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">
                                                第27届上海国际电影节今启大幕</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1928220','type':1,'vote':0,'url':'/news/show/20f48b264e9f2232.html','voteUpCount':164,'voteDownCount':'','voteName':'vote-1928220804','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 class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/18f1d3a2e7de31cd.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/cfdcd0639a8fec8e8056dfbc8f9ff414.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/cfdcd0639a8fec8e8056dfbc8f9ff414.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':'1928218','type':1,'vote':0,'url':'/news/show/18f1d3a2e7de31cd.html','voteUpCount':158,'voteDownCount':'','voteName':'vote-1928218806','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>
                            <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/07304131ba6ab419.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250612/dfa91dcfe70c1dc1e1f6e5919aefd20b.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-12                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[84px]">
                                <a href="//www.csjcs.com/news/show/07304131ba6ab419.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">黄山市徽州区：“一村一档”留住古村乡愁</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1927507','type':1,'vote':0,'url':'/news/show/07304131ba6ab419.html','voteUpCount':215,'voteDownCount':'','voteName':'vote-1927507804','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">215</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/767d0158bd6953dc.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250612/cfaae19f6020d281f43161130d97515a.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-12                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/767d0158bd6953dc.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">百年“电影之城”世界光影交汇</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1927476','type':1,'vote':0,'url':'/news/show/767d0158bd6953dc.html','voteUpCount':194,'voteDownCount':'','voteName':'vote-1927476804','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">194</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/75295ae915d52ab5.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250612/8a6327d0d6bde837032b948b86429dfb.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-12                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/75295ae915d52ab5.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">老手艺与年轻力的“夏日奇遇”</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1927475','type':1,'vote':0,'url':'/news/show/75295ae915d52ab5.html','voteUpCount':386,'voteDownCount':'','voteName':'vote-1927475806','class':'806'})">
    <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">386</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/739b2d91cc7d313b.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250612/d1f2162e88ff3fe39a60522da6263aca.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-12                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/739b2d91cc7d313b.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">这座黄梅城，“观众缘”有多深</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1927473','type':1,'vote':0,'url':'/news/show/739b2d91cc7d313b.html','voteUpCount':177,'voteDownCount':'','voteName':'vote-1927473804','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">177</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':43,'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':45,'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':34,'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':40,'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">40</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':57,'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">57</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':330,'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">330</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/950aa80ed7cc43e5.html">
                        <img class="transition group-hover:scale-110 lazyload" width="234" height="140" data-src="https://cdn.csjcs.com/d/file/20250613/495cfe382a45047c55816c4736ae293b.jpeg?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/950aa80ed7cc43e5.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/9476d2e07af1ed1c.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="锚定国家战略，上海国际金融中心建设势能澎湃">
                                    锚定国家战略，上海国际金融中心建设势能澎湃                                </a>
                            </p>
                            <span class="text-xs">2025-06-13</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/9476d2e07af1ed1c.html" title="锚定国家战略，上海国际金融中心建设势能澎湃">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250613/f23411e3e68f0ed638e5b9eead53e150.jpeg?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/936d6f48392d7cb0.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="投资省内项目超1600个 浙江产业基金壮大“耐心资本”">
                                    投资省内项目超1600个 浙江产业基金壮大“耐心资本”                                </a>
                            </p>
                            <span class="text-xs">2025-06-13</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/936d6f48392d7cb0.html" title="投资省内项目超1600个 浙江产业基金壮大“耐心资本”">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250613/8732051d024a61e96d034e2bc30d6663.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="投资省内项目超1600个 浙江产业基金壮大“耐心资本”">
                            </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/929be3a111671776.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="安徽印发行动方案，加大吸引外资、稳定外资力度">
                                    安徽印发行动方案，加大吸引外资、稳定外资力度                                </a>
                            </p>
                            <span class="text-xs">2025-06-13</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/929be3a111671776.html" title="安徽印发行动方案，加大吸引外资、稳定外资力度">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250613/08a2e898fc9fd41454822571eb72cde4.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/917bbdab72fc78db.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="无锡成立跨境电商公共服务中心">
                                    无锡成立跨境电商公共服务中心                                </a>
                            </p>
                            <span class="text-xs">2025-06-13</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/917bbdab72fc78db.html" title="无锡成立跨境电商公共服务中心">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250613/4ffa4d768b5641490fa55da7594bcbd8.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/903b1fa06931bc3f.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="1至5月浙江外贸进出口同比增长6.5%">
                                    1至5月浙江外贸进出口同比增长6.5%                                </a>
                            </p>
                            <span class="text-xs">2025-06-13</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/903b1fa06931bc3f.html" title="1至5月浙江外贸进出口同比增长6.5%">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250613/689900ce20d2a726a9a07804151e8955.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="1至5月浙江外贸进出口同比增长6.5%">
                            </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/809edf4393c8cf9e.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="合肥：探路科创生态链的新范式">
                                    合肥：探路科创生态链的新范式                                </a>
                            </p>
                            <span class="text-xs">2025-06-13</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/809edf4393c8cf9e.html" title="合肥：探路科创生态链的新范式">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250613/209c5357d31dce147c29b5f4eaf50227.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/50f75fd214082a78.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="松江经开区优化营商环境构建“逆周期”吸引力">
                                    松江经开区优化营商环境构建“逆周期”吸引力                                </a>
                            </p>
                            <span class="text-xs">2025-06-13</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/50f75fd214082a78.html" title="松江经开区优化营商环境构建“逆周期”吸引力">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250613/7066f4aabd715c35ae3876d84947f0ea.jpeg?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/199393809739b67b.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="金鸡湖商务区：“经济湖”背后的亲商密码">
                                    金鸡湖商务区：“经济湖”背后的亲商密码                                </a>
                            </p>
                            <span class="text-xs">2025-06-13</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/199393809739b67b.html" title="金鸡湖商务区：“经济湖”背后的亲商密码">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250613/c1c860ed0d327c5ce998a227d2775274.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/171a6d1e931852e5.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="前5个月江苏外贸进出口同比增长5.3%">
                                    前5个月江苏外贸进出口同比增长5.3%                                </a>
                            </p>
                            <span class="text-xs">2025-06-13</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/171a6d1e931852e5.html" title="前5个月江苏外贸进出口同比增长5.3%">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250613/3384f33bcbb94ecfec8b60b5eff38710.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="前5个月江苏外贸进出口同比增长5.3%">
                            </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/127fc8d3b800f198.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="浙江金融机构优化产品和服务全力帮扶外贸企业">
                                    浙江金融机构优化产品和服务全力帮扶外贸企业                                </a>
                            </p>
                            <span class="text-xs">2025-06-13</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/127fc8d3b800f198.html" title="浙江金融机构优化产品和服务全力帮扶外贸企业">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250613/eff3586120570a2932467cd3c2aac291.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/93108e914931368d.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="金安的脆桃 怎么能一年卖出16亿元?">
                                    金安的脆桃 怎么能一年卖出16亿元?                                </a>
                            </p>
                            <span class="text-xs">2025-06-13</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/93108e914931368d.html" title="金安的脆桃 怎么能一年卖出16亿元?">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250613/ac9ccae91062ca963c9525f4eb4e9ccb.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="金安的脆桃 怎么能一年卖出16亿元?">
                            </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>