<!DOCTYPE html>
<html lang="en">

<head>
 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>卡片-专题</title>
 <style>
 * {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
 }

 img {
 vertical-align: middle;
 width: 100%;
 height: 100%;
 object-fit: cover;
 }

 body {
 font-family: "PingFangSC-Regular", "PingFang SC";
 position: relative;
 background-color: #FBFCFF; 
 /* height: 1000px; */
 }

 .container {
 padding: 30.1333vw 5.8667vw 8.8vw;
 background: url('https://app-stc.zjol.com.cn/card-share/subject/subject_bg.png') no-repeat top center / 100% auto;
 }

 .card {
 /* border-radius: 6px; */
 /* filter: drop-shadow(0px 3px 15px 0px ); */
 filter: drop-shadow(0px 0px 15px rgba(0, 92, 217, 0.27));
 }

 .card-top {
 border-top-left-radius: 1.6vw;
 border-top-right-radius: 1.6vw;
 /* overflow: hidden; */
 /* height: 200px; */
 background: white;
 /* box-shadow: 0px 3px 15px 0px rgba(0, 92, 217, 0.27); */

 }

 .cover {
 position: relative;
 height: auto;
 padding: 2.1333vw 2.1333vw 0;
 background: linear-gradient(to bottom, #3C9AFC 0%, rgba(255, 255, 255, 0.95) 100%) no-repeat top left / 100% 90%;
 overflow: hidden;
 border-top-left-radius: 1.6vw;
 border-top-right-radius: 1.6vw;
 }

 .subject-tag {
 position: absolute;
 left: 2.1333vw;
 bottom: 0;
 width: 20.8vw;
 height: 9.8667vw;
 }

 .cover-img {
 border-radius: 1.6vw;
 border-bottom-left-radius: 0;
 overflow: hidden;

 width: 100%;
 height: 100%;
 }

 .title {
 padding: 4vw 5.0667vw 0;
 font-family: PingFangSC, PingFang SC;
 font-weight: 600;
 font-size: 6.1333vw;
 color: #151515;
 line-height: 8.2667vw;

 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 }

 .card>img {
 display: block;
 height: auto;
 }

 .parting_line {
 margin-top: -1px;
 margin-bottom: -1px;
 }

 .bottom_line {
 margin-top: -1px;
 }

 .card-bottom {
 background-color: white;
 padding-right: 5.3333vw;
 /* box-shadow: 0px 3px 15px 0px rgba(0, 92, 217, 0.27); */

 }

 .article-item {
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 padding-left: 8vw;
 position: relative;
 font-family: PingFangSC, PingFang SC;
 font-weight: 400;
 font-size: 4vw;
 color: #151515;
 line-height: 5.8667vw;
 margin-bottom: 4vw;
 }

 .article-item:last-child {
 margin-bottom: 0;
 }

 .article-item::before {
 display: block;
 content: '';
 height: 1.0667vw;
 width: 1.0667vw;
 background-color: #151515;
 border-radius: 50%;
 position: absolute;
 /* left: -3.2vw; */
 left: 5.3333vw;
 top: 2.4vw;
 }

 .footer {
 position: relative;
 height: 11.7333vw;
 margin-top: 4vw;
 display: flex;
 align-items: flex-end;
 justify-content: space-between;
 }

 .footer .legend {
 line-height: 8vw;
 font-size: 3.4667vw;
 color: #151515;
 border-bottom: 0.2px solid rgba(20, 20, 20, 0.5);
 }

 .footer .qr-area {
 display: flex;
 height: 11.7333vw;
 }

 .footer .qr-area .left {
 align-self: flex-end;
 margin-right: 1.6vw;
 font-size: 3.4667vw;
 line-height: 5.0667vw;
 color: #999;
 }

 .footer .qr-area .right {
 position: relative;
 width: 11.7333vw;
 height: 11.7333vw;
 }

 .qr-area .right .qr {
 position: absolute;
 left: 0;
 top: 0;
 }

 .qr-area .right .qr-logo {
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 3.2vw;
 height: 3.2vw;
 border: 1px solid #fff;
 border-radius: .8vw;
 }
 </style>
 <script src="https://app-stc.zjol.com.cn/qrious.min.js"></script>
</head>

<body>
 <div class="container">
 <div class="card">
 <div class="card-top">
 <div class="cover">
 <img class="cover-img" />
 <img class="subject-tag" alt=""
 src="data:image/png;base64,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">
 </div>
 <h1 class="title"></h1>
 </div>
 <img class="parting_line" src="https://app-stc.zjol.com.cn/card-share/subject/noshadow_parting_line.png" />
 <div class="card-bottom">
 </div>
 <img class="bottom_line" src="https://app-stc.zjol.com.cn/card-share/subject/noshadow_bottom.png" />
 </div>
 <div class="footer">
 <div class="legend">深耕浙江 解读中国 影响世界</div>
 <div class="qr-area">
 <div class="left">长按识别 查看详情</div>
 <div class="right">
 <img class="qr" />
 <img class="qr-logo" src="https://app-stc.zjol.com.cn/card-share/card_logo1.png" />
 </div>
 </div>
 </div>
 </div>
 <script>
 if (window.ZBJTJSBridge && typeof ZBJTJSBridge.invoke === "function") {
 window.getNewsDetailCallback = function (res) {
 const resObj = JSON.parse(res) || {};
 const article = resObj.data;
 if (article) {
 const cover = document.querySelector('body > div.container > div.card > div.card-top > div > img.cover-img')
 cover.src = article.article_pic

 const title = document.querySelector('body > div.container > div.card > div.card-top > h1')
 title.textContent = article.list_title || article.doc_title

 let articles = []
 if (article.list_style == 50) {
 if (article.subject_article_list && article.subject_article_list.length > 0) {
 articles = article.subject_article_list.slice(0, 3) || []
 }
 } else if (article.subject_groups && article.subject_groups.length > 0) {
 let len = 3
 for (let index = 0; index < article.subject_groups.length; index++) {
 const element = article.subject_groups[index];
 if (element && element.group_articles && element.group_articles.length > 0) {
 articles = articles.concat(element.group_articles.slice(0, len))
 }
 len = 3 - articles.length
 if (len <= 0) {
 break
 }
 }
 }

 if (articles.length > 0) {
 // 稿件
 const articleListEl = document.querySelector('body > div.container > div.card > div.card-bottom')
 for (let index = 0; index < articles.length; index++) {
 const subArticle = articles[index]
 // 创建新的父元素
 const articleEl = document.createElement('div');
 // 为父元素设置类名
 articleEl.classList.add('article-item');
 articleEl.setAttribute('key', `${subArticle.id}-${index}`);
 articleEl.textContent = subArticle.list_title || subArticle.doc_title
 articleListEl.appendChild(articleEl)
 }
 }

 // 二维码
 const qrEl = document.querySelector("body > div.container > div.footer > div.qr-area > div.right > img.qr")
 if (typeof QRious !== 'undefined') {
 new QRious({
 element: qrEl,
 value: article.url,
 foreground: "#183081",
 level: "M",
 size: 200,
 });
 }
 }
 delete window.getNewsDetailCallback;
 };
 ZBJTJSBridge.invoke("getNewsDetail", "", "getNewsDetailCallback");
 }
 </script>
</body>

</html>

<!DOCTYPE html>
<html lang="en">
 <head>
 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>卡片-小图</title>
 <style>
 * {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
 }
 html {
 background: white;
 }

 body {
 font-family: "PingFangSC-Regular", "PingFang SC";
 }

 img {
 vertical-align: middle;
 width: 100%;
 height: 100%;
 object-fit: cover;
 }

 .wrapper {
 padding: 9.0667vw 8vw 0;
 }

 .wrapper .logo {
 width: 33.6vw;
 height: 12.5333vw;
 margin: 0 auto;
 background: url("https://app-stc.zjol.com.cn/card-share/new_card_logo.png") no-repeat center / contain;
 }

 .wrapper .cover {
 width: 84vw;
 min-height: 21vw;
 margin-top: 6.9333vw;
 background: #f1f1f1 url("https://app-stc.zjol.com.cn/card-share/blank_bg.png") no-repeat center / 9vw 9vw;
 }

 .wrapper h1 {
 margin-top: 3.7333vw;
 color: #151515;
 font: 500 6.4vw / 9.0667vw "PingFangSC-Medium", "PingFang SC";
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 4;
 overflow: hidden;
 text-overflow: ellipsis;
 word-break: break-all;
 }

 .bottom {
 position: relative;
 height: 40.5333vw;
 margin: 5.8667vw -8vw 0;
 background: url("https://app-stc.zjol.com.cn/card-share/small_card_bottom.png") no-repeat center / contain;
 }

 .bottom .date {
 position: absolute;
 top: -1.0667vw;
 left: 8vw;
 font-size: 3.7333vw;
 color: #999;
 }

 .bottom .legend {
 position: absolute;
 left: 8vw;
 bottom: 8.8vw;
 height: 6.9333vw;
 line-height: 6.9333vw;
 font-size: 3vw;
 color: #151515;
 border-bottom: 1px solid rgba(20, 20, 20, 0.5);
 }

 .bottom .qr-area {
 display: flex;
 position: absolute;
 right: 8vw;
 bottom: 8.8vw;
 height: 14.4vw;
 }

 .bottom .qr-area .left {
 align-self: flex-end;
 margin-right: 1.0667vw;
 font-size: 3.2vw;
 color: #999;
 }

 .bottom .qr-area .right {
 position: relative;
 width: 14.4vw;
 height: 14.4vw;
 }

 .qr-area .right .qr {
 position: absolute;
 left: 0;
 top: 0;
 }

 .qr-area .right .qr-logo {
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 4vw;
 height: 4vw;
 border: 1px solid #fff;
 border-radius: 3px;
 }
 </style>
 <script src="https://app-stc.zjol.com.cn/qrious.min.js"></script>
 </head>
 <body>
 <div class="wrapper">
 <div class="logo"></div>
 <div class="cover">
 <img />
 </div>
 <h1></h1>
 <div class="bottom">
 <div class="date"></div>
 <div class="legend">深耕浙江 解读中国 影响世界</div>
 <div class="qr-area">
 <div class="left">长按识别 查看详情</div>
 <div class="right">
 <img class="qr" />
 <img class="qr-logo"
 src="https://app-stc.zjol.com.cn/card-share/card_logo1.png" />
 </div>
 </div>
 </div>
 </div>
 <script>
 if (window.ZBJTJSBridge && typeof ZBJTJSBridge.invoke === "function") {
 window.getNewsDetailCallback = function (res) {
 const resObj = JSON.parse(res) || {};
 const article = resObj.data;
 if (article) {
 const coverWrapperEl = document.querySelector(".wrapper .cover");
 const coverEl = document.querySelector(".cover img");
 const titleEl = document.querySelector(".wrapper h1");
 const dateEl = document.querySelector(".date");
 const qrEl = document.querySelector(".qr-area .qr");
 if (typeof QRious !== 'undefined') {
 new QRious({
 element: qrEl,
 value: article.url,
 foreground: "#183081",
 level: "M",
 size: 200,
 });
 }
 const item = article.card_list.find(item => item.category === 0);
 if (item && item.image_url) {
 coverEl.onerror = function (e) {
 this.style.display = 'none';
 }
 coverEl.src = item.image_url;
 const search = item.image_url.split('?')[1]
 if (search) {
 const params = new URLSearchParams(search)
 const width = params.get('width')
 const height = params.get('height')
 if (width && height) {
 coverWrapperEl.style.height = height / width * (document.documentElement.offsetWidth / 100 * 84) + 'px'
 }
 }
 }
 titleEl.textContent = article.list_title;
 const published_at = article.doc_type == 8 ? article.live_start : article.published_at
 if (published_at) {
 const date = new Date(published_at);
 dateEl.textContent = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")} ${String(date.getHours()).padStart(2, "0")}:${String(date.getMinutes()).padStart(2, "0")}`;
 }
 }
 delete window.getNewsDetailCallback;
 };
 ZBJTJSBridge.invoke("getNewsDetail", "", "getNewsDetailCallback");
 }
 </script>
 </body>
</html>

潮鸣大咖说“夏季养生局”

三伏天里的养生热潮，温州全城热捧“冬病夏治”

三伏天“晒背养生”火了 医生：适合怕冷、不易出汗的人 晒完后不要直接冲澡

吃西瓜也诱发偏头痛，夏天太难了！

免费供应凉茶持续了47年的顾爷爷凉茶摊，在杭州入伏的第一天准时开摆啦！#家乡寻味记#

免费供应凉茶持续了47年的顾爷爷凉茶摊，在杭州入伏的第一天准时开摆啦！

#家乡寻味记#

夏季这些常见病，这些容易搞混的误区你要知道

来自潮新闻首页「视频」频道推荐

健康小站丨冬病夏治正当时，这几类人可试试三伏贴

健康小站

国医潮

夏天宝宝可以吃西瓜吗? 宝宝吃西瓜有什么需要注意的？

健康小站 | 入伏后，可多喝这两款养生粥，消暑解热易上手

今日正式入伏！这些“冬病”适合“夏治”

夏天被蚊子咬了，奇痒无比该怎么办？别再掐“十”字了！

夏季养生中药饮乌梅汤、养发饮、轻体茶、清咽茶热辣来袭~#夏天来了#

夏季养生中药饮乌梅汤、养发饮、轻体茶、清咽茶热辣来袭~

#夏天来了#

<div class="creator-platform-content">60多岁的刘大伯（化名） 最近发现自己左边脸颊总是红彤彤的 一摸还有点肿 开始以为自己不小心吃了什么 引起了过敏 也就没有重视 谁知一连几天过去 红肿范围越来越大 竟然还发起高烧 这可把他家里人急坏了 连忙把刘大伯送到 杭州市西溪医院发热门诊就医 经过医生耐心的接诊 并进行了相关检查 刘大伯被确诊为左颊部蜂窝织炎 <img filetype="null" filename="null" src="https://mc-gxlmmz-public.8531.cn/13370364679813.jpg?width=1080&amp;height=962&amp;size=104547">什么是蜂窝织炎 感染一科主任，黄谦主任医师解释道，蜂窝织炎是一种发生在皮下、筋膜下、肌间隙或者深部组织的弥漫性化脓感染， 因为皮下脂肪组织的排列方式类似蜂窝，所以被称为蜂窝织炎，常见于小腿、面部、手臂等部位。 引起蜂窝织炎的原因 蜂窝织炎由细菌（最常见的是链球菌和葡萄球菌）通过皮肤皲裂或破损处进入皮肤引起。 有研究报道，曾有人被蜘蛛叮咬、苍蝇碰触外伤伤口而造成细菌入侵，引发蜂窝织炎的情况。 这些致病菌可经过淋巴结及血液系统播散，如不及时治疗，将会引发全身感染甚至危及生命。 蜂窝织炎的临床表现 蜂窝织炎依据感染部位深浅可划分为表浅型与深部型，两者在临床表现上各有特点。 表浅型感染者 初期，病灶区域展现为红、肿、热、痛的典型急性炎症征象。随着炎症向皮下及周围组织蔓延，肿胀愈发显著，并伴有剧烈的疼痛感。 患者皮肤呈现鲜红色，轻触时虽可短暂褪色，但红肿边界模糊，且可能伴随水疱生成。随着病情的进展，水疱可能破溃，渗出液体，局部皮肤色泽逐渐转为褐色。 深部型感染者 与表浅型截然不同，深部型蜂窝织炎的皮肤表现往往较为隐匿，不易察觉，这常导致患者未能及时寻求治疗。此类患者更多地表现出全身性症状，如寒战、高热、身体乏力、头痛等。 在病情严重阶段，患者体温可能异常升高或降低，甚至出现意识模糊等危及生命的血液中毒症状，表明感染已深入血液系统，造成全身性影响。 如何预防蜂窝织炎发生 1 定期检查脚部是否有损伤迹象。鉴于夏季蚊虫活跃且人们穿着较为轻薄，及时发现皮肤破损可以让我们预防感染的发生，确保在感染初期就得到妥善处理。 2 定期为皮肤保湿。润滑皮肤有助于防止龟裂和脱皮。不要在开放疮口上涂抹保湿剂。 3 仔细修剪手指甲和脚趾甲。注意不要剪伤周围的皮肤。 4 保护手脚。请穿戴适合活动的鞋子和手套。 5 及时治疗皮肤表面的感染（如脚癣）。浅表皮肤感染很容易造成人际传播，在发生真菌感染时尽快治疗。 专家介绍 <img filetype="null" filename="null" src="https://mc-gxlmmz-public.8531.cn/13370364707013.jpg?width=1080&amp;height=1481&amp;size=90762">黄谦 感染一科主任、主任医师 上海交通大学医学院毕业、医学博士，中国中西医结合学会传染病专业委员会委员、浙江省医学会感染病学分会委员、浙江省医师协会感染病学分会委员、浙江省中西医结合学会热带病和寄生虫病分会常委、浙江省中西医结合学会感染病分会委员、浙江省数理医学会感染病分会委员、杭州市感染病学会委员、杭州市感染性疾病科质控中心常务副主任、杭州市病原微生物生物安全研究质控中心副主任。 长期从事感染性疾病及新发再现传染病的临床、教学及研究工作。对各类感染性疾病及传染病有着丰富的临床诊疗经验，擅长对血流感染、腹腔感染、侵袭性真菌等复杂感染的诊治。运用中西医结合方法治疗感染性疾病，疗效显著。近年来尤为关注非免疫缺陷人群的肺孢子菌肺炎、非结核分枝杆菌等少见感染病的诊治，获得较好的临床疗效。近几年来主持参与省市等各级各类课题多项， 在SCI收录及核心期刊发表论文10余篇。 供稿&nbsp;&nbsp;感一科&nbsp; 陶同舒 </div>

六旬大伯脸红不退，还发起高烧。专家提醒，此病夏天需格外注意！

冰杯成温州年轻人夏日解暑新宠，专家提醒：冷饮不可太贪杯

入伏首日“三伏贴”开贴，网友: “冬病夏治" 趁热打“贴”

冬病夏治”正当时，三伏贴你真的合适吗？听听中医科专家怎么说

<div class="creator-platform-content">一把遮阳伞，一块垫子，一片平地 即可开始 近期网络上流行起的 这项不花钱的养生方式——晒背 引得许多人跟风效仿 广东佛山一女子在楼顶晒后背 当事人称10天瘦了4斤 晒完感觉自己眼神都变得清澈了 每天晒大概半个小时左右 虽然黑了但感觉值得 女子称晒背10天瘦了4斤 冲上热搜 <img filetype="null" filename="null" src="https://mc-gxlmmz-public.8531.cn/13358839502277.jpg?width=628&amp;height=108&amp;size=5464">在社交软件上，搜索“晒背” 也能看到许多网友分享 自己晒背的心得和体验 不少网友发现 持续一段时间晒背后 自己变得更有精气神 也不容易手脚发凉了 更关键在于 这是一项几乎零成本的“养生”方式 <img filetype="null" filename="null" src="https://mc-gxlmmz-public.8531.cn/13358839522245.jpg?width=960&amp;height=1897&amp;size=212351">网友安妮（化名）长期受着痛经的困扰 听说晒背可以缓解生理期的疼痛 于是定期在周六周日的上午穿着防晒衣 打一把太阳伞，抱着一壶开水 做好全副武装 坐在小板凳上，把背部对着太阳照射的方向 接受着夏日“天炙” “这比去外面做艾灸之类的项目便宜多了 希望像这样 消费不高的养生项目能越来越多。” <img filetype="null" filename="null" src="https://mc-gxlmmz-public.8531.cn/13358839537541.jpg?width=1080&amp;height=2162&amp;size=1923384">甜甜（化名）表示，最近除了下雨天 只要太阳出来的日子就会找一块空草地 穿着运动内衣趴在自带的野餐垫上晒背 “晒背的过程会觉得心情愉悦 晒了小半个月后 皮肤肉眼可见变得更为透亮。” 不仅如此 甜甜还发现 自己体重居然降低了 面色变得也更为红润 “效果比医美还好” 可也有网友则表示 晒背不当容易造成中暑、晒伤 不是每个人的体质都适合 <img filetype="null" filename="null" src="https://mc-gxlmmz-public.8531.cn/13358839558853.jpg?width=662&amp;height=95&amp;size=30468"><img filetype="null" filename="null" src="https://mc-gxlmmz-public.8531.cn/13358839574085.jpg?width=632&amp;height=139&amp;size=41142"><img filetype="null" filename="null" src="https://mc-gxlmmz-public.8531.cn/13358839595013.jpg?width=665&amp;height=109&amp;size=31822">晒背 真的有像网上传的那么神奇？ 减重、祛寒湿 缓解经期疼痛、带来心情愉悦....... 晒背真的有像网上传的那么神奇？ 长沙市第三医院中西医结合科副主任、主任医师肖智表示，自己也关注到网络上流行的晒背行为。首先，她从中医角度肯定了晒背的养生功效。对此她介绍，中医里认为“腹部，腹为阴，背为阳”，背部是人体的阳经，并有两条大的经络，其中一个督脉就是总管人体阳气，称之为阳脉之海。夏日晒背可以起到一个补阳的作用，即可以养阳气。肖智强调，阳气总管全身，影响着人体的精气神，对于人的寿命以及精神状态而言都是十分重要的。 对于网络上提到晒背的一些功效，肖智从身体角度出发，认为晒背对于日常表现为怕冷、畏寒、脸色苍白、大便不成形、大肖便稀溏，脸浮、肢肿等虚寒体质，寒湿内盛的人能起到提高体质的作用；适当晒背从对于骨骼来说也可以补充维生素D的作用； 在女性常关注的体重管理方面，晒背可以通过补充阳气的方式，提高女性机体代谢率，实现消耗脂肪的作用；从心理角度看，中医常提到的肝气郁结引起，或是痰湿阻滞引起，或寒湿郁积在体内而引起郁症的心理情况。通过晒背实现养阳可以起到一定的缓解作用。 如何正确“晒背”？ “冬病夏治”是中医重要的养生理念之一，中医讲究人与环境以及节气之间的配合。三伏天是一年之中大自然的阳气最强的时候，肖智认为在此时晒背“养阳”可以起到事半功倍的效果。晒背最适宜的时间在紫外线不是很强的时候，如早上7点到9点之间，以及下午3点到5点之间。初次晒背的时间不宜过长，建议从15分钟开始，了解个人耐受性后，依据个人情况逐步增加，一个小时左右即可。 对于晒背的频率，肖智从中医保健的角度建议五天左右晒一次，根据个人需求进行调整。 除此之外，肖智还提醒，一切的养生与治疗都应当在保证不伤害自己的前提下进行。夏季晒背最主要的前提是要保证自己不被晒伤、不会中暑。因此，她建议晒背前一小时要吃东西，做好防晒。 晒背过程中要多喝水，补充身体流失的水分，做好预防中暑的准备。晒背后不要立马吹凉风，进入到空调房内，要有一个缓冲的过程。“晒背过程中可以穿防晒衣、涂防晒霜。”肖智介绍，中医讲究的是以温热补阳，背部感受到太阳的温度即可，需要做好措施不要被紫外线晒伤。 哪些人可以多晒晒？ 中医讲天人相应，晒太阳是流通气血、令阴阳相和的良方，具有调动人体抗病能力、改善人体代谢等多重功效，而三伏天的太阳光是扶阳排邪的最好时机。 这3类人可以适当晒太阳： 1. 有慢性病的 如代谢综合征、抑郁症、阿尔茨海默症、过敏性咳嗽、鼻炎、咽炎、痛经、妇科慢性炎症等人群，通过三伏天晒太阳出汗，益气温阳、散寒通络，防治冬季易发疾病。 2.&nbsp;亚健康的 如胃肠功能不好、易感冒、又怕冷又怕热、腰腿怕冷怕风、体力活动少、压力大等亚健康人群，通过三伏天晒太阳出汗增强身体的自我调节能力，尤其是体温调节功能与自律神经。 3.阳虚、湿气重的 如畏寒怕冷、四肢不温、肢体困倦、精神不振的人，特别是伴有舌胖或有齿痕、舌苔厚腻的表现，提示体质为阳虚、湿气重的人群，选择三伏天晒太阳出汗，激发气血经络的活动，改善阳虚、寒湿体质。 这些人最好悠着点！ 紫外线过敏者、高血压、高血脂 糖尿病、冠心病人 孕妇、火气旺盛的人 不建议晒背 最好听从专业医生的指导 你“晒背”了吗？ 还有哪些夏天养生方式？ 大家来评论区聊聊~ 来源：公众号“青春浙江”综合整理自新闻晨报、潇湘晨报、河北广电、星视频、深圳卫健委、新闻夜航 编辑：嘉镱 校对：周瑞銮、熠蝶 主编：薇薇 终审：周巍 </div>

10天瘦4斤，眼神都清澈了？年轻人跟风“0成本”养生，医生提醒

“冬病夏治”正当时，三伏贴火热开贴！这个夏天，你“跟贴”了吗？

中医讲养生 | “一碗汤”+“一个瓜”，趁“热”收下这份中医防暑“凉”方~#遇见临平发现美好#

中医讲养生 | “一碗汤”+“一个瓜”，趁“热”收下这份中医防暑“凉”方~

#遇见临平发现美好#

<div class="creator-platform-content"><img filetype="null" filename="null" src="https://mc-gxlmmz-public.8531.cn/13353851692357.jpg?width=1080&amp;height=191&amp;size=12533">热浪来袭，西瓜作为夏天不可替代的水果，不仅能降温去暑，还有清热、利尿之效，是药食同源的典范。 <img filetype="null" filename="null" src="https://mc-gxlmmz-public.8531.cn/13353851717253.jpg?width=1080&amp;height=721&amp;size=78633">《本草纲目》记载西瓜味甘、淡、性寒，具有消烦止渴、解暑热、疗喉痹、宽中下气、利小水，同时利血痢、解酒毒等作用。中医界更称之为“天然白虎汤”。白虎汤是仲景名方，可清热生津，主治四大“大热、大汗、大渴、脉洪大”，在炎热酷暑，易出现类似症状，这时吃西瓜是极好的选择。 01 西瓜浑身都是宝 西瓜翠衣 西瓜果皮其实是一味中药——西瓜翠衣，具有良好的清暑解热、止渴、利小便功效。经典祛暑剂“清暑益气汤”中就有此味中药，民间常用西瓜翠衣煎饮代茶，可治暑热烦渴、水肿、口舌生疮、中暑等疾病。也可将其加工作食疗，如素炒西瓜皮、凉拌瓜皮丝、瓜皮绿豆水等。夏季食用，不仅美味爽口，还可清热利湿。 <img filetype="null" filename="null" src="https://mc-gxlmmz-public.8531.cn/13353851734469.jpg?width=1080&amp;height=617&amp;size=54261">西瓜霜 每次得了口腔溃疡，第一个想起的就是西瓜霜。它作为“喉科圣药”，是由西瓜与芒硝经加工而成的白色结晶粉末，具体做法为：取新鲜西瓜，沿蒂头切一厚片作顶盖，挖去瓜瓤及种子，将芒硝填入瓜内，盖上顶盖，用竹签插牢，放入瓦盆内，盖好，置阴凉通风处，待析出白霜时，随时刷下，直至无白霜析出。西瓜霜具有清热泻火、消肿止痛之效。 西瓜子 西瓜子作为日常休闲小零食，非常受欢迎，其含有丰富的脂肪油、蛋白质、维生素B2、淀粉等营养元素，有清肺化痰的作用，对咳嗽痰多和咯血等症状有辅助疗效；没有食欲或便秘时食用一些西瓜子之类的种仁，有健胃、通便的作用；西瓜子还含有不饱和脂肪酸，有降低血压的功效，并有助于预防动脉硬化，是适合高血压病人的小零食。 <img filetype="null" filename="null" src="https://mc-gxlmmz-public.8531.cn/13353851757189.jpg?width=1080&amp;height=720&amp;size=121181">02 服用中药期间 吃瓜需要注意什么 夏季对于温热性或者暑湿类疾病的患者来说，服用中药后马上进食西瓜，对治疗疾病具有协同作用。因此，对于此类疾病的患者，一般服用中药后随时可以吃西瓜。 <img filetype="null" filename="null" src="https://mc-gxlmmz-public.8531.cn/13353851776645.jpg?width=1080&amp;height=721&amp;size=126537">但对于寒凉或者寒湿性疾病的患者，食用西瓜则会加重病情或者减弱药效。对于此类疾病的患者，建议在疾病治愈后再吃，在服药过程中也尽量少吃或者不吃。 03 温馨提示 1.体质偏虚寒的人不宜多食，而且注意，变质的西瓜绝对不能吃，冰镇西瓜也不宜多吃。 2.西瓜含糖量高，所以糖尿病患者应控制摄入，尽量少吃或不吃。 <img filetype="null" filename="null" src="https://mc-gxlmmz-public.8531.cn/13353851794437.jpg?width=1080&amp;height=275&amp;size=23447"> 供稿：杭州市卫生健康委、杭州市西溪医院药学部 张婷 编辑：省卫生健康综合保障中心 王倩 排版：林慧婷 </div>

作为“吃瓜群众”，你真的了解西瓜吗——夏日吃瓜指南来了

<div class="creator-platform-content">高温 预警 谨防高温中暑 防暑防晒 合理作息 安全作业 谨防中暑 梅雨过后 烈日当空 气温一飞冲天 多地发布高温橙色预警 天气开启“大火收汁”模式 出梅还不到一个星期 我院已收治了4位中暑病人 均合并急性肾衰竭 严重者甚至出现了休克 从事仓库管理工作的任大伯（化名）在烈日下帮忙卸货，经历6小时户外工作后，出现了头晕、恶心、气短的症状。他觉得是工作太累引起的，下班回家休息一下就好了。 不料他回家后便出现大汗淋漓、恶心呕吐、心跳加快的情况，任大伯觉得是自己中暑了，赶紧喝了两瓶藿香正气水。休息片刻后，他感觉越来越难受。家人急忙将任大伯送到杭州市西溪医院急诊。 <img filetype="null" filename="null" src="https://mc-gxlmmz-public.8531.cn/13337145826309.jpg?width=1080&amp;height=675&amp;size=89562">预检护士了解情况后，马上给任大伯测量生命体征，一看血压只有79/49mmHg，赶紧通知急诊内科乐旭东医生，并将任大伯送至急诊抢救室，启动抢救流程。所幸来院及时，在完善相关检查，并进行补液等治疗后，任大伯脱离了生命危险。 中暑是在暑热季节、高温和（或）高湿环境下，发生以体温调节中枢功能障碍、汗腺功能衰竭和水电解质丢失过多为特征的疾病。根据中暑严重程度可分为：热痉挛、热衰竭和热射病三种，其中热射病最为严重，甚至有致死的风险。 壹 在“大火收汁”阶段如何预防中暑 一、减少户外活动，尽量在室内活动。夏天伴侣“空调”需保持适宜温度，不要贪凉，不宜低于26℃，每隔2到3小时开窗通风20到30分钟。 二、如需外出，合理安排出行时间。避免在烈日下长时间活动，做好防晒措施，如佩戴遮阳帽、太阳镜，涂抹防晒霜等。 三、及时补水。高温天气下，人体易出汗，导致水分和电解质大量流失。请务必定时补充水分，保持体内水分平衡。 四、加强身体锻炼，提高机体耐热及调节能力，注意不要在高温时锻炼。如果运动量较大时，少量多次喝淡盐水或运动饮料，来补充体内流失的电解质。 五、家中如果有特殊人群比如，婴幼儿和儿童、65岁以上的老年人、慢性疾病和精神疾病患者、从事户外工作及户外体育运动项目的人员等可以备一些解暑药物，如藿香正气水、十滴水、仁丹。注意藿香正气水内含有酒精，对酒精过敏者慎用。 贰 中暑后的简单急救措施 一旦出现了头痛、头晕、口渴、多汗、四肢无力、注意力不集中等症状。 1.到阴凉处躺下或打开使室内温度降低，并解开过紧的衣领、袖口。 2.意识清醒情况下，补充淡盐水并口服防暑降温中成药如十滴水、藿香正气水等。 3.身体降温用湿毛巾擦浴，冰袋、冰块、风扇等物理方法。 4.把患者脚部抬高，有助于静脉回流，预防休克状态。 5.如情况严重，立即送往医院。 供稿 急诊科&nbsp; 张欣如&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;普内科&nbsp; 陈婕 </div>

直逼40℃|近期高发，医生紧急提醒！