/* ============================================================
   手机版 新闻 / 公告 / 攻略 页面样式（列表页 + 文章详情页）
   750 设计稿，1rem = 100px（与站内手机版其它页面一致）
   ============================================================ */

body { background: #f4f8fd; }

#content .main { padding: 0 0 .4rem; }
.news-main { padding: 0 .3rem; }

/* 顶部标题 + 面包屑 */
.crumbs-nav { position: relative; padding: .3rem 0 .18rem; }
.crumbs-nav .sub-tit { font-size: .4rem; line-height: 1; color: #11406f; font-weight: 700; }
.crumbs-nav .sub-tit::before { content: ""; display: inline-block; width: .08rem; height: .34rem; margin-right: .14rem;
  vertical-align: -.03rem; border-radius: .04rem; background: linear-gradient(180deg, #67ade3, #455893); }
.crumbs-nav .crumbs { margin-top: .14rem; font-size: .24rem; color: #8b96ab; }
.crumbs-nav .crumbs a { color: #5b6a86; }
.crumbs-nav .crumbs i { margin: 0 .08rem; font-style: normal; color: #b9c3d4; }
.crumbs-nav::after { content: ""; position: absolute; left: 0; bottom: 0; width: 1.2rem; height: 2px;
  background: linear-gradient(90deg, #67ade3, rgba(103,173,227,0)); }

/* 栏目页签 */
ul.category-list { display: flex; gap: .16rem; margin: .24rem 0 .1rem; }
ul.category-list li { list-style: none; }
ul.category-list li a { display: block; padding: .12rem .34rem; font-size: .26rem; color: #455893;
  background: #eef5fd; border: 1px solid #dbe7f5; border-radius: .08rem; }
ul.category-list li.on a { color: #fff; background: linear-gradient(180deg, #5fa8e6, #3f7cc4); border-color: #3f7cc4; }

/* 列表 */
.news-content-box { margin-top: .16rem; }
ul.news-list-box li { list-style: none; padding: .26rem 0; border-bottom: 1px dashed #e0e9f5; }
ul.news-list-box li:last-child { border-bottom: 0; }
ul.news-list-box li a { display: flex; gap: .18rem; align-items: flex-start; text-decoration: none; }
ul.news-list-box li i { flex: 0 0 auto; min-width: .72rem; height: .34rem; line-height: .34rem; text-align: center;
  font-size: .22rem; font-style: normal; color: #fff; background: #67ade3; border-radius: .05rem; }
ul.news-list-box .news-content { flex: 1; min-width: 0; }
ul.news-list-box h3 { font-size: .3rem; line-height: 1.5; color: #22314a; font-weight: 700; }
ul.news-list-box p { margin-top: .1rem; font-size: .24rem; line-height: 1.65; color: #7d8aa3;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* 查看更多 / 分页 */
.btn-load-box { padding: .34rem 0 .1rem; text-align: center; }
.btn-load-box .btn-load-more { display: inline-block; min-width: 3rem; height: .68rem; line-height: .68rem;
  font-size: .28rem; color: #3f7cc4; background: #eef5fd; border: 1px solid #cfe1f5; border-radius: .34rem; }
.btn-load-box .split-btn { display: none; }

/* 文章详情 */
.content-box { padding: .3rem .28rem .34rem; margin-top: .1rem; background: #fff; border-radius: .12rem;
  box-shadow: 0 .04rem .2rem rgba(69, 88, 147, .06); }
.content-box .content-title { font-size: .36rem; line-height: 1.5; color: #11406f; font-weight: 700; text-align: center; }
.content-box .time { margin-top: .14rem; font-size: .24rem; color: #9aa6bb; text-align: center;
  padding-bottom: .2rem; border-bottom: 1px solid #eef3fa; }
.content-box .content-text { margin-top: .24rem; font-size: .28rem; line-height: 1.9; color: #3c4a60; word-break: break-word; }
.content-box .content-text p { margin: 0 0 .18rem; }
.content-box .content-text img { max-width: 100%; height: auto; border-radius: .06rem; }
.content-box .content-text a { color: #1f7fd0; }
.content-box .content-text table { width: 100%; border-collapse: collapse; }
.content-box .content-text td, .content-box .content-text th { border: 1px solid #e3ebf6; padding: .1rem; }

/* 上一篇 / 下一篇 */
.newspage { margin-top: .26rem; padding: .22rem .24rem; font-size: .26rem; color: #5b6a86;
  background: #f6faff; border: 1px solid #e6eef8; border-radius: .1rem; }
.newspage .page-pre, .newspage .page-next { padding: .06rem 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newspage a { color: #1f7fd0; }
.newspage span { color: #9aa6bb; }

/* 热门新闻 */
.hot-news { margin-top: .34rem; font-size: .3rem; font-weight: 700; color: #11406f; padding-left: .16rem;
  border-left: .08rem solid #67ade3; line-height: 1.1; }
ul.hot-news-list { margin-top: .14rem; background: #fff; border: 1px solid #e6eef8; border-radius: .1rem; padding: .1rem .24rem; }
ul.hot-news-list li { list-style: none; padding: .2rem 0; border-bottom: 1px dashed #eef3fa; font-size: .26rem; line-height: 1.6; }
ul.hot-news-list li:last-child { border-bottom: 0; }
ul.hot-news-list li a { color: #3c4a60; }
ul.hot-news-list em { font-style: normal; color: #455893; margin-right: .08rem; }