/* ── linghuijin 站点专属样式（红色主题） ── */

/* 基础重置 */
* { margin: 0; padding: 0; border: 0; -webkit-font-smoothing: antialiased; }
body {
  font-family: arial, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', '宋体', Tahoma, Arial, Helvetica, STHeiti;
  line-height: 1.5;
  background: #fff;
  font-size: 14px;
  padding-top: 60px;
}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section { display: block; }
ul, ol, li { list-style: none; }
a { color: #133DB6; text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; border: 0; }
:focus { outline: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; font-size: 100%; }

/* 布局容器 */
.body { width: 1180px; margin: 0 auto; min-height: 1180px; }
#Body { padding-top: 30px; transition: transform .5s ease 0s; }
#Body:after { clear: both; overflow: hidden; content: '\20'; display: block; height: 0; }
.left { width: 840px; margin-right: 40px; float: left; min-height: 500px; }
.right { width: 300px; float: left; }

/* ── Cover 品牌封面区 ── */
.mod-cover { width: 100%; background: #c82b3a; }
.mod-cover .cover { width: 1180px; height: 160px; margin: 0 auto; position: relative; }
.mod-cover .cover .coverbg {
  width: 800px; height: 100%; margin: 0 auto; position: absolute; top: 0; left: 100px;
  background-image: radial-gradient(400px 160px at center top, rgba(220,76,71,1), rgba(220,76,71,0));
}
.mod-cover .cover .coverlogo {
  width: 100%; height: 120px; position: relative; text-align: center;
  line-height: 160px; font-size: 40px; color: #fff; font-weight: bold;
}
.mod-cover .cover .coverlogo img { position: relative; top: 50%; height: 54px; }
.mod-cover .cover .coverslogan { width: 100%; height: 26px; color: #fff; position: relative; text-align: center; }
.mod-cover .cover .coverslogan .ll,
.mod-cover .cover .coverslogan .rl {
  display: inline-block; width: 100px; height: 1px; background: #fff; opacity: .5; font-size: 0; line-height: 0; vertical-align: middle;
}
.mod-cover .cover .coverslogan span { padding: 0 10px; display: inline-block; }

/* ── Header 固定导航栏 ── */
#Header {
  height: 60px; line-height: 60px; width: 100%; z-index: 11;
  box-shadow: 0 2px 1px rgba(0,0,0,.2); top: 0;
  position: fixed; background: #c72c3b;
  transition: transform .5s ease 0s;
}
#Header .header { width: 1180px; margin: 0 auto; position: relative; height: 100%; }
#Header .logo { position: absolute; height: 100%; margin-left: 15px; display: none; }
#Header .logo a {
  display: block; color: #fff; font-size: 14px; font-weight: bold;
  height: 100%; line-height: 60px;
}
#Header .menulist { padding: 0 10px; }
#Header .menulist .menu {
  padding: 0 10px; height: 60px; line-height: 60px;
  position: relative; text-align: center; float: left;
}
#Header .menulist .menu a {
  float: left; padding: 0 10px; font-size: 20px; font-weight: 400;
  text-align: center; border-bottom: 4px solid #c72c3b;
  height: 56px; width: 100%; color: #fff; text-decoration: none;
}
#Header .menulist .menu.hover a,
#Header .menulist .menu.active a { border-bottom-color: #fff !important; }
#Header .headerSearch {
  float: right; position: relative; width: 144px; height: 32px;
  margin-top: 14px; overflow: hidden;
}
#Header .searchbar {
  width: 30px; height: 100%; position: absolute; left: 0; top: 2px;
}
#Header .searchbar .searchA {
  display: inline-block; height: 20px; width: 20px;
  position: absolute; left: 8px; top: 5px; z-index: 1; cursor: pointer;
}
#Header .searchbar .searchA svg { width: 20px; height: 20px; fill: #fff; }
#Header .searchbar .txt {
  padding: 0; width: 0; height: 30px; background: #fff;
  display: inline-block; transition: all .3s ease-out; font-style: normal; vertical-align: top;
}
#Header .searchbar .txt svg { width: 20px; height: 20px; position: absolute; left: 8px; top: 5px; fill: #999; }
#Header .searchbar input {
  width: 100%; height: 18px; line-height: 18px; margin: 6px 0;
  transition: all .3s ease-out; vertical-align: top; color: #333; font-size: 14px;
  border: none; background: transparent;
}
#Header .showbar .txt { width: 108px; padding: 0 3px 0 33px; }
#Header .sub-menu { display: none; }
#Header .icon-submenu {
  position: absolute; top: 21px; left: 14px; display: block;
  width: 20px; height: 18px; cursor: pointer;
}
#Header .icon-submenu::before,
#Header .icon-submenu::after {
  content: ''; display: block; height: 2px; background: #fff; margin-bottom: 4px;
}
#Header .icon-submenu span {
  display: block; height: 2px; background: #fff;
}

/* ── Body 主内容区 ── */
#Body { transition: transform .5s ease 0s; }

/* ── 文章列表卡片 ── */
.feed_tegao {
  position: relative; height: 125px; border-bottom: 1px solid #ebebeb;
  padding: 15px 15px 20px 195px;
}
.feed_tegao .picture { position: absolute; left: 15px; top: 20px; width: 160px; height: 120px; }
.feed_tegao .picture a { display: block; height: 100%; }
.feed_tegao .picture img { width: 100%; height: 100%; }
.feed_tegao h4 { padding-bottom: 6px; }
.feed_tegao h4 a {
  text-decoration: none; word-wrap: break-word; word-break: break-all;
  color: #000; font-size: 18px; line-height: 28px; font-weight: 400;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  display: block;
}
.feed_tegao h4 a:hover { color: #008cdd; }
.feed_tegao .summary { font-size: 14px; line-height: 24px; color: #777; height: 72px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.feed_tegao .more { color: #369; text-decoration: none; margin-left: 4px; }
.feed_tegao a.more:hover { text-decoration: underline; }
.feed_tegao .infos { position: absolute; bottom: 19px; font-size: 14px; color: #999; width: 450px; }
.feed_tegao .infos .time { display: inline-block; vertical-align: top; line-height: 21px; height: 21px; }
#banners .long .summary { height: 72px; }

/* ── 侧栏模块 ── */
.ap { margin-bottom: 30px; }
.ap .apt h4 {
  display: inline-block; font-size: 24px; color: #000;
  line-height: 26px; margin-right: 20px; font-weight: 400;
}
.ap .apt h4 a, .ap .apt h4 a:hover { color: #000; }
.ap .apt .more { float: right; padding-top: 10px; }
.ap .apt .more a { text-decoration: none; }
.ap .apt .entit {
  border-bottom: 1px solid #b2b2b2; height: 11px;
  position: relative; margin-top: 5px; margin-bottom: 8px;
}
.ap .apt .entit span {
  color: #b2b2b2; font-size: 12px; padding-right: 5px;
  line-height: 11px; background: #fff;
  display: inline-block; position: absolute; bottom: -1px;
}
.ulist li {
  padding: 0 55px 0 30px; position: relative;
  line-height: 38px; height: 38px; overflow: hidden;
}
.ulist li .num {
  position: absolute; left: 0; width: 20px; height: 20px;
  text-align: center; line-height: 20px; top: 10px;
  font-size: 16px; color: #dd5d69;
}
.ulist li .top3 { background: #dd5d69; color: #fff; border-radius: 2px; }
.ulist li .tm {
  position: absolute; right: 0; font-size: 12px; color: #999;
  top: 0; width: 55px; line-height: 38px; text-align: right;
}
.ulist li a {
  color: #333; font-size: 16px; height: 38px;
  display: block; overflow: hidden; text-decoration: none;
}
.ulist li a:hover { text-decoration: underline; }

/* ── Footer 页脚 ── */
#Footer {
  border-top: 1px solid #ebebeb; padding: 15px 0;
  background: #f0f0f0; position: relative; margin-top: -1px;
  transition: transform .5s ease 0s;
}
#Footer a { text-decoration: none; }
#Footer p { padding: 5px 0; text-align: center; }
#Footer .top-nav { color: #858585; font-size: 12px; }
#Footer .top-nav a, #Footer .top-nav strong { font-weight: 400; color: #858585; margin: 0 5px; }
#Footer .qq-info { font-size: 14px; color: #000; font-weight: bold; }

/* ── 分页 ── */
.pages { padding: 20px 0; width: 100%; text-align: center; clear: both; margin: 48px 0; }
.pages a, .pages span {
  color: #666; padding: 0 15px; margin: 0 3px;
  display: inline-block; vertical-align: middle;
  line-height: 34px; background: #f9f9f9; border: 1px solid #f2f2f2;
}
.pages a:hover {
  display: inline-block; color: #fff; background: #1558c7;
  border-color: #1558c7; box-shadow: 0 0 14px rgba(0,0,0,.2); text-decoration: none;
}
.pages span.page-num-current {
  display: inline-block; color: #fff; background: #1558c7;
  border-color: #1558c7; box-shadow: 0 0 14px rgba(0,0,0,.2);
}

/* ── 文章详情页 ── */
.hclc { width: 100%; float: left; }
.hclc article h1 {
  font-size: 24px; padding-bottom: 10px; margin-bottom: 10px;
  border-bottom: 1px dotted #999; line-height: 1.4; font-weight: 700;
}
.hclc .contInfo {
  font-size: 12px; width: 100%; display: inline-block;
  line-height: 16px; margin-bottom: 20px;
}
.hclc .contInfo span { margin-right: 5px; }
.hclc .contInfo a { color: #666; }
.hclc article p { margin-top: 20px; font-size: 16px; line-height: 1.8; word-wrap: break-word; }
.hclc article p a { color: #4682b4; }
.hclc article p a:hover { color: #4682b4; }
.hclc article img { width: 100%; }
.hclc article h4, .hclc article h5 { font-weight: 500; }

/* 免责声明 */
.box_page_line { padding: 15px; background: #FCD590; border-radius: 10px; margin: 20px 10px; }
.box_page_line .line p { color: #333333; margin-top: 0; }
.box_page_line .line img { width: 20px; vertical-align: middle; margin-right: 15px; }

/* 上下篇导航 */
.article-nav { overflow: hidden; margin-bottom: 40px; font-size: 12px; color: #999; word-break: break-word; }
.article-nav span { float: left; position: relative; width: 50%; }
.article-nav .article-nav-next { float: right; text-align: right; }
.article-nav .article-nav-next::before {
  content: ""; position: absolute; left: 0; top: 0;
  height: 100%; display: block; width: 1px; background-color: #f3f3f3;
}
.article-nav a { margin-right: 10px; display: inline-block; font-size: 14px; }
.article-nav .article-nav-next a { margin-left: 10px; margin-right: 0; }

/* ── 移动端侧边栏 ── */
.mod-sidebar {
  position: absolute; right: 0; top: 0; width: 200px; height: 100%;
  visibility: hidden; background-color: #2d2e32; overflow: hidden; z-index: 1;
}
.mod-sidebar a { text-decoration: none; }
.mod-sidebar .item { width: 200px; border-bottom: 1px solid #38393c; }
.mod-sidebar .item a {
  display: inline-block; width: 140px; height: 50px; line-height: 50px;
  padding: 0 30px; color: #fff; font-size: 18px;
}

/* ── 友情链接（隐藏） ── */
.friend-links { display: none; }

/* ── 响应式 ── */
@media screen and (max-width: 1180px) {
  .body { width: 840px; }
  .body .right { display: none; }
  .body .left { float: none; min-height: 0; }
  #Header .header { width: 840px; }
  #Header .sub-menu { display: none; }
  #Header .menulist.large { display: none; }
  #Header .menulist.medium { display: block; }
  .mod-cover .cover { width: 80%; }
  .mod-cover .cover .coverbg { display: none; }
}
@media screen and (max-width: 840px) {
  body { padding-top: 0; }
  #Body {
    position: relative; width: 100%; background-color: #fff;
    padding-top: 70px !important; box-sizing: border-box; height: 100%; z-index: 10;
  }
  .body { width: 100%; height: 100%; overflow: hidden; min-height: 0; }
  .body .left { width: 100%; margin: 0 auto; }
  #Cover { display: none; }
  #Header { position: absolute !important; top: 0; left: 0; }
  #Header .header { width: 100%; }
  #Header .menulist.medium { display: none; }
  #Header .logo a { opacity: 1; display: block; }
  #Header .logo { display: block !important; }
  #Header .searchbar { display: none; }
  #Header .headerSearch { overflow: visible; }
  #Header .sub-menu {
    position: absolute; right: 0; top: -14px;
    display: block; width: 48px; height: 60px;
  }
  .feed_tegao {
    padding: 10px 0 10px 93px; height: 67px; min-height: 67px; margin: 0 13px;
  }
  .feed_tegao .picture { width: 80px; height: 60px; left: 0; top: 13px; }
  .feed_tegao h4 { max-height: 44px; overflow: hidden; }
  .feed_tegao h4 a { font-size: 16px; line-height: 24px; }
  .feed_tegao .summary { display: none; }
  .feed_tegao .infos { position: static; width: 100%; }
  .feed_tegao .infos .author { display: none; }
  #banners { margin-top: 0; }
  .mod-sidebar { display: block; }
  .article-nav { margin-bottom: 20px; }
  #Footer { position: relative; z-index: 1; }
}