@charset "utf-8";
/* =========================================================
   秦淮区少年宫 qhqsng 内页样式（列表页 / 内容页 / 单页 / 搜索页）
   仿照 http://qhqsng.njqhjy.net/list.html、detail.html 线上环境还原
   ========================================================= */

/* 内页容器 */
.inner { width: 1200px; margin: 0 auto; }
.screen-phone .inner { width: 100%; padding: 0 10px; box-sizing: border-box; }

/* 内页顶部：图片 + 搜索 + 标题（还原线上 .top） */
.top { border-top: 7px solid #05436c; padding: 13px 0; }
.whitebg { background: #fff; }
.top .container { position: relative; width: 1200px; margin: 0 auto; overflow: hidden; display: flex; align-items: center; justify-content: space-between; }
.screen-phone .top .container { width: 100%; display: block; }
/* 左列：图片 + 节点名称（垂直居中） */
.top .col.col-md-9, .top .col.col-lg-9 { display: flex; align-items: center; flex: 0 0 auto; }
.top .container>img, .top .col img { max-width: 100%; height: auto; vertical-align: middle; }
.top h2 { position: static; display: inline-block; vertical-align: middle; margin: 0 0 0 30px; font-size: 36px; font-weight: 700; color: #04436e; white-space: nowrap; }
.screen-phone .top h2 { font-size: 24px; margin: 10px 0 0; display: block; }
.top h2 span { font-size: 36px; }
.screen-phone .top h2 span { font-size: 24px; }
/* 右列：搜索框（右上角） */
.top .col.col-md-3, .top .col.col-lg-3 { flex: 0 0 auto; align-self: flex-start; padding-top: 10px; }
.screen-phone .top .col.col-md-3, .screen-phone .top .col.col-lg-3 { padding-top: 0; }
/* 搜索框 */
.search { height: 47px; border-bottom: 2px solid #91d1dd; position: relative; }
.search input { height: 47px; line-height: 47px; width: 87%; border: none; background: 0 0; color: #000; font-size: 16px; outline: none; }
.search i { position: absolute; top: 12px; right: 0; display: block; width: 23px; height: 23px; background: url(../../images/search.png) no-repeat; cursor: pointer; }
.screen-phone .search { margin: 10px 0; }
.screen-phone .search input { width: 90%; }

/* 电脑端导航（内页复用，保证与首页一致） */
#headernav { width: 100%; position: relative; box-sizing: border-box; background: #05436c; margin-top: 5px; }
#headernav .container { width: 1200px; margin: 0 auto; }
#headernav ul { text-align: center; float: none; margin: 0; padding: 0; font-size: 0; }
#headernav ul>li { display: inline-block; position: relative; float: none; height: 60px; width: 13.6%; background: url(../../images/nav_right.jpg) right center no-repeat; font-size: 18px; vertical-align: top; }
#headernav ul>li>a { display: block; width: 100%; height: 60px; line-height: 60px; font-size: 18px; color: #fff; padding: 0; }
#headernav ul>li:hover>a, #headernav ul>li.active>a { background-color: #05436c; color: #fff; }
#headernav ul>li .navplus { width: 100%; display: none; position: absolute; z-index: 1009; text-align: left; top: 60px; left: 0; font-size: 0; background-color: rgba(5, 67, 108, 0.8); border-radius: 0 0 10px 10px; }
#headernav ul>li .navplus>a { display: block; font-size: 16px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 14px 20px; height: auto; line-height: 14px; }
#headernav ul>li .navplus>a:hover { background-color: rgba(48, 82, 105, 0.7); color: #fff; }
#headernav ul>li.spe { width: 0; background: none; color: transparent; overflow: hidden; }
#headernav ul>li:last-child { border-right: none; }
/* 动易节点导航结构适配：覆盖 default.css 默认导航（去图标、去固定宽度、防换行） */
#headernav .mainNav { font-size: 0; text-align: center; }
#headernav .mainNav .li1 { display: inline-block; position: relative; float: none; height: 60px; width: 13.6%; background: url(../../images/nav_right.jpg) right center no-repeat; text-align: center; font-size: 18px; vertical-align: top; }
#headernav .mainNav .li1 .h1 { margin: 0; font-size: 18px; font-weight: normal; line-height: 60px; height: 60px; }
#headernav .mainNav .li1 .h1 a { color: #fff; line-height: 60px; display: block; height: 60px; width: 100%; padding: 0; margin: 0; background: none; font-size: 18px; text-align: center; white-space: nowrap; }
#headernav .mainNav .li1 .h1 a:hover { background: none; color: #fff; text-decoration: none; }
#headernav .mainNav .li1.on1 .h1 a, #headernav .mainNav .li1.on .h1 a { border-top: none; background: #05436c; color: #fff; }
#headernav .mainNav .li1:hover .h1 a { background: none; color: #fff; }
#headernav .mainNav .li1 .ul1 { width: 160px; display: none; position: absolute; z-index: 1009; text-align: left; top: 60px; left: 50%; margin-left: -80px; background-color: rgba(5, 67, 108, 0.85); border-radius: 0 0 10px 10px; padding: 4px 0; }
#headernav .mainNav .li1:hover .ul1 { display: block; }
#headernav .mainNav .li1 .ul1 .li2 { display: block; float: none; width: 100%; height: auto; background: none; text-align: left; }
#headernav .mainNav .li1 .ul1 .li2 .h2 { margin: 0; font-size: 16px; font-weight: normal; }
/* 悬浮子节点：高度 42px，节点前三角形装饰 */
#headernav .mainNav .li1 .ul1 .li2 .h2 a { display: block; color: #fff; line-height: 42px; height: 42px; padding: 0 10px; }
#headernav .mainNav .li1 .ul1 .li2 .h2 a::before { content: ""; display: inline-block; width: 0; height: 0; border-left: 5px solid #fff; border-top: 4px solid transparent; border-bottom: 4px solid transparent; margin-right: 8px; vertical-align: middle; }
#headernav .mainNav .li1 .ul1 .li2 .h2 a:hover { background-color: rgba(48, 82, 105, 0.7); color: #fff; }
#headernav .mainNav .spe { display: none; }

/* 面包屑 */
.weizhi { height: 43px; line-height: 43px; margin-top: 20px; padding-left: 15px; font-size: 16px; color: #000; margin-bottom: 10px; border-bottom: 1px dashed #8ecedb; position: relative; }
.weizhi a { font-size: 16px; color: #000; }
.weizhi a:hover { color: #05436c; }
.weizhi i { color: #05436c; }

/* 内页列表 */
.inner_news { width: 100%; }
.inner_news .list { width: 1200px; margin: 0 auto; margin-top: 0; padding: 0; }
.screen-phone .inner_news .list { width: 100%; padding: 0 10px; box-sizing: border-box; }
.inner_news .listcon { border-radius: 5px; margin-right: 5px; margin-top: 0; background: transparent; padding: 0 14px 10px; }
.inner_news .listcon .title { height: 60px; line-height: 60px; padding-left: 14px; color: #f16c1b; font-size: 20px; font-weight: 700; text-align: left; border-bottom: 1px solid #c4c4c4; margin: 0 -14px; }
.inner_news .listcon .title i { font-size: 20px; color: #0e5fa0; }
.inner_news .listcon .title span { font-size: 16px; font-weight: normal; float: right; padding-right: 15px; }
.inner_news .listcon .title span i { font-size: 16px; }
.inner_news .listcon .con { width: 100%; }
.inner_news .listcon .con ul { padding: 0; padding-top: 10px; padding-bottom: 15px; margin: 0; }
.inner_news .listcon .con ul li { height: 42px; line-height: 42px; font-size: 16px; padding-left: 0; text-align: left; color: #000; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dashed #e5e5e5; }
.inner_news .listcon .con ul li a { padding-left: 10px; color: #000; display: block; padding-right: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inner_news .listcon .con ul li a i { color: #c8c6c2; margin-right: 6px; }
.inner_news .listcon .con ul li a:hover { text-decoration: underline; color: #05436c; }
.inner_news .listcon .con ul li span.date { float: right; color: #acacac; padding-right: 18px; margin-top: -42px; position: relative; background: transparent; }

/* 文章标题列表：每条前加淡灰色三角形装饰（替换模板输出的 i 小图标） */
.inner_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;
}
.inner_news .listcon .con ul li a { padding-left: 22px; }
.inner_news .listcon .con ul li a i { display: none; }

/* 特色团队子列表：栏目名称黄色字体 */
.inner_news .listcon .title.yellow { color: #ffc800; }

/* 特色团队图文列表：左侧图片，右侧上方标题、下方描述与时间 */
.inner_news .listcon .con ul.tstdList { padding-top: 15px; }
.inner_news .listcon .con ul.tstdList li { height: auto; line-height: normal; padding: 18px 0; overflow: hidden; text-overflow: clip; white-space: normal; border-bottom: 1px dashed #e5e5e5; }
.inner_news .listcon .con ul.tstdList li::before { display: none; }
.inner_news .listcon .con ul.tstdList li.noData { text-align: center; color: #999; padding: 20px 0; }
.inner_news .listcon .con ul.tstdList .pic { float: left; width: 240px; margin-right: 20px; }
.inner_news .listcon .con ul.tstdList .pic img { width: 100%; height: auto; display: block; border: 0; }
.inner_news .listcon .con ul.tstdList .con { overflow: hidden; }
.inner_news .listcon .con ul.tstdList .con .title { height: auto; line-height: 30px; margin: 0; padding: 0; font-size: 18px; font-weight: 700; border-bottom: 0; color: #05436c; }
.inner_news .listcon .con ul.tstdList .con .title a { padding: 0; display: block; color: #05436c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inner_news .listcon .con ul.tstdList .con .title a:hover { text-decoration: none; color: #f16c1b; }
.inner_news .listcon .con ul.tstdList .con .intro { margin: 10px 0 8px; font-size: 15px; line-height: 24px; color: #666; max-height: 48px; overflow: hidden; }
.inner_news .listcon .con ul.tstdList .con .others { overflow: hidden; }
.inner_news .listcon .con ul.tstdList .con .date { float: none; display: block; margin-top: 0; padding: 0; color: #999; font-size: 14px; position: static; background: none; }

/* 手机端 */
.screen-phone .inner_news .listcon .con ul.tstdList .pic { width: 108px; margin-right: 12px; }
.screen-phone .inner_news .listcon .con ul.tstdList .con .title { font-size: 16px; line-height: 24px; }
.screen-phone .inner_news .listcon .con ul.tstdList .con .intro { max-height: none; }

/* 列表分页（动易通用分页适配） */
.inner_news .page, .page_div { text-align: center; padding: 20px 0 30px; }
.inner_news .pagectrl { display: block; width: 100%; padding-top: 20px; }
.inner_news .pagectrl>a { display: inline-block; padding: 0 16px; height: 30px; line-height: 28px; font-size: 14px; border: 1px solid #ccc; border-radius: 3px; margin-bottom: 10px; color: #333; background: #fff; }
.inner_news .pagectrl>a.active, .inner_news .pagectrl>a:hover { background-color: #05436c; border: 1px solid #05436c; color: #fff; text-decoration: none; }
.inner_news .pagectrl .pagectrlform { display: inline-block; height: 30px; line-height: 28px; padding: 0 20px; margin-bottom: 10px; }
.inner_news .pagectrl .pagectrlform .pageinput { width: 30px; height: 30px; border: 1px solid #ccc; text-align: center; }
.inner_news .pagectrl .pagectrlform .pagesubmit { padding: 0 8px; height: 30px; background-color: #05436c; border: 1px solid #05436c; color: #fff; }

/* 详情页 */
.about { padding: 10px; background: transparent; }
.about .title h1 { padding: 12px 0; font-size: 24px; text-align: center; margin-top: 0; color: #05436c; }
.about .title p { text-align: center; font-size: 14px; color: #7f7f7f; border-bottom: 1px solid #d9d9d9; padding: 0 0 12px 0; }
.about .content { font-size: 16px; width: 100%; margin: 0 auto; margin-top: 20px; color: #000; line-height: 2; }
.about .content img { max-width: 100%; height: auto; }
.newstitle { display: block; width: 100%; font-size: 20px; font-weight: 700; line-height: 40px; text-align: center; color: #05436c; }
.maincontent { font-size: 16px; width: 100%; max-width: 1000px; margin: 0 auto; padding: 10px; color: #000; }
.screen-phone .maincontent { padding: 5px; }

/* 内容页上下篇 */
.prevnext { width: 100%; padding: 20px 0; font-size: 14px; }
.prevnext a { color: #333; }
.prevnext a:hover { text-decoration: underline; color: #05436c; }
.prevnext .prev, .prevnext .next { width: 100%; display: block; }

/* 底部 */
#footerbar { width: 100%; font-size: 14px; color: #fff; margin-top: 40px; padding-top: 20px; padding-bottom: 20px; background-color: #05436c; border-top: 1px solid #f4f4f4; }
#footerbar .container { text-align: center; }
#footerbar p { margin: 0; font-size: 14px; padding: 5px 0; color: #fff; }
#footerbar a { color: #fff; }
#footerbar a:hover { color: #68bff9; }
#footerbar .group-left1 { padding: 0; text-align: center; }

/* ---------- 动易模块页通用结构（信箱/投票/调查/竞赛等） ---------- */
#content { width: 1200px; margin: 20px auto 0; }
.screen-phone #content { width: 100%; padding: 0 10px; box-sizing: border-box; }
#content .path { margin-bottom: 10px; font-size: 14px; color: #666; }
#content .path a { color: #05436c; }
.side { width: 230px; float: left; margin-right: 20px; }
.screen-phone .side { width: 100%; float: none; margin-right: 0; }
.mainContent { overflow: hidden; }
.screen-phone .mainContent { width: 100%; }

/* 侧栏 */
#sideMenu { margin-bottom: 20px; background: transparent; }
#sideMenu .hd { height: 46px; line-height: 46px; background: #05436c; padding-left: 20px; }
#sideMenu .hd h3 { font-size: 18px; color: #fff; font-weight: bold; }
#sideMenu .hd h3 a { color: #fff; }
#sideMenu .bd { padding-top: 1px; }
#sideMenu .bd li { height: 46px; line-height: 46px; margin-bottom: 2px; overflow: hidden; }
#sideMenu .bd li a { display: block; color: #666; text-align: center; background: transparent; font-size: 16px; }
#sideMenu .bd li a:hover, #sideMenu .bd li.on a { color: #05436c; text-decoration: none; }
.sideBox { margin-bottom: 20px; background: transparent; }
.sideBox .hd { height: 46px; line-height: 46px; background: #05436c; padding-left: 20px; }
.sideBox .hd h3 { font-size: 18px; color: #fff; font-weight: bold; }
.sideBox .hd h3 a { color: #fff; }
.sideBox .bd { padding: 10px; background: transparent; }
.sideBox .bd li { height: 30px; line-height: 30px; overflow: hidden; }
.sideBox .bd li a { color: #333; font-size: 14px; }
.sideBox .bd li a:hover { color: #05436c; }
.sideBox .bd li .date { float: right; color: #999; font-size: 12px; }

/* 主内容框 */
.mainBox { overflow: hidden; margin-bottom: 20px; background: transparent; padding: 15px; }
.mainBox .mHd { height: 44px; line-height: 44px; border-bottom: 2px solid #eee; margin-bottom: 20px; }
.mainBox .mHd h3 { float: left; font-size: 20px; color: #333; padding: 0 10px; border-bottom: 2px solid #05436c; font-weight: bold; }
.mainBox .mHd h3 a { color: #05436c; }
.mainBox .mHd .more { float: right; font-size: 14px; color: #999; }
.mainBox .mHd .more:hover { color: #05436c; }
.mainBox .mBd { padding: 0; }

/* 通用信息列表（模块页复用） */
.mainBox .infoList li { height: 32px; line-height: 32px; overflow: hidden; padding-left: 12px; background: url(../../base/img/dot-01.png) no-repeat 0 12px; }
.mainBox .infoList li a { font-size: 14px; color: #333; }
.mainBox .infoList li a:hover { color: #05436c; }
.mainBox .infoList li .date { float: right; font-size: 12px; color: #999; }
.mainBox .newsList li, .mainBox .pageTPList li { padding: 10px 0; border-bottom: 1px dashed #e1e1e1; overflow: hidden; }
.mainBox .newsList li a, .mainBox .pageTPList li a { color: #333; font-size: 15px; }
.mainBox .newsList li a:hover, .mainBox .pageTPList li a:hover { color: #05436c; }
.mainBox .newsList li .date, .mainBox .pageTPList li .date { float: right; color: #999; font-size: 13px; }

/* 父列表页-一列式：栏目循环（橙色栏目标题 + 文章图文列表） */
.pageBoxLoop1 .pageBox { margin-bottom: 30px; }
.pageBoxLoop1 .pageBox .hd { height: 44px; line-height: 44px; margin-bottom: 12px; }
.pageBoxLoop1 .pageBox .hd h3 { float: left; font-size: 20px; font-weight: 700; }
.pageBoxLoop1 .pageBox .hd h3 a { color: #f16c1b; }
.pageBoxLoop1 .pageBox .hd h3 a:hover { color: #05436c; text-decoration: none; }
.pageBoxLoop1 .pageBox .bd ul.tstdList { padding-top: 0; }
.pageBoxLoop1 .pageBox .bd ul.tstdList li { height: auto; line-height: normal; padding: 18px 0; overflow: hidden; text-overflow: clip; white-space: normal; border-bottom: 1px dashed #e5e5e5; }
.pageBoxLoop1 .pageBox .bd ul.tstdList li::before { display: none; }
.pageBoxLoop1 .pageBox .bd ul.tstdList li.noData { text-align: center; color: #999; padding: 20px 0; }
.pageBoxLoop1 .pageBox .bd ul.tstdList .pic { float: left; width: 240px; margin-right: 20px; }
.pageBoxLoop1 .pageBox .bd ul.tstdList .pic img { width: 100%; height: auto; display: block; border: 0; }
.pageBoxLoop1 .pageBox .bd ul.tstdList .con { overflow: hidden; }
.pageBoxLoop1 .pageBox .bd ul.tstdList .con .title { height: auto; line-height: 30px; margin: 0; padding: 0; font-size: 18px; font-weight: 700; border-bottom: 0; color: #05436c; }
.pageBoxLoop1 .pageBox .bd ul.tstdList .con .title a { padding: 0; display: block; color: #05436c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pageBoxLoop1 .pageBox .bd ul.tstdList .con .title a:hover { text-decoration: none; color: #f16c1b; }
.pageBoxLoop1 .pageBox .bd ul.tstdList .con .intro { margin: 10px 0 8px; font-size: 15px; line-height: 24px; color: #666; max-height: 48px; overflow: hidden; }
.pageBoxLoop1 .pageBox .bd ul.tstdList .con .others { overflow: hidden; }
.pageBoxLoop1 .pageBox .bd ul.tstdList .con .date { float: none; display: block; margin-top: 0; padding: 0; color: #999; font-size: 14px; position: static; background: none; }
.screen-phone .pageBoxLoop1 .pageBox .bd ul.tstdList .pic { width: 108px; margin-right: 12px; }
.screen-phone .pageBoxLoop1 .pageBox .bd ul.tstdList .con .title { font-size: 16px; line-height: 24px; }
.screen-phone .pageBoxLoop1 .pageBox .bd ul.tstdList .con .intro { max-height: none; }

/* 模块页通用分页 */
.mainBox .page { text-align: center; padding: 20px 0; }
.mainBox .pagectrl a { display: inline-block; padding: 0 12px; height: 28px; line-height: 26px; font-size: 13px; border: 1px solid #ccc; border-radius: 3px; margin: 0 2px 6px; color: #333; background: #fff; }
.mainBox .pagectrl a.active, .mainBox .pagectrl a:hover { background-color: #05436c; border-color: #05436c; color: #fff; text-decoration: none; }
.mainBox .pagectrl .total, .mainBox .pagectrl .select { font-size: 13px; color: #666; }