/* ============================================================
   西部旅游网 v1 · 对标四川文化旅游网（政务文旅蓝）
   设计系统见 design-system/MASTER.md
   ============================================================ */
*{margin:0;padding:0;box-sizing:border-box}
body{font:14px/1.7 -apple-system,"Microsoft YaHei","微软雅黑",sans-serif;color:#444;background:#f6f7f9}
a{color:#333;text-decoration:none;transition:color .2s}
a:hover{color:#1E5AA8}
ul{list-style:none}
img{display:block;max-width:100%}
.f-fl{float:left}.f-fr{float:right}
.w1200{width:1200px;margin:0 auto}
.clearfix::after{content:"";display:block;clear:both}

/* ---------- 顶条 ---------- */
.topbar{background:#fff;border-bottom:1px solid #eee;font-size:12px;color:#999;height:34px;line-height:34px}
.tb-date{float:left}
.tb-right{float:right}
.tb-right a{color:#777;margin-left:16px}
.tb-right a:hover{color:#1E5AA8}

/* ---------- 报头 ---------- */
.masthead{background:#fff}
.masthead .w1200{height:96px;display:flex;align-items:center}
.brand{display:flex;align-items:center;gap:14px}
.brand-mark{width:58px;height:58px;background:#1E5AA8;color:#fff;border-radius:6px;font:700 32px/58px "SimSun",serif;text-align:center;letter-spacing:0}
.brand-txt b{display:block;font-size:30px;color:#1a1a1a;letter-spacing:5px;line-height:1.2;font-family:"Microsoft YaHei"}
.brand-txt i{display:block;font-style:normal;font-size:11px;color:#9aa7b8;letter-spacing:2.5px;font-family:Georgia,serif;margin-top:2px}
.mast-right{text-align:right}
.mast-hotline b{display:block;font-size:15px;color:#1E5AA8;letter-spacing:2px}
.mast-hotline span{font-size:12px;color:#999}

/* ---------- 导航 ---------- */
.navband{background:linear-gradient(180deg,#2565b4 0%,#1E5AA8 100%);box-shadow:0 2px 10px rgba(23,69,111,.25)}
.nav-ul{display:flex}
.nav-ul li{flex:1;text-align:center}
.nav-ul a{display:block;color:#fff;font-size:16px;line-height:48px;letter-spacing:1px;font-weight:500}
.nav-ul li:hover a,.nav-ul li.on a{background:#17456F;font-weight:700}
.nav-ul li.on{position:relative}
.nav-ul li.on::after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:3px;background:#fff;opacity:.92}

/* ---------- 头条区 ---------- */
.headline{margin-top:18px}
.hl-banner{width:640px;height:420px;overflow:hidden;position:relative}
.hl-imgs li{display:none;position:relative;width:640px;height:420px}
.hl-imgs li:first-child{display:block}
.hl-imgs img{width:640px;height:420px;object-fit:cover}
.hl-imgs p{position:absolute;left:0;right:0;bottom:0;padding:34px 18px 12px;color:#fff;font-size:17px;font-weight:700;background:linear-gradient(180deg,rgba(10,30,60,0) 0%,rgba(10,30,60,.82) 100%)}
.hl-tabs{position:absolute;right:0;bottom:0;display:flex;background:rgba(12,36,70,.55)}
.hl-tabs a{display:block;color:#dce6f2;font-size:12px;padding:7px 12px;max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hl-tabs li.on a{background:#1E5AA8;color:#fff}
.hl-news{width:392px;margin-left:14px;background:#fff;padding:20px 22px;height:420px;overflow:hidden}
.hl-lead h1{font-size:22px;line-height:1.45;border-bottom:1px solid #eee;padding-bottom:12px}
.hl-lead h1 a{color:#1a1a1a;font-weight:700}
.hl-lead h1 a:hover{color:#1E5AA8}
.hl-lead p{font-size:12px;color:#999;margin-top:8px}
.hl-ul{margin-top:10px}
.hl-ul li{padding:8.5px 0;border-bottom:1px dashed #ececf0;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hl-ul i{display:inline-block;width:5px;height:5px;background:#C8161D;border-radius:50%;margin-right:10px;vertical-align:middle}
.hl-side{width:138px;height:420px}
.datecard{background:#fff;text-align:center;padding:16px 0 12px;border-top:3px solid #C8161D}
.datecard b{display:block;font-size:44px;line-height:1.1;color:#1a1a1a;font-family:Georgia,serif}
.datecard span{display:block;font-size:13px;color:#666;margin-top:2px}
.datecard i{display:block;font-style:normal;font-size:12px;color:#C8161D;margin-top:6px}
.notice{background:#17456F;color:#c9d8ea;margin-top:12px;padding:14px 14px;height:230px}
.notice h4{color:#fff;font-size:14px;letter-spacing:3px;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:8px;margin-bottom:8px}
.notice p{font-size:12px;line-height:1.9}

/* ---------- 图滚带 ---------- */
.rollband{margin-top:16px;background:#fff;padding:12px 0;position:relative;overflow:hidden}
.roll-ul{display:flex;gap:12px;width:1140px;margin:0 auto;overflow:hidden}
.roll-ul li{flex-shrink:0;width:216px}
.roll-ul img{width:216px;height:140px;object-fit:cover}
.roll-ul p{font-size:13px;margin-top:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#555}
.rl{position:absolute;top:70px;width:26px;height:44px;background:#1E5AA8;cursor:pointer;opacity:.85;z-index:2}
.rl:hover{opacity:1}
.rl.prev{left:6px}.rl.next{right:6px}
.rl::after{content:"";position:absolute;top:15px;border:8px solid transparent}
.rl.prev::after{left:6px;border-right-color:#fff;border-left:0}
.rl.next::after{right:6px;border-left-color:#fff;border-right:0}

/* ---------- 版块栏头 ---------- */
.sec-hd-wrap{margin-top:34px}
.sec-hd{height:auto;line-height:1;margin:0 0 18px;display:flex;align-items:center;gap:12px;padding-bottom:13px;border-bottom:2px solid #1a1a1a;position:relative;width:100%}
.sec-hd::before{content:"";width:9px;height:25px;background:#1E5AA8;flex-shrink:0}
.sec-hd::after{content:"";position:absolute;left:0;bottom:-2px;width:90px;height:2px;background:#C8161D}
.sec-hd span{font:700 25px/1 "Microsoft YaHei";color:#1a1a1a;letter-spacing:2px}
.sec-en{margin-left:auto;font:400 12px Georgia,"Times New Roman",serif;color:#b5bec9;letter-spacing:4px;font-style:normal}
.sec-more{font-size:12px;color:#999}
.sec-more:hover{color:#1E5AA8}
.sec-hd.light{border-bottom-color:rgba(255,255,255,.25)}
.sec-hd.light span{color:#fff}
.sec-hd.light::before{background:#fff}
.sec-hd.light::after{background:#C8161D}
.sec-hd.light .sec-en{color:rgba(255,255,255,.45)}

/* ---------- 版块 A ---------- */
.blk{margin-top:0;background:#fff;border:1px solid #e7ecf2;border-radius:4px;padding:22px 24px 10px;box-shadow:0 1px 2px rgba(16,42,67,.03);transition:box-shadow .25s}
.blk:hover{box-shadow:0 4px 16px rgba(30,90,168,.09)}
.b-le{width:460px}
.b-le li{position:relative}
.b-le img{width:460px;height:300px;object-fit:cover}
.b-le p{position:absolute;left:0;right:0;bottom:0;padding:30px 16px 10px;background:linear-gradient(180deg,rgba(10,30,60,0),rgba(10,30,60,.85))}
.b-le p span{display:block;color:#fff;font-size:17px;font-weight:700;line-height:1.5}
.b-le p strong{display:block;color:#cfe0f2;font-size:12px;font-weight:400;margin-top:4px}
.b-mid{width:412px;margin-left:16px}
.b-mid-top{border-bottom:1px solid #eee;padding-bottom:12px}
.b-mid-it{display:block;float:left;width:196px;margin-right:18px}
.b-mid-it:nth-child(2n){margin-right:0}
.b-mid-it img{width:196px;height:130px;object-fit:cover}
.b-mid-it p{font-size:14px;font-weight:700;color:#1a1a1a;margin-top:8px;line-height:1.5;height:42px;overflow:hidden}
.b-mid-it span{font-size:12px;color:#999}
.b-mid-ul{margin-top:6px}
.b-mid-ul li{padding:7.5px 0;border-bottom:1px dashed #ececf0;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.b-mid-ul i{display:inline-block;width:4px;height:4px;background:#1E5AA8;margin-right:9px;vertical-align:middle}
.b-rt{width:296px}
.b-rt li{margin-bottom:13px}
.b-rt img{width:296px;height:172px;object-fit:cover}
.b-rt p{font-size:14px;font-weight:700;color:#1a1a1a;margin-top:6px;line-height:1.5;height:42px;overflow:hidden}
.b-rt span{font-size:12px;color:#999}

/* ---------- 版块 B ---------- */
.b-box{width:830px}
.b-first{display:flex;gap:14px}
.b-first li{width:196px}
.b-first img{width:196px;height:132px;object-fit:cover}
.b-first p{font-size:14px;font-weight:700;color:#1a1a1a;margin-top:7px;line-height:1.5;height:42px;overflow:hidden}
.b-cols{display:flex;margin-top:14px;border-top:1px solid #eee;padding-top:6px}
.b-cols ul{flex:1;min-width:0;padding-right:16px}
.b-cols ul:last-child{padding-right:0}
.b-cols li{padding:7px 0;border-bottom:1px dashed #ececf0;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.b-cols i{display:inline-block;width:4px;height:4px;background:#C8161D;margin-right:9px;vertical-align:middle}
.b-two{width:340px;background:#fff;padding:16px 18px}
.b-two li{padding:7.5px 0;border-bottom:1px dashed #ececf0;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.b-two li a::before{content:"·";color:#1E5AA8;font-weight:700;margin-right:8px}

/* ---------- 大美西部图集 ---------- */
.gallery-band{margin-top:40px;background:#101d2c;padding:34px 0 40px}
.gal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.gal-grid li{position:relative}
.gal-grid img{width:100%;height:190px;object-fit:cover}
.gal-grid p{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 9px;color:#fff;font-size:13px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.8));overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.gal-grid li:hover img{opacity:.85}

/* ---------- 友链 / 页脚 ---------- */
.flink{margin:26px auto 0;background:#fff;border:1px solid #eee;padding:14px 18px;font-size:13px;color:#888;line-height:2}
.flink a{color:#666;margin-right:14px}
.flink a:hover{color:#1E5AA8}
.footer{background:#17456F;margin-top:36px;padding:36px 0 30px;color:#a9bdd6}
.ft-brand{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:20px}
.ft-mark{width:46px;height:46px;background:#C8161D;color:#fff;border-radius:6px;font:700 26px/46px "SimSun",serif;text-align:center}
.ft-name b{display:block;color:#fff;font-size:21px;letter-spacing:4px;line-height:1.3}
.ft-name i{display:block;font-style:normal;font-size:12px;letter-spacing:1.5px;margin-top:3px}
.ft-nav{text-align:center;max-width:1000px;margin:0 auto 10px;line-height:2.2}
.ft-nav a{color:#c9d8ea;font-size:13px;padding:0 12px;border-right:1px solid rgba(255,255,255,.16)}
.ft-nav a:last-child{border-right:0}
.ft-nav a:hover{color:#fff}
.ft-copy{text-align:center;font-size:12px;margin-top:8px}
.ft-flink{text-align:center;font-size:12px;margin-top:12px;line-height:2}
.ft-flink a{color:#8fa6c2;margin-right:12px}
.ft-flink a:hover{color:#fff}
.ft-tip{text-align:center;font-size:12px;color:#6d84a3;margin-top:12px;border-top:1px solid rgba(255,255,255,.12);padding-top:14px}

/* ---------- 列表 / 详情公共 ---------- */
.crumb{font-size:13px;color:#999;padding:16px 0 6px}
.crumb a{color:#999}
.crumb a:hover{color:#1E5AA8}
.main{width:830px}
.side{width:340px}
.search-tip{background:#fff;border-left:3px solid #1E5AA8;padding:13px 16px;font-size:14px;color:#666;margin:14px 0}
.search-tip b{color:#1E5AA8}
.ls-ul{background:#fff;border:1px solid #e7ecf2;border-radius:4px;padding:4px 22px;box-shadow:0 1px 2px rgba(16,42,67,.03)}
.ls-it{padding:20px 0;border-bottom:1px solid #f2f5f9;display:flex;gap:20px;align-items:flex-start}
.ls-it:last-child{border-bottom:0}
.ls-pic{display:block;flex:none;width:220px;height:146px;overflow:hidden;border-radius:4px;border:1px solid #edf0f4;background:#eef1f5}
.ls-pic img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.ls-it:hover .ls-pic img{transform:scale(1.05)}
.ls-txt{flex:1;min-width:0}
.ls-txt h3{font-size:18px;line-height:1.55;margin-top:4px}
.ls-txt h3 a{color:#1a1a1a;font-weight:700}
.ls-txt h3 a:hover{color:#1E5AA8}
.ls-meta{font:400 12px Georgia,serif;color:#a4aebb;letter-spacing:.4px;margin-top:14px}
.pager{text-align:center;padding:24px 0}
.pager li{display:inline-block}
.pager a{display:inline-block;min-width:36px;padding:6px 13px;border:1px solid #dfe5ec;border-radius:20px;margin:0 4px;color:#6b7684;background:#fff;transition:all .2s}
.pager a:hover{background:#1E5AA8;border-color:#1E5AA8;color:#fff}
.pager li.active a{background:#1E5AA8;border-color:#1E5AA8;color:#fff;font-weight:700}

/* ---------- 详情 ---------- */
.art{background:#fff;padding:28px 34px}
.art-tt{font-size:29px;color:#1a1a1a;line-height:1.45;font-weight:700}
.art-meta{border-bottom:1px solid #eee;padding:14px 0 16px;margin-bottom:18px;font-size:13px;color:#999}
.art-meta span{margin-right:22px}
.art-body{font-size:16px;line-height:2;color:#333}
.art-body img{margin:10px auto;max-width:100%}
.art-body p{margin-bottom:12px}
.art-declare{background:#f7f9fc;border-left:3px solid #1E5AA8;padding:13px 16px;font-size:12px;color:#888;margin-top:22px;line-height:1.9}
.art-rl{margin-top:20px;border-top:1px solid #eee;padding-top:16px;font-size:13px;color:#666}
.art-rl a{color:#1E5AA8}
.rel{margin-top:30px}
.rel-ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.rel-ul li{background:#fff}
.rel-ul img{width:100%;height:120px;object-fit:cover}
.rel-ul p{font-size:13px;padding:8px 10px;line-height:1.5;height:47px;overflow:hidden}

/* ---------- 侧栏 ---------- */
.side{margin-top:14px}
.sd-box{background:#fff;border:1px solid #e7ecf2;border-radius:4px;padding:18px 20px;margin-bottom:16px}
.sd-hd{font-size:17px;color:#1a1a1a;border-left:4px solid #1E5AA8;padding-left:10px;line-height:1.2;margin-bottom:14px}
.sd-nav li{float:left;width:50%;padding:6px 0;font-size:13px}
.sd-nav li.on a{color:#1E5AA8;font-weight:700}
.sd-imgs li{margin-bottom:14px}
.sd-imgs li:last-child{margin-bottom:0}
.sd-imga{display:flex;gap:12px;align-items:flex-start}
.sd-imga img{width:100px;height:68px;object-fit:cover;flex:none;border-radius:3px;border:1px solid #edf0f4;background:#eef1f5}
.sd-imga p{font-size:13px;line-height:1.6;color:#333;max-height:42px;overflow:hidden}
.sd-imga:hover p{color:#1E5AA8}
.sd-rank li{padding:9px 0;border-bottom:1px dashed #ececf0;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sd-rank li:last-child{border-bottom:0}
.sd-rank i{display:inline-block;width:17px;height:17px;background:#d3dae3;color:#fff;font:700 11px/17px serif;text-align:center;border-radius:2px;margin-right:9px;font-style:normal}
.sd-rank li:nth-child(1) i{background:#C8161D}
.sd-rank li:nth-child(2) i{background:#e0641f}
.sd-rank li:nth-child(3) i{background:#e0a01f}
.sd-tags{display:flex;flex-wrap:wrap;gap:9px}
.sd-tags a{background:#EAF1F9;color:#1E5AA8;padding:5px 13px;border-radius:3px;font-size:13px}

/* ---------- 单页 ---------- */
.about-box{background:#fff;padding:28px 34px;margin-top:14px}
.about-txt{font-size:15px;line-height:2.1;color:#444;margin-top:6px}
.about-txt p{margin-bottom:14px}

/* ---------- 栏目版块（单循环 gk 版式：左大图 + 右标题列表） ---------- */
.gk{margin:0;padding:0;list-style:none}
.gk:after{content:"";display:block;clear:both}
.gk li{float:left;box-sizing:border-box}
.gk li a{display:block;color:#222}
.gk li i{display:block;overflow:hidden;background:#eef1f5;border:1px solid #edf0f4;border-radius:4px}
.gk li img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}
.gk li:hover img{transform:scale(1.04)}
/* 首条：左侧焦点大图 */
.gk li:first-child{width:452px;margin-right:32px}
.gk li:first-child i{height:290px}
.gk li:first-child p{font-size:18px;font-weight:700;line-height:1.6;margin-top:13px;color:#111;max-height:58px;overflow:hidden}
.gk li:first-child span{display:block;font:400 12px Georgia,serif;color:#a4aebb;letter-spacing:.5px;margin-top:9px}
.gk li:first-child a:hover p{color:#1E5AA8}
/* 其余：右侧标题行 */
.gk li:not(:first-child){width:666px}
.gk li:not(:first-child):not(:last-child){border-bottom:1px solid #f2f5f9}
.gk li:not(:first-child) i{display:none}
.gk li:not(:first-child) img{display:none}
.gk li:not(:first-child) a{display:flex;align-items:center;gap:12px;height:42px;padding:0 10px;border-radius:3px;transition:background .2s}
.gk li:not(:first-child) a:hover{background:#F4F8FD}
.gk li:not(:first-child) a:before{content:"";width:4px;height:4px;background:#1E5AA8;border-radius:50%;flex:none}
.gk li:not(:first-child) p{flex:1;min-width:0;font-size:15px;line-height:42px;height:42px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;color:#333}
.gk li:not(:first-child) span{flex:none;font:400 12px Georgia,serif;color:#a4aebb;letter-spacing:.5px}
.gk li:not(:first-child) a:hover p{color:#1E5AA8}
.gk li:not(:first-child):hover p{color:#1E5AA8}