@charset "utf-8";

/* Modern theme travel landing page */
.theme-hero-wrap { padding-bottom: 28px; border-bottom: 1px solid #dfe8f1; background: #f3f7fb; }
.theme-showcase { display: grid; box-sizing: border-box; width: 1180px; height: 430px; margin: 18px auto 0; grid-template-columns: minmax(0, 2fr) minmax(300px, .9fr); gap: 16px; }
.theme-carousel { position: relative; height: 430px; overflow: hidden; border-radius: 18px; background: linear-gradient(135deg,#073d79,#1598d8); box-shadow: 0 16px 36px rgba(16,61,105,.16); }
.theme-slide { position: absolute; inset: 0; display: block; opacity: 0; visibility: hidden; transition: opacity .55s ease; }
.theme-slide.is-active { opacity: 1; visibility: visible; }
.theme-slide img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.015); transition: transform 5s ease; }
.theme-slide.is-active img { transform: scale(1.06); }
.theme-slide-shade { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(3,26,57,.82) 0%,rgba(3,39,77,.5) 43%,rgba(3,39,77,.06) 82%); }
.theme-slide-copy { position: absolute; left: 46px; bottom: 48px; z-index: 2; display: block; width: 62%; color: #fff; }
.theme-slide-copy small { display: block; margin-bottom: 10px; color: #cce8ff; font-size: 13px; font-weight: 700; letter-spacing: 3px; }
.theme-slide-copy strong { display: block; font-size: 38px; line-height: 1.25; letter-spacing: 1px; }
.theme-slide-copy em { display: block; margin-top: 12px; color: #e7f4ff; font-size: 16px; line-height: 1.7; font-style: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.theme-slide-empty { background: radial-gradient(circle at 83% 20%,rgba(255,255,255,.18) 0 13%,transparent 13.5%),linear-gradient(135deg,#073d79,#1598d8); }
.theme-carousel-arrow { position: absolute; top: 50%; z-index: 5; width: 40px; height: 54px; margin-top: -27px; color: #fff; font-size: 34px; line-height: 48px; border: 0; background: rgba(3,30,62,.34); cursor: pointer; opacity: .78; }
.theme-carousel-arrow:hover { background: rgba(3,30,62,.66); opacity: 1; }
.theme-carousel-prev { left: 0; border-radius: 0 9px 9px 0; }
.theme-carousel-next { right: 0; border-radius: 9px 0 0 9px; }
.theme-shortcuts { box-sizing: border-box; display: grid; height: 430px; padding: 20px; grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: minmax(66px,auto); gap: 10px; align-content: start; border: 1px solid #e0e9f2; border-radius: 18px; background: #fff; box-shadow: 0 16px 36px rgba(16,61,105,.1); overflow: hidden; }
.theme-shortcuts-title { grid-column: 1 / -1; display: flex; height: 54px; padding: 0 4px 8px; align-items: center; justify-content: space-between; border-bottom: 1px solid #edf2f7; }
.theme-shortcuts-title strong { color: #102f50; font-size: 21px; }
.theme-shortcuts-title span { color: #7a8ca1; font-size: 13px; }
.theme-shortcut { box-sizing: border-box; display: flex; min-width: 0; padding: 12px 14px; align-items: flex-start; justify-content: center; flex-direction: column; color: #163a60 !important; border: 1px solid #dfebf5; border-radius: 12px; background: #f7fbff; transition: all .2s ease; }
.theme-shortcut:hover { color: #fff !important; border-color: #0b72c9; background: linear-gradient(135deg,#075cab,#1598d8); box-shadow: 0 8px 18px rgba(12,112,193,.2); transform: translateY(-2px); text-decoration: none; }
.theme-shortcut span { display: block; width: 100%; font-size: 16px; font-weight: 700; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.theme-shortcut small { color: #7990a8; font-size: 11px; line-height: 18px; }
.theme-shortcut:hover small { color: #d9efff; }
.theme-page-main { width: 1180px !important; margin: 0 auto !important; padding: 12px 0 48px; }
.theme-page-main .themelist { width: 100%; float: none; overflow: visible; }
.theme-section { padding-top: 22px; scroll-margin-top: 18px; }
.theme-section-head { display: flex; height: 72px; align-items: center; justify-content: space-between; border-bottom: 2px solid #0d76c7; }
.theme-section-head span { display: flex; flex-direction: column; }
.theme-section-head small { color: #7c91a7; font-size: 10px; line-height: 17px; letter-spacing: 2px; }
.theme-section-head strong { color: #102f50; font-size: 25px; line-height: 34px; }
.theme-section-head > a { padding: 8px 13px; color: #0875c8 !important; font-size: 13px; border: 1px solid #cde3f5; border-radius: 8px; background: #f7fbff; }
.themebox { display: grid; width: 100%; height: auto; margin: 18px 0 0; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; overflow: visible; }
.themebox li { box-sizing: border-box; width: auto; min-width: 0; padding: 0; float: none; border: 1px solid #e0e8f0; border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgba(18,55,88,.08); overflow: hidden; transition: transform .2s ease,box-shadow .2s ease; }
.themebox li:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(18,55,88,.14); }
.theme-card-image { display: block; width: 100%; height: 175px; overflow: hidden; background: #edf3f8; }
.themebox li img { display: block; width: 100%; height: 175px; object-fit: cover; transition: transform .35s ease; }
.themebox li:hover img { transform: scale(1.04); }
.themebox li p.theme_txt { box-sizing: border-box; width: 100%; height: 58px; margin: 0; padding: 10px 13px 4px; font: 700 15px/22px "Microsoft YaHei",Arial,sans-serif; overflow: hidden; }
.themebox li p.theme_txt a { color: #163652; }
.themebox li p.theme_pre { box-sizing: border-box; display: flex; width: 100%; height: 50px; margin: 0; padding: 5px 13px 12px; align-items: center; justify-content: space-between; color: #ff5b22; font: 700 15px/30px "Microsoft YaHei",Arial,sans-serif; }
.theme_pre .ho18 { font-size: 22px; }
.theme_pre small { margin-left: 2px; color: #8a98a7; font-size: 11px; font-weight: 400; }
.theme_pre > a { padding: 2px 10px; color: #0875c8 !important; font-size: 12px; font-weight: 500; border: 1px solid #c9e1f4; border-radius: 7px; background: #f7fbff; }
.themebox li.theme-empty { grid-column: 1 / -1; padding: 30px; color: #7b8da0; text-align: center; box-shadow: none; }
.themebox li.theme-empty:hover { transform: none; }

@media (max-width: 768px) {
    .theme-hero-wrap { padding-bottom: 12px; }
    .theme-showcase { display: block; width: auto; height: auto; margin: 10px 12px 0; }
    .theme-carousel { height: 250px; border-radius: 14px; }
    .theme-slide-copy { left: 24px; bottom: 28px; width: 75%; }
    .theme-slide-copy strong { font-size: 27px; }
    .theme-slide-copy em { font-size: 13px; }
    .theme-shortcuts { height: auto; margin-top: 10px; padding: 12px; grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: 58px; gap: 8px; border-radius: 14px; }
    .theme-shortcuts-title { height: 42px; }
    .theme-shortcuts-title strong { font-size: 17px; }
    .theme-shortcuts-title span { font-size: 11px; }
    .theme-shortcut { padding: 8px 10px; }
    .theme-shortcut span { font-size: 14px; }
    .theme-shortcut small { display: none; }
    .theme-page-main { width: auto !important; margin: 0 12px !important; padding-bottom: 20px; }
    .theme-section { padding-top: 10px; }
    .theme-section-head { height: 60px; }
    .theme-section-head strong { font-size: 20px; }
    .themebox { display: flex; gap: 11px; overflow-x: auto; scroll-snap-type: x proximity; }
    .themebox li { min-width: 76vw; flex: 0 0 76vw; scroll-snap-align: start; }
    .theme-card-image, .themebox li img { height: 180px; }
}
.photobox{ width: 100%; padding-bottom: 25px; background: #F5F7FA; border-bottom: 1px solid #DDD; }

.photo{ width: 1200px; height: 350px; margin: 10px auto 0; }

.photo li{ width: 232px; height: 165px; float: left; margin: 10px 0 0 10px; text-align: center; font: 700 20px/165px "寰蒋闆呴粦", Arial, "瀹嬩綋"; overflow: hidden; }

.photo li a{ display: block; width: 232px; height: 165px; color: #FFF; }

.photo li a:hover{ background: #37B369; text-decoration: none; color: #ff0; }

.photo li.ph1{ background: #DF2E8B; margin: 10px 0 0 0; }

.photo li.ph2{ background: #AEDDEE; }

.photo li.ph3{ background: #D8D100; }

.photo li.ph4{ background: #64B735; }

.photo li.ph5{ background: #76C8CA; }

.photo li.ph6{ background: #D8D100; margin: 10px 0 0 0; }

.photo li.ph7{ background: #E94530; }

.photo li.ph8{ background: #25782C; }

.photo li.ph9{ background: #F09609; }

.photo li.ph10{ background: #E00068; }
/*主体部分*/
.main{ width: 1200px; margin: 0 auto; }
.themepic{width: 100%; height: 550px; margin: 0 auto;}
/*left*/
.themelist{ width: 980px; height: auto; float: left; overflow: hidden; }

.themelist h3{width: 980px; height: 30px; margin-top: 25px; padding-bottom: 8px; font: 700 18px/30px "微软雅黑",Arial,"宋体";}

.themelist h3.bord1{border-bottom: 2px solid #DF2E8B;}

.themelist h3.bord1 a{color:#DF2E8B; }

.themelist h3.bord2{border-bottom: 2px solid #37B369;}

.themelist h3.bord2 a{color:#37B369; }

.themelist h3.bord3{border-bottom: 2px solid #5AA1FC;}

.themelist h3.bord3 a{color:#5AA1FC; }

.themelist h3.bord4{border-bottom: 2px solid #64B735;}

.themelist h3.bord4 a{color:#64B735; }

.themelist h3.bord5{border-bottom: 2px solid #E94530;}

.themelist h3.bord5 a{color:#E94530; }

.themelist h3.bord6{border-bottom: 2px solid #3AA400;}

.themelist h3.bord6 a{color:#3AA400; }

.themelist h3.bord7{border-bottom: 2px solid #E94530;}

.themelist h3.bord7 a{color:#E94530; }

.themelist h3.bord8{border-bottom: 2px solid #25782C;}

.themelist h3.bord8 a{color:#25782C; }

.themelist h3.bord9{border-bottom: 2px solid #F09609;}

.themelist h3.bord9 a{color:#F09609; }

.themelist h3.bord10{border-bottom: 2px solid #E00068;}

.themelist h3.bord10 a{color:#E00068; }

/*线路部分*/
.themebox{margin-top: 10px; width: 980px; height: auto; overflow: hidden;}

.themebox li{width: 230px; height: auto; float: left; overflow: hidden; padding-right:15px;}

.themebox li.pdlt{padding-left: 20px;}

.themebox li img{display: block; width: 230px; height: 160px;}

.themebox li p.theme_txt{width: 230px; height: 30px; margin-top: 5px; font: 400 14px/30px "微软雅黑",Arial,"宋体"; overflow: hidden;}

.themebox li p.theme_pre{width: 230px; height: 30px; font: 400 16px/30px Verdana, Arial, "宋体"; color: #F60;}



/*right*/
.sidebar{width:198px; height:auto; border:1px solid #E5E5E5; border-top: 0; margin-top: 25px; _display:inline; float:right; overflow:hidden;}

.sidebar h3{padding:4px 15px; height:30px; font:700 16px/30px "微软雅黑", Arial, "宋体"; background:#F5F4F4; border-bottom:1px solid #DDD; border-top:1px solid #DDD;}

.th_line{width:178px; height:auto; padding:0 10px; overflow:hidden;}

.th_line li{width:178px; padding:15px 0; line-height:22px; border-bottom:1px solid #E5E5E5; overflow:hidden;}

.th_line li img{display:block; width:178px; height:135px; margin-bottom:8px;}

.th_line li a{color:#0063DC;}

.th_line li a:hover{color:#f60;}

.th_line li p{ height:30px; line-height:30px;}

.th_line li p span{color:#FF2900; font:400 14px/30px Verdana, Arial, "宋体";  vertical-align:middle;}

.th_line li p s{color:#999; font-family:Verdana, Arial, "宋体"; margin-left:10px;}

/*最新攻略*/
.hot_search{width:168px; padding: 0 15px;}
.hot_search li{height: 30px; line-height:30px; padding: 5px 0; border-bottom: 1px solid #EEE; background: url(../images/dot.gif) no-repeat left center; overflow: hidden;}
.hot_search li a{margin-left: 8px; color:#555;}
.hot_search li.borno{border: 0;}

/*线路容器*/
.theme_lt{width: 980px; height: auto; float: left; overflow: hidden;}

/*线路来了！*/
.linebox{width:980px; height:auto; overflow:hidden;}
.linebox .linelist{width:978px; height:auto; border:1px solid #E5E5E5; margin-top:20px; overflow:hidden;}
.linebox .linelist_hover{border: 1px solid #5ABB1F; background:#F9FFF5;}
/*上*/
.linetop{width:948px; padding:15px; overflow:hidden;}
/*图片*/
.linepic{width:135px; height:90px; float:left;}
.linepic img{width:135px; height:90px;}
/*上 中*/
.linecon{width:480px; height:90px; float:left; padding-left:20px; overflow:hidden;}
/*标题*/
.linecon .tit{width:480px; height:30px; font:400 16px/30px "微软雅黑", Arial, "宋体"; overflow:hidden;}
.linecon .tit a{color:#0055CC; display:inline-block; float:left;}
.linecon .tit a:hover{color:#F40;}
.linebox .linelist_hover .tit a{color:#390;}
.linebox .linelist_hover .tit a:hover{color:#FF2900;}
/*途径景点 和特色*/
.linecon .sight{width:480px; height:20px; font:400 12px/20px Arial, "宋体"; color:#888; margin-top:10px; overflow:hidden;}
/*相关小图标*/
.lineico{width: 50px; height: 90px; float:left; padding-left: 20px;}
.lineico i.tjbj{width:48px; height:15px; margin:8px 0 0 10px; display:inline-block; background:url(../images/hot_pin.png) 0 -30px; overflow:hidden;}
.lineico i.thbj{width:48px; height:15px; margin:8px 0 0 10px; display:inline-block;  background:url(../images/hot_pin.png) 0 -15px; overflow:hidden;}
.lineico i.gty{width:36px; height:14px; margin:8px 0 0 10px; display:inline-block; background:url(../images/gentuanyou.png) no-repeat;overflow:hidden;}
.lineico i.zyx{width:36px; height:14px; margin:8px 0 0 10px; display:inline-block; background:url(../images/ziyouxing.png) no-repeat; overflow:hidden;}
/*价格*/
.linepre{width:100px; height:90px; float:right; text-align:center;}
.linepre p.jia{height:30px; font:400 12px/30px Verdana, Arial, "宋体"; color:#888;}
.linepre p.gzu{height:25px; font:400 12px/25px Verdana, Arial, "宋体"; color:#888;}
.linepre a.xq{display:block; width:80px; height:30px; background:url(../images/xiangqing.png) no-repeat; margin:5px auto 0;}
.linepre a.xq:hover{background:url(../images/xiangqing_hover.png) no-repeat;}
/*下*/.linebot{width:978px; height:46px; background:#F5F7FA; padding:5px 0;}
.linebot .botbox{width:190px; height:46px; border-right:1px solid #E5E5E5; float:left; text-align:center;}
.linebot .botbox p{height:23px; line-height:23px;}
.linebot .botbox p.s1{color:#777;}
/*团期*/.linebot .tuanqi{height:23px; font:400 12px/23px Arial, "宋体"; overflow:hidden;}
.linebot .tuanqi span{display:inline-block; height:23px;}

/*日历*/.case_calendar{width: 958px; height: auto; border-top: 1px solid #CCC; padding: 15px 10px; float: left; display:inline; display: none; overflow: hidden;}
.case_calendar_left{float: left; width: 479px;}
.case_calendar_right{float: right; width: 479px;}
/*线路分页*/
.pages{width:980px; height:auto; font-size:14px; line-height:40px; padding-top:30px; text-align:center; overflow: hidden;}
.pages a{background:#5ABB1F; color: #fff; margin: 0 5px; padding: 8px 14px;}
.pages a:hover{background:#F9A01F; color: #fff; text-decoration: none;}
.pages .current{margin: 0 5px; padding: 8px 14px; background:#F9A01F; color: #fff;}
.pages span{background:#F9A01F; color: #fff; margin: 0 5px; padding: 8px 14px;}

/* Modern cards override the legacy fixed-width list rules below. */
.theme-page-main .themebox { display:grid; width:100%; height:auto; margin:18px 0 0; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; overflow:visible; }
.theme-page-main .themebox li { box-sizing:border-box; width:auto; min-width:0; height:auto; padding:0; float:none; border:1px solid #e0e8f0; border-radius:14px; background:#fff; box-shadow:0 8px 24px rgba(18,55,88,.08); overflow:hidden; }
.theme-page-main .themebox li img { display:block; width:100%; height:175px; margin:0; object-fit:cover; }
.theme-page-main .themebox li p.theme_txt { box-sizing:border-box; width:100%; height:58px; margin:0; padding:10px 13px 4px; font:700 15px/22px "Microsoft YaHei",Arial,sans-serif; overflow:hidden; }
.theme-page-main .themebox li p.theme_pre { box-sizing:border-box; display:flex; width:100%; height:50px; margin:0; padding:5px 13px 12px; align-items:center; justify-content:space-between; color:#ff5b22; font:700 15px/30px "Microsoft YaHei",Arial,sans-serif; }
.theme-page-main .themebox li.theme-empty { grid-column:1 / -1; padding:30px; color:#7b8da0; text-align:center; box-shadow:none; }
@media (max-width:768px) {
    .theme-page-main .themebox { display:flex; gap:11px; overflow-x:auto; scroll-snap-type:x proximity; }
    .theme-page-main .themebox li { min-width:76vw; flex:0 0 76vw; scroll-snap-align:start; }
    .theme-page-main .themebox li img { height:180px; }
}

/*右部分*/
.sidebar2{width: 198px; height:auto; float: right;  margin-top: 20px; _display:inline; border: 1px solid #E5E5E5; border-top: 0; overflow: hidden;}

.sidebar2 h4{padding:4px 15px; height:30px;  font:700 16px/30px "微软雅黑", Arial, "宋体"; background:#F5F4F4; border-bottom:1px solid #DDD; border-top:1px solid #DDD;}