/* ====================================================================
   潜江资讯网 qj99.net —— 首页（栏目页通用）豆腐块混排样式
   --------------------------------------------------------------------
   · 电脑版固定版心 1200px，一行四个豆腐块，超出自动换行；
   · 纯浮动布局，兼容 IE8/IE9：无 grid/flex、无阴影渐变动画、无 CSS 变量；
   · 文字截断用固定高度 + overflow:hidden，不依赖 line-clamp；
   · 不设字体，跟随浏览器；
   · class 全部 qj99- 前缀，不影响站点现有头、尾、公告通栏样式。
   · 蓝/橙顶边由本 CSS 自动按行交替（第1~4个蓝、5~8个橙、9~12个蓝……），
     模板里不用做任何判断，循环输出卡片即可。
     （IE9 及所有现代浏览器自动交替；IE8 下顶边统一蓝色，布局不受影响。）
   --------------------------------------------------------------------
   配色：
     卡片底：纯白；左右下边框灰 #ccc；上边框一行蓝(#2e7bc4)一行橙(#f08c00)
     标题：黑 #222，悬停红 #D40000；摘要：灰 #666
     地区：红 #D40000；日期：绿 #009900；"查看详情"按钮：蓝 #2e7bc4
     鼠标滑过：上边框、标题、按钮变红 #D40000，左右下边框保持灰色
   ==================================================================== */

/* 外层容器：固定 1200px 居中（若你的模板已有外层容器，可不用此条） */
.qj99-main{margin:12px auto;color:#333;font-size:14px}
.qj99-main a{text-decoration:none;color:inherit}
.qj99-main a:hover{color:#D40000}

/* 大 div：负边距抵消卡片左右 padding；:after 清浮动 */
.qj99-grid{margin:0 -6px}
.qj99-grid:after{content:"";display:block;clear:both}

/* 小 div：浮动 + 25% 宽，自动一行四个、超四个换行（IE8 原生支持） */
.qj99-card{float:left;width:25%;padding:6px;box-sizing:border-box;display:block}

/* 卡片：白底，上边框蓝色（默认），左右下灰色 */
.qj99-card-in{position:relative;box-sizing:border-box;height:143px;background:#fff;border:1px solid #ccc;border-top:2px solid #2e7bc4;border-radius:4px;padding:10px 12px;overflow:hidden}
/* 橙行：每 8 个卡片里的第 5~8 个（即第二行）自动变橙顶边，一行蓝一行橙 */
.qj99-card:nth-child(8n+5) .qj99-card-in,
.qj99-card:nth-child(8n+6) .qj99-card-in,
.qj99-card:nth-child(8n+7) .qj99-card-in,
.qj99-card:nth-child(8n+8) .qj99-card-in{border-top-color:#f08c00}
/* 悬停：上边框、标题、按钮变红，左右下边框保持灰色 */
.qj99-card:hover .qj99-card-in{background:#fff;border-color:#ccc;border-top-color:#D40000}

/* 标题：黑色粗体，最多两行，超高切掉（兼容 IE8） */
.qj99-card h3{margin:0;font-size:14px;font-weight:bold;color:#222;line-height:20px;height:40px;overflow:hidden}
.qj99-card:hover h3{color:#D40000}

/* 摘要：灰色三行，超高切掉 */
.qj99-card-txt{margin:6px 0 0;font-size:12px;line-height:19px;height:57px;overflow:hidden;color:#666}

/* 底行（贴卡片底部）：地区、日期在左，查看详情按钮在右 */
.qj99-card-meta{position:absolute;left:12px;right:12px;bottom:8px;margin:0;font-size:12px;line-height:20px}
.qj99-card-meta:after{content:"";display:block;clear:both}
.qj99-card-meta .qj99-area{float:left;color:#D40000}
.qj99-card-meta .qj99-date{float:left;margin-left:10px;color:#009900}
/* 查看详情：蓝底白字，悬停变红 */
.qj99-card-meta .qj99-more{float:right;background:#2e7bc4;color:#fff;border-radius:3px;padding:1px 10px;line-height:18px;font-size:12px;font-weight:bold}
.qj99-card:hover .qj99-more{background:#D40000;color:#fff}