@charset "utf-8";
/* =========================================================
   秦淮区少年宫 qhqsng 首页样式
   仿照 http://qhqsng.njqhjy.net/index.html 线上环境还原
   ========================================================= */

/* 首页 4 列新闻区：两行两列栅格（总宽 1200px 居中） */
.index_news .list { display: flex; flex-wrap: wrap; width: 1200px; margin: 0 auto; }
.index_news .col { padding: 0 5px; box-sizing: border-box; width: 100%; }
@media (min-width: 992px) {
    .index_news .col { width: 50%; }
}

/* 新闻区块卡片（背景透明） */
.index_news .listcon { border-radius: 5px; margin-right: 0; margin-top: 0; margin-bottom: 10px; background: transparent; }
.index_news .listcon .title { height: 60px; line-height: 60px; padding-left: 14px; color: #f16c1b; font-size: 20px; text-align: left; border-bottom: 1px solid #c4c4c4; font-weight: bold; }
.index_news .listcon .title a.more { font-size: 16px; font-weight: normal; float: right; padding-right: 15px; color: #0e5fa0; }
.index_news .listcon .title a.more:hover { color: #f16c1b; }
.index_news .listcon .title span { font-size: 16px; font-weight: normal; float: right; padding-right: 15px; }
.index_news .listcon .title span a { color: #0e5fa0; }
.index_news .listcon .title span i { font-size: 16px; color: #0e5fa0; }
.index_news .listcon .con { width: 100%; }
.index_news .listcon .con ul { padding: 0; padding-top: 10px; padding-bottom: 15px; margin: 0; }
.index_news .listcon .con ul li { height: 34px; line-height: 34px; font-size: 16px; padding-left: 0; text-align: left; color: #000; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index_news .listcon .con ul li a { padding-left: 10px; color: #000; display: block; padding-right: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index_news .listcon .con ul li a i { color: #c8c6c2; margin-right: 6px; }
.index_news .listcon .con ul li a:hover { text-decoration: underline; color: #05436c; }
.index_news .listcon .con ul li span.date { float: right; color: #acacac; padding-right: 18px; margin-top: -34px; position: relative; background: transparent; }

/* 文章标题列表：每条前加淡灰色三角形装饰（替换模板输出的 i 小图标） */
.index_news .listcon .con ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    width: 0;
    height: 0;
    border-left: 7px solid #C9C9C9;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
.index_news .listcon .con ul li a { padding-left: 22px; }
.index_news .listcon .con ul li a i { display: none; }

/* 底部：还原线上首页 footer 结构 */
.index_footer { clear: both; }

/* 首页焦点图（如需动态广告时启用） */
#indBanner { width: 100%; overflow: hidden; position: relative; }
#indBanner .bd li { position: relative; }
#indBanner .bd img { width: 100%; display: block; }