/* 通用样式 */
header{ background:#fee160; }
footer{ padding:15px 10px 10px; }
em{ font-style:normal; }

/* 布局工具 */
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; }
.flr{ margin-left:auto; }
.center{ text-align:center; display:block; }
.mgt10{ margin-top:10px!important; }
.mgt20{ margin-top:20px!important; }
.mgt60{ margin-top:60px!important; }
.line-none{ border:0!important; }
.line-solid{ border-top:1px solid #eee; }

/* 颜色工具类（全站统一：红#ec0000 / 绿#00a832 / 橙#ff9800 / 灰#888；!important 防被内联覆盖） */
.cred{ color:#ec0000!important; }
.cgreen{ color:#00a832!important; }
.corange{ color:#ff9800!important; }
.cneutral{ color:#888!important; }

/* 字号工具 */
.ft12{ font-size:12px; }
.ftb{ font-weight:bold; }

/* 站点头部 logo */
.etf-logo{ font-size:16px; position:absolute; left:50px; right:50px; top:10px; margin:0 auto; padding:0; height:30px; line-height:30px; text-align:center; letter-spacing:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.etf-logo img{ width:120px; height:30px; }
.etf-code{ font-size:12px; color:#888; }

/* 列表/卡片容器（统一卡片规范：白底 + 1px #eee + 5px 圆角 + 轻阴影） */
.etf-main{ padding:6px 10px; background:#fff; border:1px solid #eee; box-shadow:rgba(0,0,0,0.02) 0 0 9px 1px; border-radius:5px; display:block; }
.etf-list{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:7px 0; }
.etf-list b{ color:#888; }

/* 列表页三列宽度（1.7 : 0.55 : 1.05，村长 2026-10-14 优化） */
.etf-cn,.etf-cc,.etf-cm{ padding:0; box-sizing:border-box; margin:5px; min-height:20px; }
.etf-cn{ flex:1.7; }
.etf-cc{ flex:0.55; text-align:right; }
.etf-cm{ flex:1.05; text-align:right; }

.etf-price{ font-size:15px; }
.etf-rate{ padding:0; }
.b-title{ font-weight:bold; font-size:15px; }
.h-title{ font-size:16px; font-weight:bold; margin:12px 4px 4px 4px; }

/* 详情页卡片 */
.etf-box{ padding:6px 10px; background:#fff; border:1px solid #eee; box-shadow:rgba(0,0,0,0.02) 0 0 9px 1px; border-radius:5px; display:block; }
.etf-box-info{ padding:8px 5px 0 10px; display:flex; }
.etf-box-info h3{ padding-top:10px; font-size:18px; font-weight:bold; margin:0; }
.etf-box-info p{ margin:0; }
.etf-box-code{ font-size:13px; color:#888; }
.etf-box-time{ padding:1px 2px; background:#f0f0f0; color:#888; font-size:12px; text-align:center; margin-left:5px; }
.etf-box-risk{ padding:3px 5px; font-weight:bold; text-align:center; margin-left:10px; border-radius:2px; }
.risk-img{ padding-top:12px; width:160px; }
.risk-tip{ color:#888; font-weight:normal; font-size:12px; text-align:right; padding-right:10px; }
.etf-box-price{ padding:0 10px 8px 10px; display:flex; }
.etf-box-price p{ margin:0; }
.etf-box-value{ font-size:28px; font-weight:bold; }
.etf-box-rate{ padding-top:3px; }
.etf-box-annual{ font-size:19px; padding-top:10px; }
.etf-box-stxt{ color:#888; font-size:12px; text-align:right; }
.etf-value-k{ width:100%; font-size:12px; padding-top:4px; }
.etf-box-vote{ margin:0 10px 10px 10px; display:flex; }
.etf-box-vote p{ margin:0; }

/* 页脚免责声明（列表/详情/首页共用，统一一处） */
.disc-box{ font-size:12px; color:#999; line-height:1.7; padding:2px; }
.disc-box .disc-p{ font-size:12px; color:#999; margin:0; line-height:1.7; }
.disc-box .disc-p b{ color:#777; font-weight:600; margin-right:2px; }

/* 桌面端最大宽度：中间内容区（列表/详情box/首页）限宽960，顶部header与底部footer满宽自适应 */
@media (min-width:768px){
  .detail-page{max-width:960px;margin-left:auto;margin-right:auto;}
}