/* ============ 基础 ============ */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { background: #fff; color: #333; font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif; font-size: 14px; line-height: 1.6; }
a { text-decoration: none; color: inherit; }
ul, ol { list-style: none; }
img { border: 0; vertical-align: middle; }

.container { width: 1200px; margin: 0 auto; }
.plf{padding: 0 14px;}
/* ============ 顶部红栏 ============ */
.topbar { background: #c8161d; height: 64px; }
.topbar-inner { width: 1200px; margin: 0 auto; height: 100%; display: flex; align-items: center; justify-content: space-between; }
.brand { display: flex; align-items: center; gap: 24px; }
.logo { background: #fff; padding: 6px 14px; border-radius: 2px; display: flex; flex-direction: column; align-items: flex-start; line-height: 1.1; }
.logo-cn { color: #c8161d; font-size: 22px; font-weight: bold; letter-spacing: 1px; }
.logo-en { color: #c8161d; font-size: 11px; }
.geo-tag { color: #fff; font-size: 20px; font-weight: bold; letter-spacing: 2px; }

.search-box {overflow: hidden; height: 36px; width: 320px; display: flex;}
.search-box form{display: flex; align-items: center; background: #fff; border-radius: 2px; width: 100%;}


.search-box input { flex: 1; border: 0; outline: 0; padding: 0 12px; font-size: 16px; color: #333; background: transparent; }
.search-box button {width: 40px; height: 100%; border: 0; background: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; border-left: 1px solid #eee; }

/* ============ 面包屑 ============ */
.breadcrumb-wrap { background: #c8161d; height: 40px; }
.breadcrumb { display: flex; align-items: center; height: 40px; color: #fff; font-size: 13px; gap: 8px; }
.breadcrumb a { color: #fff; }
.breadcrumb .sep { color: rgba(255,255,255,.7); }
.breadcrumb .current { background: #a51218; padding: 3px 10px; border-radius: 2px; }

/* ============ 主体 ============ */
.main-body { display: flex; gap: 30px; padding: 24px 0 40px; }
.content { flex: 1; min-width: 0; }
.sidebar { width: 360px; flex-shrink: 0; }

.block-title { font-size: 20px; font-weight: bold; color: #333; border-bottom: 1px solid #e5e5e5; display: inline-block; margin-bottom: 14px; width: 100%; position: relative;}
.block-title span{position: relative;display: inline-block;padding-bottom:7px; }
.block-title span::before {
  content: ""; position: absolute; left:0; bottom: -1px;
  width: 100%;height: 2px;background-color: #c8161d;
}
/* ---- 头条 ---- */
.lead { margin-bottom: 10px; background-color: #f6f6f6;padding-bottom: 10px;}
.divider{ margin-bottom: 10px; background-color: #f6f6f6;}
.lead-cover { display: block; border-radius: 2px; overflow: hidden; }
.lead-cover img{width: 100%;display: block;}
.cover-placeholder { position: relative; width: 100%; height: 360px; background: linear-gradient(135deg, #f3e6d4 0%, #e8d5b7 100%); overflow: hidden; }
.cover-red::before {
  content: ""; position: absolute; right: 0; top: 0; width: 55%; height: 100%;
  background: radial-gradient(circle at 70% 40%, rgba(200,22,29,.15), transparent 60%);
}
.lead-hero-text { position: absolute; right: 60px; top: 60px; font-size: 52px; color: #c8161d; font-weight: bold; line-height: 1.1; letter-spacing: 4px; font-family: "STKaiti", "KaiTi", serif; }
.lead-hero-text em { font-style: normal; }
.lead-hero-sub { position: absolute; right: 60px; top: 180px; color: #c8161d; font-size: 18px; letter-spacing: 6px; }
.lead-90 { position: absolute; left: 30px; bottom: 10px; font-size: 220px; font-weight: bold; color: rgba(160,120,60,.35); line-height: 1; font-family: Georgia, serif; }

.lead-title { font-size: 18px; font-weight: bold; margin: 14px 0 8px; }
.lead-title a { color: #222; }
.lead-title a:hover { color: #c8161d; }
.lead-desc { color: #666; font-size: 13px; line-height: 1.7; margin-bottom: 8px; }
.meta { color: #999; font-size: 14px; }

.divider { border: 0; border-top: 1px solid #eee; margin: 0; }

/* ---- 新闻列表 ---- */
.news-list li { display: flex; gap: 14px; padding: 14px 0; border-bottom: 1px dashed #f0f0f0; }
.news-thumb { width: 180px; height: 110px; flex-shrink: 0; border-radius: 2px; overflow: hidden; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; font-weight: bold; letter-spacing: 4px; }
.news-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.thumb-1 { background: linear-gradient(135deg, #d9b38c, #a67c52); }
.thumb-news { background: linear-gradient(135deg, #1e6bb8, #4a90d9); }
.thumb-3 { background: linear-gradient(135deg, #7cb342, #c5e1a5); color: #33691e; }
.thumb-4 { background: linear-gradient(135deg, #6a1b9a, #9c27b0); }
.thumb-latest { background: linear-gradient(135deg, #0288d1, #4fc3f7); }
.thumb-focus { background: linear-gradient(135deg, #1565c0, #42a5f5); }
.thumb-8 { background: linear-gradient(135deg, #455a64, #78909c); }
.thumb-10 { background: linear-gradient(135deg, #37474f, #607d8b); }

.news-info { flex: 1; min-width: 0; }
.news-title { font-size: 18px; font-weight: bold; color: #222; line-height: 1.4; margin-bottom: 6px; }
.news-title a:hover { color: #c8161d; }
.news-desc { color: #888; font-size: 14px; line-height: 1.6; margin-bottom: 6px; }
.news-meta { color: #aaa; font-size: 14px; }

/* ---- 分页 ---- */
.pagination { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 30px; }
.page-num { min-width: 32px; height: 32px; padding: 0 8px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #ddd; color: #666; font-size: 13px; border-radius: 2px; }
.page-num:hover { border-color: #c8161d; color: #c8161d; }
.page-num.active { background: #c8161d; border-color: #c8161d; color: #fff; }
.page-num.next { font-size: 16px; }
/*分页*/
#displaypagenum{padding:20px 0;margin-top: 30px}
#displaypagenum center span.page {width: 27px;height: 27px; color: #be0209;display: inline-block;line-height: 27px}
#displaypagenum center{width:100%;height: 27px;display: flex;justify-content:center;align-content: center}
#displaypagenum center a{ color: #000;width: 27px;height: 27px;display: inline-block;line-height: 27px;}
#displaypagenum center a:hover{color: #be0209}
#displaypagenum center a.prev{width:27px;height:27px;background:url(http://img.chengdu.cn/templates/chengdu/i19/images/icon-bth-prev.png)no-repeat;margin-right: 5px;font-size: 0;overflow: hidden}
#displaypagenum center a.fenye{width:27px;height:27px;background:url(http://img.chengdu.cn/templates/chengdu/i19/images/icon-bth-next.png) no-repeat;margin-left: 5px;font-size: 0;overflow: hidden}

/* ============ 侧边栏 ============ */
.side-block {margin-bottom: 26px; }
.side-head {display: flex; justify-content: space-between; align-items: center;border-bottom: 1px solid #e5e5e5; margin-bottom: 14px; }
.side-head h3 {font-size: 20px; font-weight: bold; color: #222;position: relative;display: inline-block;padding-bottom:7px; }
.side-head h3::before {
  content: ""; position: absolute; left:0; bottom: -1px;
  width: 100%;height: 2px;background-color: #c8161d;
}
.side-block img{width: 100%;display: block;}


.hot-logo{display: flex; justify-content: space-between; align-items: center;border-bottom: 1px solid #e5e5e5; margin-bottom: 14px; }
.hot-logo{font-size: 20px; position: relative;padding-bottom:7px; } 
.hot-logo::before {
  content: ""; position: absolute; left:0; bottom: -1px;
  width: 40px;height: 2px;background-color: #c8161d
}

.more { color: #999; font-size: 14px; }
.more:hover { color: #c8161d; }

/* 视频 */
.video-list li { margin-bottom: 12px; }
.video-item { display: block; }
.video-thumb { position: relative; width: 100%; height: 130px; border-radius: 2px; overflow: hidden; margin-bottom: 6px; }
.v-snow { background: linear-gradient(135deg, #90a4ae, #cfd8dc); }
.v-field { background: linear-gradient(135deg, #558b2f, #9ccc65); }
.v-purple { background: linear-gradient(135deg, #4527a0, #7c4dff); }
.play-btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 44px; height: 44px; border-radius: 50%; background: rgba(0,0,0,.45); }
.play-btn::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-40%, -50%); border-left: 14px solid #fff; border-top: 9px solid transparent; border-bottom: 9px solid transparent; }
.video-title { font-size: 13px; color: #333; line-height: 1.5; }
.video-item:hover .video-title { color: #c8161d; }




.side-block .columnMc {display: flex; justify-content: space-between; align-items: center;border-bottom: 1px solid #e5e5e5; margin-bottom: 14px; }
.columnMc a{display: block;font-size: 20px; font-weight: bold; color: #222;}
.columnMc a p {position: relative;display: inline-block;padding-bottom:7px;}
.columnMc a p::before {
  content: ""; position: absolute; left:0; bottom: -1px;
  width: 100%;height: 2px;background-color: #c8161d;
}

.ed_video{/* overflow: hidden; */}
.e_item{/* height: 280px; */display: block;margin-bottom:15px}
.e_item a{display: block;position: relative;/* height: 280px */}
.e_item a img{width: 100%;height: 230px;display: block;}
.e_item a .play_video{width: 66px;height: 68px;background: url(https://www.chengdu.cn/images/icon_video.png) no-repeat;position: absolute;top:114px;left: 50%;margin-left: -33px;display: block}
.e_item a p{/* height: 50px; */line-height: 1.2;overflow: hidden;font-size: 16px;color: #2f2f2f;padding: 10px;}
.e_item:hover{box-shadow: 0 0 8px 2px rgba(0, 0, 0, .1);}





/* 早安成都 */
.morning-card { display: block; }
.morning-card img { width: 100%; height: 160px; object-fit: cover; border-radius: 2px; display: block; margin-bottom: 8px; }
.morning-title { font-size: 14px; font-weight: bold; color: #222; }
.morning-card:hover .morning-title { color: #c8161d; }

.morning-card{position: relative;display: block;}
.morning-card img{width: 100%;}
.morning-title{position: absolute;left: 0px;right: 0px;bottom: 0px;color: white;padding:6px 14px;}
/* 今日一句 */
.quote-block { background: #f8f5ee; padding: 16px; border-radius: 2px; }
.quote-title { font-size: 16px; font-weight: bold; color: #c8161d; margin-bottom: 5px; }
.quote-text { font-size: 16px; color: #2f2f2f; line-height: 1.8; }

/* 热榜 */
.search li { width: 100%; height: 43px; background: url(https://img.chengdu.cn/templates/chengdu/i19/images/img-rs-bg.png) no-repeat left bottom; overflow: hidden; }
.search li a { display: block; float: right; width: 335px; color: #2f2f2f; font-size: 16px; }
.search li:hover { background: url(https://img.chengdu.cn/templates/chengdu/i19/images/img-rs-bg-1.png) no-repeat left bottom; }
.search li:hover a { color: #d61518; }

/* ============ 页脚 ============ */
.footer { border-top: 1px solid #eee; padding: 24px 0 30px; background: #fff; text-align: center; color: #999; font-size: 14px; line-height: 2; }
.footer-links { margin-bottom: 8px; }
.footer-links a { color: #666; margin: 0 12px; }
.footer-links a:hover { color: #c8161d; }
/*版权*/
hr{width:100%;height:2px;clear:both;background: #d61518;border: none;margin: 100px 0 40px 0;}
footer{padding-bottom: 20px;}.footer-nav{padding-top: 5px}
footer::after{display: block;clear: both;content: ''}
.footer-nav,.footer-nav a{color: #666666;font-size: 14px;line-height: 1.8;text-align: center}
.footer-nav a:hover{color: #d61518}
.footer-logo{float: right;}
.footer-logo img,.footer-logo div{float: right;}
.footer-logo div{text-align: center;margin-top: 15px;margin-right: 20px}
.footer-logo div img{margin-bottom: 5px}
.footer-logo div p{color: #666666;font-size: 14px;display:block;text-align: center}

/* 悬浮按钮 */
.side-float { position: fixed; right: 20px; bottom: 60px; display: flex; flex-direction: column; gap: 8px; }
.float-btn { width: 36px; height: 36px; border: 1px solid #ddd; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #666; cursor: pointer; border-radius: 2px; }
.float-btn:hover { border-color: #c8161d; color: #c8161d; }

/* ============ 响应式适配 ============ */
@media (max-width: 1240px) {
  .container, .topbar-inner { width: 100%; padding: 0 16px; }
  .main-body { flex-direction: column; }
  .sidebar { width: 100%; }
}

/* 手机端：隐藏右侧边栏，主内容单列 */
@media (max-width: 768px) {
  .container { width: 100%; padding: 0; }
  .topbar-inner { width: 100%; padding: 0 12px; }
  .topbar { height: 54px; }
  .logo-cn { font-size: 18px; }
  .logo-en { font-size: 10px; }
  .geo-tag { font-size: 16px; letter-spacing: 1px; }
  .search-box { display: none; }   /* 手机端隐藏搜索条 */

  .breadcrumb-wrap { height: 36px; }
  .breadcrumb { height: 36px; font-size: 12px; padding: 0 12px; }

  .main-body { flex-direction: column; padding: 16px 0 30px; gap: 0; }
  .content { width: 100%; flex: none; padding: 0 12px; }
  .sidebar { display: none; }          /* 手机端隐藏整个右侧边栏 */

  .block-title { font-size: 16px; margin-bottom: 14px;}

  /* 头条图 */
  .cover-placeholder { height: 200px; }
  .lead-hero-text { right: 20px; top: 30px; font-size: 32px; letter-spacing: 2px; }
  .lead-hero-sub { right: 20px; top: 110px; font-size: 13px; letter-spacing: 3px; }
  .lead-90 { left: 10px; bottom: 0; font-size: 130px; }
  .lead-title { font-size: 16px; }
  .lead-desc { font-size: 12px; }
  .meta { font-size: 11px; }

  /* 新闻列表：缩略图小一点 */
  .news-list li { gap: 10px; padding: 12px 0; }
  .news-thumb { width: 110px; height: 78px; font-size: 14px; }
  .news-title { font-size: 14px; }
  .news-desc { font-size: 12px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
  .news-meta { font-size: 11px; }

  /* 分页 */
  .pagination { margin-top: 24px; }
  .page-num { min-width: 28px; height: 28px; font-size: 12px; }

  /* 页脚 */
  .footer { padding: 18px 0 24px; font-size: 11px; }
  .footer-links a { margin: 0 8px; }

  /* 悬浮按钮 */
  .side-float { right: 10px; bottom: 40px; }
  .float-btn { width: 32px; height: 32px; font-size: 11px; }
}