g { width: 100%; height: 100%; display: block; } .qrcode-popup { /* 原有属性保持不变 */ display: none; position: absolute; bottom: calc(var(--icon-size) * -1.5); left: -200%; transform: translateX(-50%) translateY(10px); background: white; border: 1px solid #eee; /* 边框颜色可调整 */ border-radius: 8px; padding: 10px 8px; /* 上下内边距保持10px,左右内边距缩小为8px */ box-shadow: 0 3px 10px rgba(0,0,0,0.1); /* 阴影范围缩小 */ z-index: 10; width: calc(var(--popup-width) - 88px); /* 宽度缩小40px */ transition: opacity var(--transition-speed), transform var(--transition-speed); opacity: 0; pointer-events: none; } /* 媒体查询中同步调整 */ @media (max-width: 768px) { .qrcode-popup { width: calc(var(--mobile-popup-width) - 30px); /* 移动端宽度缩小30px */ padding: 8px 6px; /* 移动端内边距同步缩小 */ } } @media (max-width: 480px) { .qrcode-popup { width: calc(var(--small-mobile-popup-width) - 20px); /* 小屏幕宽度缩小20px */ padding: 6px 4px; /* 小屏幕内边距同步缩小 */ } } .qrcode-popup.active { display: block; opacity: 1; transform: translateX(-50%) translateY(0); pointer-events: all; } .qrcode-popup img { display: block; margin: 0 auto 10px; box-shadow: 0 0 8px rgba(0,0,0,0.08); max-width: 100%; } .qrcode-popup p { font-size: 14px; text-align: center; margin: 0; color: #666; } .qrcode-popup::after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-width: 8px; border-style: solid; border-color: white transparent transparent transparent; z-index: 1; } .wechat-icon:hover, .wechat-icon:active { transform: scale(1.1); } .jiathis_txt { font-size: 15px; color: #0c0c0c; margin-right: 8px; white-space: nowrap; } .qrcode-container { display: inline-flex; align-items: center; } .wechat-icon { cursor: pointer; position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px; } .wechat-img { width: 36px; height: 35px; transition: all 0.2s ease; } /* 点击效果 */ .wechat-icon:active .wechat-img { transform: scale(0.95); opacity: 0.8; } /* 默认隐藏分享模块(PC端) */ .newsconshare2 { display: none; } /* 移动端显示规则(屏幕宽度 ≤ 768px) */ @media (max-width: 768px) { .newsconshare2 { display: block; padding: 10px; border-radius: 8px; margin: 10px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; margin-left: 244px; } .jiathis_txt { font-size: 16px; color: #666; margin-right: -5px; white-space: nowrap; } .qrcode-container { display: inline-flex; align-items: center; } .wechat-icon { cursor: pointer; position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px; } .wechat-img { width: 30px; height: 30px; transition: all 0.2s ease; } /* 点击效果 */ .wechat-icon:active .wechat-img { transform: scale(0.95); opacity: 0.8; } } }
分享到:
微信图标
二维码

手机扫码查看文章

《 名医时报 》( 2025-09-03 第01版:新闻中心)

嘉宾正在体验中医护理适宜技术——药物竹罐。

嘉宾正在品尝中药茶饮。

嘉宾正在品尝中药冰淇淋。

嘉宾正在体验中草药护肤品。

嘉宾正在体验深部炎症治疗。

中医专家(右)正在为嘉宾把脉问诊。

图为航拍“创意本草”集市

图为航拍第七届中国—阿拉伯国家博览会卫生健康对接交流活动现场。

8月28日,第七届中国—阿拉伯国家博览会卫生健康对接交流活动在宁夏银川百瑞源殷红子熟枸杞庄园举行。活动为期4天,以“数智引领健康未来传统医药全球共享”为主题,设置了“千年医道”“药香绵长”“寻味药膳”“道智中医”“中国智造”“创意本草”“红杞匠心”七个特色主题展区,中医药文化氛围满满,国内外嘉宾沉浸式体验传统中医的魅力。新华网张洁龙摄


文章海报
海报生成中,请稍候...
长按海报图片可保存到手机相册
2018-2030 名医时报 版权所有 违者必究
名医时报对文中陈述、观点判断保持中立,不对所包含内容的准确性、可靠性或完整性提供任何明示或暗示的保证。请读者仅作参考,并请自行承担全部责任。