/* ============================================================
   政务版首页样式（v1.22.0）
   ------------------------------------------------------------
   版式与配色参考福建省人民政府门户网站（fj.gov.cn）的骨架：
   白色工具条 → 白色页头（底部 8px 政务蓝压边）→ 蓝色导航通栏
   → 灰底白卡片正文 → 蓝色页脚。
   主色取自对方 CSS 的真实值：#1658a0 / rgba(23,87,159)。
   与协会现有两版并存：classic / portal / gov，由后台切换。
   所有类名 gv- 前缀，与 site.css / home-portal.css 零交集；
   全部栅格用 minmax(0,1fr)（v1.21.7 / v1.21.10 的教训），
   视图不写内联 grid-template-columns。
   ============================================================ */

/* ===== 1 变量与容器 ===== */
.gv-top,.gv-head,.gv-nav,.gv-body,.gv-foot{
  /* v1.38.0：.gv-foot 原来不在这个选择器里，页脚 50 个规则块中有 23 个依赖
     var(--gv-*)，拿不到变量就整块失效（蓝色压边消失、文字颜色回落）。 */
  --gv-blue:#1658a0;
  --gv-nav:#17579f;
  --gv-blue-d:#0e4684;
  --gv-blue-l:#2f74c0;
  --gv-tint:#f2f8ff;
  --gv-bg:#f2f2f2;
  --gv-text:#333;
  --gv-text2:#666;
  --gv-muted:#999;
  --gv-line:#e2e2e2;
  --gv-line2:#e5e5e5;
  --gv-red:#c00;
  --gv-font:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;
  --gv-serif:"STZhongsong","SimSun","Songti SC",serif;
}
.gv-w{width:min(1200px,calc(100% - 40px));margin:0 auto}

/* ===== 2 顶部工具条（白，细） ===== */
.gv-top{background:#fff;border-bottom:1px solid #ececec;font-size:12.5px;color:var(--gv-text2)}
.gv-top .gv-w{display:flex;justify-content:space-between;align-items:center;height:36px;gap:18px}
/* v1.22.9：左侧「业务指导单位」可以让位（省略号），右侧导航永不压缩。
   以前两边都是默认 flex-shrink:1，窄屏时先是「服务地图」被挤成「服务地」，
   接着「服务热线 0592-…」贴上去，看着像两个字串粘成一坨。 */
.gv-top .gv-w>span{min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gv-top a{color:var(--gv-text2);text-decoration:none;margin-left:0}
.gv-top a:hover{color:var(--gv-blue)}
.gv-top nav{display:flex;align-items:center;flex:0 0 auto;white-space:nowrap;gap:0}
/* v1.22.10：右侧这排统一「左侧竖线 + 左右各 14px」的节奏，
   首项去掉竖线和左内边距、末项去掉右内边距 —— 整体才能贴住容器右边缘，
   而不是前面靠空格、只有热线前一条线那样参差不齐。 */
.gv-top nav>*{flex:0 0 auto;white-space:nowrap;line-height:1;margin:0;padding:0 14px;
  border-left:1px solid #e8e8e8}
.gv-top nav>*:first-child{border-left:0;padding-left:0}
.gv-top nav>*:last-child{padding-right:0}
.gv-top .gv-hot{color:var(--gv-blue);font-weight:600;margin:0;padding:0 14px;
  border-left:1px solid #e8e8e8;white-space:nowrap}
/* 热线是 tel: 链接，别继承 .gv-top a 的左间距，也不加下划线 */
.gv-top .gv-hot a{margin-left:0;color:var(--gv-blue);text-decoration:none}
.gv-top .gv-hot a:hover{text-decoration:underline}
/* 900 以下换成可换行：导航不收缩 + 不换行，在 640~900 之间会顶出容器右侧（退出按钮被裁） */
@media (max-width:900px){
  .gv-top .gv-w{height:auto;padding:6px 0;flex-wrap:wrap;gap:2px 14px}
  .gv-top .gv-w>span{flex:1 1 100%;white-space:normal}
  .gv-top nav{flex-wrap:wrap}
}

/* ===== 3 页头（白，底部 8px 政务蓝压边 —— fj.gov.cn 的识别特征） ===== */
.gv-head{background:#fff;border-bottom:8px solid var(--gv-blue)}
.gv-head .gv-w{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0}
.gv-logo{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:0}
.gv-emblem{width:56px;height:56px;flex:none;border-radius:8px;background:linear-gradient(135deg,#1658a0,#2f74c0);
  color:#fff;font-family:var(--gv-serif);font-size:30px;display:flex;align-items:center;justify-content:center}
.gv-logo h1{font-family:var(--gv-serif);font-size:30px;line-height:1.25;color:#1a1a1a;font-weight:700;margin:0;letter-spacing:1px}
.gv-logo .gv-en{display:block;font-size:12px;color:var(--gv-muted);letter-spacing:.4px;margin-top:2px}
.gv-logo .gv-sub{display:block;font-size:13px;color:var(--gv-blue);margin-top:3px}
.gv-search{display:flex;width:min(440px,100%);border:2px solid var(--gv-blue);border-radius:4px;overflow:hidden;background:#fff}
.gv-search input{flex:1;min-width:0;border:0;outline:0;padding:10px 14px;font-size:14px;color:var(--gv-text);background:transparent}
.gv-search button{flex:none;border:0;background:var(--gv-blue);color:#fff;font-size:15px;padding:0 26px;cursor:pointer;letter-spacing:2px}
.gv-search button:hover{background:var(--gv-blue-d)}
.gv-hot{font-size:12.5px;color:var(--gv-muted);margin-top:8px;text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.gv-hot a{color:var(--gv-text2);text-decoration:none;margin-left:10px}
.gv-hot a:hover{color:var(--gv-blue)}

/* ===== 4 导航通栏（政务蓝 80px → 64px 实用值） ===== */
.gv-nav{background:var(--gv-nav);position:relative;z-index:60}
.gv-nav .gv-w{display:flex;align-items:stretch;min-height:64px}
.gv-nav a{color:#fff;text-decoration:none;font-size:16.5px;letter-spacing:1px}
.gv-item{position:relative}
.gv-item>a,.gv-nav>span>a,.gv-nav>.gv-w>a{display:flex;align-items:center;padding:0 22px;height:64px}
.gv-nav a:hover,.gv-nav .gv-on{background:var(--gv-blue-d);color:#fff}
.gv-drop{display:none;position:absolute;left:0;top:100%;min-width:176px;background:#fff;
  border:1px solid var(--gv-line);border-top:3px solid var(--gv-blue);box-shadow:0 8px 20px rgba(0,0,0,.12);padding:6px 0;z-index:70}
.gv-item:hover .gv-drop{display:block}
.gv-drop a{display:block;padding:9px 16px;font-size:14px;color:var(--gv-text);letter-spacing:0}
.gv-drop a:hover{background:var(--gv-tint);color:var(--gv-blue)}
.gv-drop-head{padding:8px 16px 4px;font-size:12px;color:var(--gv-muted)}
.gv-nav .gv-extra{margin-left:auto;display:flex;align-items:center}
.gv-nav .gv-extra a{display:flex;align-items:center;height:64px;padding:0 22px;background:rgba(255,255,255,.14);font-size:15px;letter-spacing:1px}
.gv-nav .gv-extra a:hover{background:rgba(255,255,255,.24)}

/* ===== 5 正文基底（灰底） ===== */
.gv-body{background:var(--gv-bg);font-family:var(--gv-font);color:var(--gv-text);padding:0 0 34px}
.gv-body a{text-decoration:none}

/* 区块标题条：左侧 4px 蓝柱 + 底部细线（政府门户栏目头） */
.gv-hd{display:flex;align-items:baseline;justify-content:space-between;
  border-bottom:2px solid var(--gv-blue);margin-bottom:12px}
.gv-hd h2,.gv-hd h3{font-size:19px;color:#1a1a1a;font-weight:700;margin:0;padding:0 0 9px;
  border-left:4px solid var(--gv-blue);padding-left:12px;line-height:1.2;letter-spacing:.5px}
.gv-hd .more{font-size:13px;color:var(--gv-muted)}
.gv-hd .more:hover{color:var(--gv-blue)}

/* ===== 6 要闻区：左轮播 + 右列表 ===== */
.gv-hero{padding:18px 0 0}
.gv-hero .gv-w{display:grid;grid-template-columns:minmax(0,7.2fr) minmax(0,4.8fr);gap:18px;align-items:stretch}
.gv-slider{position:relative;overflow:hidden;min-height:398px;background:#dfe8f2}
.gv-slide{display:none;position:absolute;inset:0}
.gv-slide.gv-on{display:block}
.gv-slide .gv-bg{position:absolute;inset:0}
.gv-slide .gv-bg img{width:100%;height:100%;object-fit:cover;display:block}
/* 无封面：政务蓝渐变兜底，不留灰块 */
.gv-slide.gv-noimg .gv-bg{background:linear-gradient(135deg,#1658a0 0%,#2f74c0 60%,#5a95d4 100%)}
.gv-slide .gv-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,25,45,.72),rgba(10,25,45,0) 55%)}
.gv-cap{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;color:#fff;z-index:2}
.gv-cap .gv-k{display:inline-block;background:var(--gv-blue);color:#fff;font-size:12px;padding:2px 10px;border-radius:2px;margin-bottom:8px}
.gv-cap h2{font-size:20px;line-height:1.5;margin:0;font-weight:600}
.gv-cap h2 a{color:#fff}
.gv-cap h2 a:hover{text-decoration:underline}
.gv-cap p{font-size:13px;color:rgba(255,255,255,.85);margin:6px 0 0;line-height:1.7;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gv-dots{position:absolute;right:14px;bottom:14px;display:flex;gap:6px;z-index:3}
.gv-dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer}
.gv-dots i.gv-on{background:#fff}
.gv-arrow{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:54px;line-height:54px;text-align:center;
  color:#fff;background:rgba(0,0,0,.28);font-size:22px;cursor:pointer;z-index:3;user-select:none}
.gv-arrow:hover{background:rgba(0,0,0,.45)}
.gv-arrow.l{left:0}.gv-arrow.r{right:0}

/* 右侧要闻列表（白卡） */
.gv-topnews{background:#fff;border:1px solid var(--gv-line);padding:14px 16px 8px;display:flex;flex-direction:column}
.gv-list{margin:0;padding:0;list-style:none;flex:1}
.gv-list li{display:flex;align-items:center;gap:10px;padding:10.5px 0;border-bottom:1px dashed var(--gv-line2);min-width:0}
.gv-list li:last-child{border-bottom:0}
.gv-list .gv-dot{flex:none;width:5px;height:5px;border-radius:50%;background:var(--gv-blue);margin-top:0}
.gv-list a{flex:1;min-width:0;font-size:14.5px;color:var(--gv-text);line-height:1.55;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gv-list a:hover{color:var(--gv-blue)}
.gv-list .gv-first a{font-size:16px;font-weight:600;color:#1a1a1a}
.gv-list time{flex:none;font-size:12.5px;color:var(--gv-muted)}
/* 面板通用行（通知公告/政策文件等 flex 列表行） */
.gv-row{display:flex;align-items:center;gap:10px;padding:10.5px 0;border-bottom:1px dashed var(--gv-line2);min-width:0}
.gv-row:last-child{border-bottom:0}
.gv-row .gv-dot{flex:none;width:5px;height:5px;border-radius:50%;background:var(--gv-blue)}
.gv-row a{flex:1;min-width:0;font-size:14.5px;color:var(--gv-text);line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gv-row a:hover{color:var(--gv-blue)}
.gv-row time{flex:none;font-size:12.5px;color:var(--gv-muted)}
.gv-flag{flex:none;font-size:11px;color:#fff;background:var(--gv-red);border-radius:2px;padding:1px 5px}
.gv-flag.blue{background:var(--gv-blue)}
.gv-empty{padding:26px 0;text-align:center;color:var(--gv-muted);font-size:13.5px}
.gv-empty a{color:var(--gv-blue)}

/* ===== 7 两栏公告/政策面板 ===== */
.gv-cols2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.gv-panel{background:#fff;border:1px solid var(--gv-line);padding:14px 16px 8px;margin-top:18px}
.gv-panel .gv-list .gv-row time{margin-left:auto}

/* ===== 8 数据条（白卡通栏，蓝数字） ===== */
.gv-stat{margin-top:18px;background:var(--gv-blue);color:#fff}
.gv-stat .gv-w{display:grid;grid-template-columns:repeat(var(--gv-cols,5),minmax(0,1fr));gap:0}
.gv-stat .gv-i{padding:16px 6px;text-align:center;border-right:1px solid rgba(255,255,255,.18);display:block;color:#fff}
.gv-stat .gv-i:last-child{border-right:0}
.gv-stat b{display:block;font-size:28px;line-height:1.2;font-weight:700}
.gv-stat b small{font-size:13px;font-weight:400;margin-left:3px}
.gv-stat span{font-size:13.5px;color:rgba(255,255,255,.85)}
a.gv-i:hover{background:rgba(255,255,255,.08)}

/* ===== 9 快捷服务格 ===== */
.gv-quick{margin-top:18px}
.gv-quick .gv-w{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.gv-qcard{background:#fff;border:1px solid var(--gv-line);border-top:3px solid var(--gv-blue);
  padding:16px 10px;text-align:center;display:block;color:var(--gv-text)}
.gv-qcard:hover{border-color:var(--gv-blue);box-shadow:0 6px 16px rgba(22,88,160,.14);color:var(--gv-blue)}
.gv-qcard .gv-ico{display:block;width:40px;height:40px;line-height:40px;margin:0 auto 8px;border-radius:50%;
  background:var(--gv-tint);color:var(--gv-blue);font-size:18px;font-weight:700}
.gv-qcard b{font-size:14.5px;font-weight:600;display:block}
.gv-qcard span{font-size:12px;color:var(--gv-muted);display:block;margin-top:4px}

/* ===== 10 三栏内容 ===== */
.gv-cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.gv-mentor{display:flex;gap:12px;align-items:center;padding:9px 0;border-bottom:1px dashed var(--gv-line2);min-width:0}
.gv-mentor:last-child{border-bottom:0}
.gv-avatar{flex:none;width:46px;height:46px;border-radius:50%;background:var(--gv-tint);color:var(--gv-blue);
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;overflow:hidden}
.gv-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.gv-mentor .gv-mi{min-width:0;flex:1}
.gv-mentor .gv-mi b{font-size:14.5px;color:var(--gv-text);display:block}
.gv-mentor .gv-mi span{font-size:12.5px;color:var(--gv-muted);display:block;margin-top:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gv-mentor a:hover b{color:var(--gv-blue)}
.gv-event{display:flex;gap:12px;padding:10px 0;border-bottom:1px dashed var(--gv-line2);min-width:0}
.gv-event:last-child{border-bottom:0}
.gv-edate{flex:none;width:52px;text-align:center;background:var(--gv-tint);border-radius:4px;padding:6px 0}
.gv-edate b{display:block;font-size:20px;color:var(--gv-blue);line-height:1.1}
.gv-edate span{font-size:11.5px;color:var(--gv-muted)}
.gv-event .gv-mi{min-width:0;flex:1}
.gv-event .gv-mi b{font-size:14.5px;font-weight:600;color:var(--gv-text);display:block;line-height:1.5;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gv-event .gv-mi span{font-size:12.5px;color:var(--gv-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.gv-event a:hover b{color:var(--gv-blue)}

/* ===== 11 政策问答 ===== */
.gv-faq{margin-top:18px;background:var(--gv-tint);border:1px solid #d5e5f5;padding:14px 16px 8px}
.gv-faq .gv-hd{border-bottom-color:#c3d8ee}
.gv-faq .gv-q{display:flex;gap:10px;padding:9px 0;border-bottom:1px dashed #d5e5f5;align-items:baseline;min-width:0}
.gv-faq .gv-q:last-child{border-bottom:0}
.gv-faq .gv-q i{flex:none;font-style:normal;color:var(--gv-blue);font-weight:700;font-size:13px}
.gv-faq .gv-q a{font-size:14px;color:var(--gv-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.gv-faq .gv-q a:hover{color:var(--gv-blue)}

/* ===== 12 响应式 ===== */
@media (max-width:1100px){
  .gv-hero .gv-w{grid-template-columns:minmax(0,1fr)}
  .gv-slider{min-height:300px}
  .gv-quick .gv-w{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .gv-cols2,.gv-cols3{grid-template-columns:minmax(0,1fr)}
  .gv-stat .gv-w{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 0;background:rgba(255,255,255,.18)}
  .gv-stat .gv-i{background:var(--gv-blue)}
  .gv-stat .gv-i:nth-last-child(1){border-right:0}
  .gv-head .gv-w{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 0}
  .gv-search{width:100%}
  .gv-hot{text-align:left}
  .gv-logo h1{font-size:23px}
  .gv-nav{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .gv-nav .gv-w{display:flex;flex-wrap:nowrap;min-width:max-content}
  .gv-item>a,.gv-nav>.gv-w>a{height:52px;padding:0 14px;font-size:15px}
  .gv-drop{display:none}
  .gv-item:hover .gv-drop{display:none}
}
@media (max-width:640px){
  .gv-quick .gv-w{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gv-stat b{font-size:22px}
  .gv-top .gv-w{height:auto;padding:6px 0;flex-wrap:wrap;gap:2px 12px}
  .gv-cap h2{font-size:16px}
  .gv-slider{min-height:230px}
}

/* ===== 13 页脚（政务版 v1.22.3）=====
   三段式：站内导航条 → 单位/备案信息 + 新媒体矩阵 → 主办承办署名。
   浅灰底 + 顶部 3px 蓝色压线，与深色页脚（.footer）彻底分开。 */
.gv-foot{background:#f2f3f5;border-top:3px solid var(--gv-blue);font-size:13px;color:var(--gv-text2)}
.gv-fnav{background:#fff;border-bottom:1px solid var(--gv-line)}
.gv-fnav .gv-w{display:flex;align-items:center;flex-wrap:wrap;min-height:44px}
.gv-fnav a{color:var(--gv-text2);text-decoration:none;padding:0 16px;line-height:44px;font-size:13.5px;white-space:nowrap}
.gv-fnav a:hover{color:var(--gv-blue)}
/* 首项左内距归零、末项右内距归零：文字左边界与下方印章同一条线，
   右边界与右栏 340px 的右边缘同一条线。 */
.gv-fnav .gv-w>a:first-child{padding-left:0}
.gv-fnav-r{margin-left:auto}
.gv-fnav-r a{color:var(--gv-muted);padding-right:0}

.gv-fmain{padding:26px 0 22px}
/* v1.22.11 三列宽度定死。
   原来第三列写 minmax(0,340px)：整行剩余空间全被 1fr 吃掉，这条轨道只长到
   max-content（≈230px），于是右栏既不贴右边缘、标签宽度也各不相同。
   改成 340px 固定 + 第一列 76px 固定，三列起点都可预测。 */
.gv-fmain .gv-w{display:grid;grid-template-columns:76px minmax(0,1fr) 340px;gap:0 26px;align-items:stretch;
  --gv-fqr-pull:102px}
.gv-fseal{width:76px;height:76px;flex:none;border:2px solid var(--gv-red);border-radius:3px;background:rgba(204,0,0,.03);
  color:var(--gv-red);font-family:var(--gv-serif);font-weight:700;font-size:18px;line-height:1;
  display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;place-items:center}
.gv-finfo{min-width:0}
.gv-flinks{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}
.gv-flinks a{color:var(--gv-text);text-decoration:none;font-size:13.5px}
.gv-flinks a:hover{color:var(--gv-blue);text-decoration:underline}
.gv-flinks em{color:#c9ccd1;font-style:normal}
.gv-fline{margin:5px 0;font-size:12.5px;line-height:1.85;color:var(--gv-text2)}
.gv-fline a{color:var(--gv-text2);text-decoration:none}
.gv-fline a:hover{color:var(--gv-blue);text-decoration:underline}
.gv-fpolice::before{content:"";display:inline-block;width:11px;height:11px;border-radius:50%;
  background:#1c66c0;margin-right:5px;vertical-align:-1px}

.gv-fmedia{min-width:0;display:flex;flex-direction:column}
.gv-fmedia h4{margin:0 0 10px;padding-left:8px;border-left:3px solid var(--gv-blue);
  font-size:13px;line-height:1.2;color:var(--gv-text);font-weight:700}
/* 标题带 3px 竖线 + 8px 内边距，文字实际起点在 11px；
   下面的胶囊和电话同步缩进 11px，右栏才有「一条左边线」的对齐感。
   v1.22.11：网格换成 flex 均分 —— 只有 1 个渠道时它自动铺满整行，
   3 个渠道时「2 + 1（铺满）」，任何数量都不会留下半格空洞。 */
.gv-mgrid,.gv-mlinks{display:flex;flex-wrap:wrap;gap:8px;padding-left:11px}
.gv-mlinks{margin-top:8px}
.gv-mtag{display:flex;align-items:center;gap:6px;min-width:0;
  flex:1 1 calc(50% - 4px);box-sizing:border-box;padding:8px 10px;
  background:#fff;border:1px solid var(--gv-line);font-size:12.5px;color:var(--gv-text2);text-decoration:none}
.gv-mtag:hover{border-color:#bcd6ef;background:#f7fbff;color:var(--gv-blue)}
.gv-mtag em{flex:none;width:20px;height:20px;border-radius:3px;background:var(--gv-tint);color:var(--gv-blue);
  font-style:normal;font-size:11px;display:flex;align-items:center;justify-content:center}
/* 渠道名靠左、账号名靠右，同一行两块的右边缘才对得齐 */
.gv-mtag b{font-weight:400;color:var(--gv-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  margin-left:auto;max-width:56%;text-align:right}
/* 公众号二维码（v1.39.1 再往左：拉到页面主体左边界）
   v1.39.0 只做到「与 .gv-finfo 列首对齐」，可那一列本身还缩在 76px 印章列 + 26px 间距之后，
   看截图仍觉得偏右。真正要的是贴齐印章左边缘（= 顶部导航「首页」那条竖线）。
   做法：卡片仍留在信息区底部（不新增一行、页脚高度不变），用负 margin-left 把整卡向左拉出 102px。
   偏移量走 CSS 变量，两个断点各改一次（≤1100 是 76+20，≤640 单列不再缩进）。
   max-width 也要跟着放宽，否则窄列时卡片会被压回列内、负 margin 只把字挤出去。 */
.gv-fqr{display:flex;align-items:center;gap:12px;margin:14px 0 0;
  margin-left:calc(-1 * var(--gv-fqr-pull,102px));
  padding:10px 16px 10px 10px;width:max-content;
  max-width:calc(100% + var(--gv-fqr-pull,102px));
  background:#fff;border:1px solid var(--gv-line);
  text-decoration:none;transition:.16s}

.gv-fqr:hover{border-color:#bcd6ef;background:#f7fbff;text-decoration:none}
.gv-fqr img{flex:none;width:88px;height:88px;object-fit:contain;background:#fff;display:block}
.gv-fqr span{font-size:12.5px;line-height:1.75;color:var(--gv-text2)}
.gv-fqr b{display:block;font-size:13.5px;color:var(--gv-text);font-weight:700;margin-bottom:2px}

.gv-fcontact{margin-top:auto;padding:12px 0 2px 11px;font-size:12.5px;color:var(--gv-muted)}
.gv-fcontact a{color:var(--gv-blue);text-decoration:none}

.gv-fbot{background:#e8eaee;border-top:1px solid #dcdfe4;padding:14px 0;text-align:center}
.gv-fbot p{margin:3px 0;font-size:12.5px;line-height:1.8;color:#7a7f87}

@media (max-width:1100px){
  .gv-fmain .gv-w{grid-template-columns:76px minmax(0,1fr);gap:20px;--gv-fqr-pull:96px}
  .gv-fmedia{grid-column:1 / -1;margin-top:2px}
  .gv-fcontact{margin-top:10px;padding-top:10px}
  .gv-mtag{flex:1 1 calc(33.333% - 6px)}
}
@media (max-width:640px){
  .gv-fmain .gv-w{grid-template-columns:minmax(0,1fr);gap:16px;--gv-fqr-pull:0px}
  .gv-fseal{width:62px;height:62px;font-size:15px}
  .gv-mgrid{grid-template-columns:1fr 1fr;padding-left:0}
  .gv-fcontact{padding-left:0}
  .gv-fnav .gv-w{padding:6px 0}
  .gv-fnav a{padding:0 10px;line-height:32px}
  .gv-fnav-r{margin-left:0}
}
