@charset "utf-8";
/* 首页 */
* { padding: 0; margin: 0; box-sizing: border-box; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body { font-family: "Microsoft YaHei", "PingFang SC", sans-serif; font-size: 14px; color: #333; }
i, em, cite, address, dfn, var { font-style: normal; }
ul, li { list-style: none; }
a { text-decoration: none; color: #555; transition: color 0.2s; }
a:hover { color: #ff9900; }
img { border: none; vertical-align: middle; width: 100%; height: auto; object-fit: cover; }
.clear { clear: both; }
.visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.w1200 { width: 1200px; margin: 0 auto; position: relative; }
.top-bar { background: #f8f8f8; border-bottom: 1px solid #eee; line-height: 35px; height: 35px; color: #666; font-size: 12px; position: relative; z-index: 2000; }
.top-bar .top-left { float: left; min-width: 10px; }
.top-bar .top-links { float: right; display: flex; }
.top-bar .top-links > li { position: relative; padding: 0 12px; cursor: pointer; display: flex; align-items: center; height: 35px; }
.top-bar .top-links > li:hover { background: #fff; color: #009199; }
.arrow-icon { width: 8px; height: 8px; margin-left: 6px; position: relative; display: inline-block; }
.arrow-icon::after { content: ""; position: absolute; right: 0; top: 1px; width: 5px; height: 5px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; transform: rotate(45deg); transition: 0.3s; }
li:hover .arrow-icon::after { border-color: #009199; transform: rotate(-135deg); top: 4px; }
.icon-site-nav { width: 16px; height: 12px; position: relative; margin-right: 6px; display: inline-block; }
.icon-site-nav::before, .icon-site-nav span, .icon-site-nav::after { content: ""; position: absolute; left: 0; width: 100%; height: 2px; background: #00b5be; }
.icon-site-nav::before { top: 0; }
.icon-site-nav span { top: 5px; }
.icon-site-nav::after { top: 10px; }
.dropdown { display: none; position: absolute; top: 35px; background: #fff; border: 1px solid #ddd; z-index: 2001; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.top-links > li:hover .dropdown { display: block; }
.account-box { width: 100%; left: 0; min-width: 90px; }
.account-box a { display: block; border-bottom: 1px solid #f5f5f5; color: #666; text-align: center; }
.wx-box { width: 220px; height: 88px; left: 0; overflow: hidden; }
.wx-box img { width: 220px; height: 88px; display: block; }
.site-nav-box { display: none; position: absolute; top: 35px; right: -1px; width: 630px; background: #fff; border: 1px solid #ddd; border-top: none; z-index: 2001; padding: 5px 0; justify-content: space-between; }
.top-links > li:hover .site-nav-box { display: flex; }
.nav-col { flex: 1; padding: 0 9px; border-left: 1px solid #f0f0f0; }
.nav-col:first-child { border-left: none; }
.nav-col dt { font-size: 16px; font-weight: bold;}
.nav-col dd { line-height: 1.98; }
.nav-col dd a { color: #666; font-size: 12px; }
.nav-col dd a:hover { color: #991B1B; text-decoration: underline; }
.col-blue dt { color: #00b5be; }
.col-lblue dt { color: #446eb3; }
.col-orange dt { color: #c49a3d; }
.col-purple dt { color: #7f4f96; }
.col-green dt { color: #438f4d; }
.col-purple .dict-grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; }
.header-mid { height: 100px; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1000; }
.logo-container { width: 320px; height: 54px; overflow: hidden; }
.logo-container img { width: 320px; height: 54px; display: block; }
.search { width: 526px; margin: 0 auto; position: relative; background: #fff; height: 42px; border: 2px solid #B45309; box-sizing: content-box; }
.search-btn { display: inline-flex; align-items: center; justify-content: center; background-color: #FFA500; color: white; border: none; padding: 10px 24px; font-size: 18px; cursor: pointer; transition: background-color 0.3s; line-height: 1; }
.search-btn:hover { background-color: #e69500; }
.icon-glass { width: 20px; height: 20px; margin-right: 7px; stroke-width: 2.5; transform: translateY(4px); }
#header_s { display: flex; height: 100%; }
.s_type { width: 90px; position: relative; cursor: pointer; border-right: 1px solid #ffaa01; }
.s_type p { line-height: 42px; text-align: center; color: #666; font-size: 14px; overflow: hidden; background: #fffcf5; }
.s_type i { position: absolute; right: 8px; top: 18px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #999; }
.s_type i.hover { border-top: none; border-bottom: 5px solid #ff6600; }
.s_type ul { display: none; position: absolute; top: 42px; left: -1px; width: 90px; background: #fff; border: 1px solid #ddd; z-index: 999; }
.s_type ul li { height: 32px; line-height: 32px; text-align: center; color: #666; font-size: 13px; cursor: pointer; }
.s_type ul li:hover { background: #f2f2f2; color: #ff6600; }
.s_input { flex: 1; }
.s_input p { height: 100%; }
.s_intext { width: 100%; height: 42px; line-height: 42px; border: none; outline: none; text-indent: 10px; font-size: 14px; color: #333; }
.s_intext.active { color: #333; }
.s_btn { width: 96px; }
.s_btn button { width: 96px; height: 42px; border: none; background: #B45309; color: #fff; font-size: 16px; cursor: pointer; }
.s_btn button:hover { background: #e55c00; }
.pop { display: none; position: absolute; top: 45px; left: 0; width: 100%; background: #fff; border: 1px solid #ddd; box-shadow: 0 2px 8px rgba(0,0,0,0.1); padding: 15px; box-sizing: border-box; z-index: 998; }
.pop h3 { font-size: 14px; color: #999; margin-bottom: 10px; font-weight: normal; border-bottom: 1px solid #eee; padding-bottom: 5px; }
.pop h3 i { float: right; cursor: pointer; font-family: Arial; }
.pop h3 i:hover { color: #ff6600; }
.pop dl { margin-bottom: 10px; overflow: hidden; }
.pop dt { float: left; width: 50px; color: #ff6600; font-weight: bold; font-size: 14px; line-height: 24px;}
.pop dd { overflow: hidden; line-height: 24px;}
.keyword-btn { background: transparent !important; border: none !important; outline: none !important; box-shadow: none !important; padding: 4px 8px !important; margin: 0 2px !important; color: #4b5563 !important; cursor: pointer !important; font-size: 14px !important; font-family: inherit !important; text-decoration: none !important; transition: all 0.2s; display: inline-block; appearance: none; -webkit-appearance: none; }
.keyword-btn:hover { color: #009199 !important; text-decoration: underline !important; }
.keyword-btn.hot { color: #f97316 !important; font-weight: bold !important; }
.mt20 { margin-top: 10px; }
.phone-box { display: flex; align-items: center; width: 320px; justify-content: flex-end; }
.headset-icon { width: 32px; height: 32px; position: relative; margin-right: 12px; }
.headset-icon .beam { position: absolute; top: 0; left: 4px; width: 24px; height: 22px; border: 2.5px solid #b5b5b5; border-bottom: none; border-radius: 12px 12px 0 0; }
.headset-icon .ear-l, .headset-icon .ear-r { position: absolute; bottom: 4px; width: 8px; height: 15px; border: 2.5px solid #b5b5b5; border-radius: 4px; background: #fff; z-index: 2; }
.headset-icon .ear-l { left: 0; }
.headset-icon .ear-r { right: 0; }
.headset-icon::after { content: ""; position: absolute; bottom: 8px; left: 6px; width: 20px; height: 2px; background: #eee; }
.phone-text { text-align: right; }
.phone-text p { font-size: 14px; color: #333; margin-bottom: 0px; line-height: 1; letter-spacing: 0px; }
.phone-text p span { margin-left: 12px; font-family: "Arial", sans-serif; }
.phone-text h2 { font-size: 26px; color: #009199; font-weight: normal; }
.main-nav { background: #00b5be; height: 40px; position: relative; z-index: 500; }
.nav-inner { display: flex; align-items: flex-start; }
.nav-cat-title { width: 220px; background: #007a75; color: #fff; font-size: 18px; height: 40px; line-height: 40px; padding-left: 20px; display: flex; align-items: center; }
.icon-four-bars { width: 16px; height: 14px; margin-right: 12px; position: relative; flex-shrink: 0; }
.icon-four-bars::before { content: ""; position: absolute; width: 100%; height: 2px; background: #fff; box-shadow: 0 4px 0 #fff, 0 8px 0 #fff, 0 12px 0 #fff; top: 0; }
.nav-menu { display: flex; flex: 1; height: 40px; }
.nav-menu > li { position: relative; text-align: center; }
.nav-menu > li > button { display: inline-block; padding: 0 15px; line-height: 40px; color: #ffffff; background: none; border: none; cursor: pointer; font-family: inherit !important; font-size: 16px !important; font-weight: inherit !important; -webkit-font-smoothing: antialiased; text-decoration: none; vertical-align: middle; }
.nav-menu > li > button:hover { background: #009199; }
.nav-menu > li > a { display: block; line-height: 40px; color: #fff; font-size: 16px; }
.nav-menu > li > a:hover { background: #009199; }
.nav-item-home { width: 60px; } .nav-item-home a { width: 60px; }
.nav-item-common { width: 110px; } .nav-item-common a { width: 110px; }
.nav-menu .gl-item { margin-left: auto; background: #007a75; position: relative; }
.gl-item a { padding: 0 15px; }
.gl-item .arrow-icon { margin-left: 4px; }
.gl-item .arrow-icon::after { border-color: #fff; top: 0px; }
.gl-item:hover .arrow-icon::after { transform: rotate(-135deg); top: 3px; }
.gl-dropdown { display: none; position: absolute; top: 40px; right: 0; width: 240px; height: 360px; background: #fff; z-index: 2000; color: #666; }
.gl-item:hover .gl-dropdown { display: block; }
.gl-dropdown ul { display: flex; flex-wrap: wrap; border-left: 1px dashed #eee; border-top: 1px dashed #eee; height: 100%; }
.gl-dropdown li { width: 33.33% !important; height: 50px; line-height: 50px; text-align: center; border-right: 1px dashed #eee; border-bottom: 1px dashed #eee; box-sizing: border-box; }
.gl-dropdown li a { display: block; font-size: 12px; color: #666; white-space: nowrap; overflow: hidden; width: 100% !important; }
.gl-dropdown li.hot a { color: #ff6600; }
.badge { position: absolute; top: -8px; right: 5px; padding: 0 3px; height: 16px; line-height: 16px; font-size: 10px; color: #fff; border-radius: 3px; font-style: normal; z-index: 100; pointer-events: none; }
.badge-hot { background: #ff4e00; }
.badge-new { background: #ffb400; }
.badge::after { content: ""; position: absolute; bottom: -3px; left: 5px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid inherit; }
.badge-hot::after { border-top-color: #ff4e00; }
.badge-new::after { border-top-color: #ffb400; }
.main { width: 1200px; display: flex; background: #fff; margin-right: auto; margin-left: auto; padding-top: 0px; padding-bottom: 5px; }
.navbox { width: 220px; height: 441px; position: relative; z-index: 1000; background: #fff; border-right-width: 1px; border-bottom-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-right-color: #b8e4e6; border-bottom-color: #b8e4e6; padding-right: 10px; }
.nb_item { width: 100%; height: 88px; border-bottom: 1px dashed #c8c8c8; position: relative; padding: 5px 5px 15px 30px; z-index: 1002; background: #fff; }
.nb_item:last-child { border-bottom: none; }
.nb_item:hover { background: #fff; width: 221px; margin-right: -1px; border-top-color: #b8e4e6; border-bottom: 1px solid #b8e4e6; border-left: 3px solid #ffaa01; z-index: 1005; }
.nb_item:last-child:hover { border-bottom: none; }
.nb_item:hover h3 a { color: #ffaa01; }
.nb_item h3 a { color: #00807c; display: inline-block; }
.nb_item h3 { height: 26px; line-height: 26px; font-size: 15px; font-weight: bold; position: relative; margin-bottom: 10px; }
.nb_item h3 span { color: #00807c; display: inline-block; }
.nb_item p span { padding-right: 6px; font-size: 13px; color: #333; }
.nb_item p span:hover { color: #33b5e5; }
.nb_item h3 i { position: absolute; right: 0; top: 10px; width: 6px; height: 6px; border-top: 1.5px solid #ccd5db; border-right: 1.5px solid #ccd5db; transform: rotate(45deg); }
.nb_item p { display: flex; flex-wrap: wrap; width: 100%; }
.nb_item p a { padding-right: 6px; font-size: 13px; color: #333; }
.nb_item p a:hover { color: #33b5e5; }
.nb_item::before { content: ""; position: absolute; left: 3px; top: 50%; margin-top: -26px; width: 22px; height: 22px; background-repeat: no-repeat; background-size: contain; transition: background-image 0.2s; }
.nb_go::before { background-image: url('data:image/svg+xml,'); }
.nb_xj::before { background-image: url('data:image/svg+xml,'); }
.nb_cj::before { background-image: url('data:image/svg+xml,'); }
.nb_camp::before { background-image: url('data:image/svg+xml,'); }
.nb_theme::before { background-image: url('data:image/svg+xml,'); }
.nb_go:hover::before { background-image: url('data:image/svg+xml,'); }
.nb_xj:hover::before { background-image: url('data:image/svg+xml,'); }
.nb_cj:hover::before { background-image: url('data:image/svg+xml,'); }
.nb_camp:hover::before { background-image: url('data:image/svg+xml,'); }
.nb_theme:hover::before { background-image: url('data:image/svg+xml,'); }
.pl_item { display: none; position: absolute; left: 218px; width: 730px; height: 441px; background: #fff; z-index: 1004; border-right-width: 1px; border-bottom-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-right-color: #b8e4e6; border-bottom-color: #b8e4e6; }
.pl_item dl { display: flex; flex-wrap: nowrap; align-items: flex-start; line-height: 24px; }
.pl_item dt { white-space: nowrap; margin-right: 15px; font-weight: bold; flex-shrink: 0; color: #333; }
.pl_item dd { margin: 0; flex: 1; white-space: normal; word-break: break-all; }
.pl_item dd a { display: inline-block; }
.pl_item dd span { margin: 0 5px; color: #ccc; }
.nb_item:nth-child(1) .pl_item { top: 0px; }
.nb_item:nth-child(2) .pl_item { top: -88px; }
.nb_item:nth-child(3) .pl_item { top: -176px; }
.nb_item:nth-child(4) .pl_item { top: -264px; }
.nb_item:nth-child(5) .pl_item { top: -352px; }
.nb_item:hover .pl_item { display: block; }
.pl_item div { float: left; height: 425px; overflow: hidden; padding-left: 15px; }
.pl_item div dl { overflow: hidden; padding-top: 7px; }
.pl_item div dl dt { font-size: 14px; color: #666; font-weight: bold; border-bottom: 1px solid #fafafa; font-family: "SimSun", "宋体", "Microsoft YaHei", "微软雅黑", "Verdana;", "Helvetica", "Arial Narrow"; }
.pl_item div dl dt { height: 30px; line-height: 30px; }
.pl_item div dl dt a { color: #666; }
.pl_item div dl dt a:hover { color: #991B1B; text-decoration: underline; }
.pl_item div dl dt span { margin: 0 6px; color: #f0f0f0; font-weight: normal; font-family: "SimSun", "宋体", "Microsoft YaHei", "微软雅黑", "Verdana;", "Helvetica", "Arial Narrow"; }
.pl_item div dl dd { height: 30px; line-height: 30px; font-size: 12px; color: #f0f0f0; font-weight: normal; }
.pl_item div dl dd a { color: #666; }
.pl_item div dl dd a:hover { color: #991B1B; text-decoration: underline; }
.pl_item div dl dd span { margin: 0 6px; }
.pl_item div dl a.hot { color: #991B1B; }
.probox { width: 720px; margin: 10px; position: relative; }
.pb_big { position: relative; width: 720px; height: 350px; overflow: hidden; background: #eee; border-radius: 4px; }
.pb_slide { width: 100%; height: 100%; }
.pb_slide li { position: absolute; width: 100%; height: 100%; opacity: 0; transition: opacity 0.8s ease; display: none; }
.pb_slide li.active { opacity: 1; display: block; }
.pb_slide li img { width: 720px; height: 350px; object-fit: cover; display: block; }
.pb_slide li a { display: block; width: 100%; height: 100%; }
.banner-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; padding: 40px 50px; color: #fff; text-shadow: 0 2px 4px rgba(0,0,0,0.5); font-family: "PingFang SC", "Microsoft YaHei"; z-index: 5; }
.banner-top-line { font-size: 18px; letter-spacing: 12px; margin-bottom: 20px; color: #e0f7fa; font-weight: 300; }
.banner-main-title { display: flex; align-items: baseline; margin-bottom: 10px; }
.banner-main-title h2 { font-size: 68px; font-weight: 900; font-style: italic; margin-right: 15px; }
.banner-main-title span { font-size: 42px; color: #ffeb3b; font-weight: bold; }
.banner-badge { display: inline-block; background: linear-gradient(to right, #ff9800, #f44336); padding: 4px 15px; border-radius: 20px; font-size: 14px; margin-bottom: 15px; box-shadow: 0 2px 10px rgba(255,152,0,0.4); }
.banner-spots { font-size: 16px; color: #fff; opacity: 0.9; word-spacing: 10px; }
ol.pb_ctrl { width: 700px; height: 30px; overflow: hidden; position: absolute; bottom: 10px; left: 12px; z-index: 6; list-style: none; font-size: 12px; line-height: 30px; }
.pb_ctrl li { float: left; margin: 0 2px; width: 170px; height: 30px; line-height: 30px; text-align: center; background: #fff; filter: alpha(opacity=80); opacity: 0.8; }
.pb_ctrl li a { display: block; width: 170px; height: 30px; text-align: center; }
.pb_ctrl li.active { filter: alpha(opacity=100); opacity: 1; background: #333; }
.pb_ctrl li.active a { color: #fff; }
.pb_small { width: 100%; height: 70px; margin-top: 10px; }
.pb_small ul { display: flex; gap: 10px; height: 100%; }
.pb_small li { flex: 1; height: 100%; border-radius: 4px; overflow: hidden; position: relative; }
.pb_small li a { display: block; width: 100%; height: 100%; overflow: hidden; }
.pb_small li img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; }
.pb_small li:hover img { transform: scale(1.08); }
.siteinfo { width: 240px; height: 430px; margin-top: 10px; margin-left: auto; display: flex; flex-direction: column; }
.si_top_box { height: 350px; border-right: 0; background: #fff; display: flex; flex-direction: column; overflow: hidden; }
.si_data ul { display: flex; padding: 12px 0; border: 1px solid #d4d4d4; }
.si_data li { flex: 1; text-align: center; border-right: 1px solid #f2f2f2; }
.si_data li:last-child { border-right: none; }
.si_data h3 { font-size: 12px; color: #333; font-weight: normal; margin-bottom: 2px; }
.si_data p { font-size: 24px; color: #b45309; line-height: 1; }
.si_data p i { font-size: 12px; font-style: normal; margin-left: 2px; vertical-align: 2px; }
.si_trait { padding-top: 10px; padding-bottom: 10px; }
.si_trait ul { display: flex; flex-wrap: wrap; gap: 8px; }
.si_trait li { width: 116px; height: 32px; border: 1px solid #e6e6e6; border-radius: 4px; display: flex; align-items: center; overflow: hidden; background: #fff; transition: 0.2s; }
.si_trait li i { width: 32px; height: 100%; display: flex; align-items: center; justify-content: center; background: #f9f9f9; border-right: 1px solid #eee; }
.si_trait li i svg { width: 15px; height: 15px; fill: #999; transition: 0.2s; }
.si_trait li a { flex: 1; font-size: 14px; color: #666; text-align: center; }
.si_trait li:hover { border-color: #33b5e5; }
.si_trait li:hover a { color: #33b5e5; }
.si_trait li:hover i svg { fill: #33b5e5; }
.si_news { overflow: hidden; position: relative; height: 36px; font-size: 12px; color: #b45309; display: flex; align-items: center; padding-right: 5px; }
.si_news p { font-weight: bold; margin-right: 5px; z-index: 2; background: #fff; display: flex; align-items: center; }
.si_news p svg { margin-right: 4px; }
.si_news_list { position: absolute; left: 65px; top: 0; width: 165px; transition: top 0.5s ease-in-out; }
.si_news_list li { height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; }
.si_list { flex: 1; display: flex; flex-direction: column; overflow: hidden; }
.sl_tab { display: flex; height: 38px; border-bottom: 1px solid #33b5e5; }
.sl_tab a { flex: 1; text-align: center; line-height: 38px; font-size: 14px; color: #333; cursor: pointer; border: 1px solid transparent; border-bottom: none; }
.sl_tab a.cur { color: #0369A1 ; background: #fff; border: 1px solid #0369A1 ; border-bottom: 1px solid #fff; position: relative; top: 0px; z-index: 5; height: 38px; }
.sl_tab button{ flex: 1; text-align: center; line-height: 38px; font-size: 14px; color: #333; cursor: pointer; border: 1px solid transparent; border-bottom: none; background-color: #FFF; }
.sl_tab button.cur { color: #0369A1 ; background: #fff; border: 1px solid #0369A1 ; border-bottom: 1px solid #fff; position: relative; top: 0px; z-index: 5; height: 38px; }
.sl_con_wrapper { flex: 1; position: relative; overflow: hidden; background: #fff; }
.sl_con { display: none; height: 100%; }
.sl_con.active { display: block; height: 170px; }
.sl_con_list { position: absolute; width: 100%; top: 0; left: 0; }
.sl_con_list li { height: 160px; display: flex; flex-direction: column; }
.sl_con_list h3 { color: #1e9dc8; font-size: 14px; height: 34px; line-height: 34px; overflow: hidden; margin-bottom: 4px; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; position: relative; font-weight: normal; }
.sl_con_list h3::before { content: ""; position: absolute; left: 0; top: 11px; width: 2px; height: 12px; background: #33b5e5; }
.sl_con_list h3 a { display: block; width: 100%; height: 100%; }
.sl_con_list h3 a:hover { color: #ff9d00; }
.sl_con_list span { display: flex; align-items: center; gap: 75px; font-size: 12px; color: #333; }
.sl_fo { background: #f2f6f9; padding: 2px 10px; border-radius: 12px; font-size: 11px; color: #333; font-style: normal; display: inline-flex; align-items: center; }
.sl_fo::before { content: ""; display: inline-block; width: 12px; height: 12px; margin-right: 4px; background-color: #33b5e5; -webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center; mask: url('data:image/svg+xml;utf8,') no-repeat center; -webkit-mask-size: contain; mask-size: contain; }
.sl_cs { font-style: normal; display: flex; align-items: center; }
.sl_cs::before { content: ""; display: inline-block; width: 14px; height: 14px; margin-right: 4px; background-color: #999; -webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center; mask: url('data:image/svg+xml;utf8,') no-repeat center; -webkit-mask-size: contain; mask-size: contain; }
.sl_con_list p { font-size: 12px; color: #666; line-height: 1.8; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; padding: 7px; }
#sl_con_xj { padding-top: 5px; padding-right: 14px; padding-bottom: 14px; padding-left: 0px; }
#sl_con_xj ul li { padding: 0; border-bottom: 1px dotted #eee; font-size: 13px; color: #555; position: relative; padding-left: 10px; }
#sl_con_xj ul li::before { content: ""; position: absolute; left: 0; top: 15px; width: 3px; height: 3px; background: #33b5e5; border-radius: 50%; }
#sl_con_xj ul li a { display: block; padding: 8px 0; }
#sl_con_xj ul li a:hover { color: #33b5e5; text-decoration: underline; }
.si_qapic { width: 240px; height: 84px; }
.si_qapic a { color: #fff; font-size: 15px; font-weight: bold; letter-spacing: 1px; }
.repro { width: 1200px; margin: 0px auto; display: flex; justify-content: space-between; }
.rp_main { width: 950px; flex-shrink: 0; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f0f0f0; }
.ex_nav { border-bottom: 1px solid #991B1B; display: flex; justify-content: flex-start; align-items: flex-end; margin-bottom: 20px; padding-bottom: 0; height: 45px; }
.ex_nav h2 { font-size: 22px; color: #C2410C ; padding-bottom: 5px; display: flex; align-items: baseline; flex-shrink: 0; font-weight: normal; }
.ex_nav h2 span { font-size: 12px; color: #065F46 ; font-weight: normal; margin-left: 18px; }
.ex_nav ul { display: flex; margin-bottom: -2px; margin-left: 300px; }
.ex_nav ul li { padding: 8px 25px; cursor: pointer; font-size: 14px; color: #333; border: 1px solid transparent; border-bottom: 2px solid transparent; transition: color 0.2s; margin-left: 5px; line-height: 1; }
.ex_nav ul li.cur { color: #991B1B; background: #fff; border-color: #991B1B; border-bottom-color: #fff; font-weight: bold; }
.ex_box .ex_item { display: none; }
.ex_box .ex_item.cur { display: block; }
.ex_item ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; font-weight: normal; }
.ex_item ul li { padding-bottom: 10px; transition: transform 0.3s, box-shadow 0.3s; background: #fff; }
.ex_item ul li:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
.img-box { position: relative; width: 100%; height: 150px; overflow: hidden; }
.img-box img { width: 100%; height: 100%; object-fit: cover; display: block; }
.intro-mask { position: absolute; left: 0; bottom: -100%; width: 100%; height: 50%; background: rgba(0, 0, 0, 0.75); color: #fff; padding: 12px 15px; transition: bottom 0.35s cubic-bezier(0.4, 0, 0.2, 1); pointer-events: none; display: flex; align-items: center; justify-content: center; text-align: center; }
.img-box:hover .intro-mask { bottom: 0; }
.intro-mask p { color: #fff !important; font-size: 13px; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ex_item h3 { padding: 10px 10px 5px; font-size: 14px; height: 52px; line-height: 1.4; overflow: hidden; font-weight: normal; }
.price-box { padding: 0 10px; font-weight: normal; color: #333; display: flex; justify-content: space-between; align-items: baseline; font-size: 12px; }
.price-box span i em { font-style: normal; color: #991B1B; font-size: 20px; margin-right: 2px; font-weight: 900; }
.price-box span i { color: #991B1B; font-style: normal; font-size: 12px; font-weight: 600; }
.rp_side { width: 232px; flex-shrink: 0; background: #fffcfa; margin-top: 28px; }
.rp_item { position: relative; }
.rp_item .title-wrap { position: relative; text-align: center; margin-bottom: 10px; }
.rp_item .title-wrap::before { content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #991B1B; z-index: 1; }
.rp_item .title-wrap h3 { display: inline-block; position: relative; z-index: 2; background: #fff; color: #991B1B; border: 1px solid #991B1B; border-radius: 16px; padding: 3px 64px; font-size: 16px; font-weight: normal; }
.rp_list { min-height: 250px; padding: 0 5px; }
.rp_list > div { display: none; }
.rp_list > div.cur { display: block; }
.rp_recommend_box { position: relative; margin-bottom: 10px; }
.rp_recommend_box img { width: 100%; border-radius: 4px; display: block; }
.rp_recommend_box .price_tag { position: absolute; right: 0; bottom: 8px; background: rgba(255,255,255,0.9); color: #991B1B; padding: 2px 8px; font-size: 12px; border-radius: 4px 0 0 4px; font-weight: bold; }
info-date { font-weight: normal; color: #991B1B; font-size: 13px; margin: 8px 0 5px; }
.rp_list h4 { font-size: 14px; color: #333; line-height: 1.7; }
.rp_attr { min-height: 200px; padding: 0 5px; }
.rp_attr > div { display: none; }
.rp_attr > div.cur { display: block; }
.rp_attr dl { padding: 15px 0 15px 40px; position: relative; }
.rp_attr dl:first-child { padding-top: 0; }
.rp_attr dl + dl { border-top: 1px dashed #ddd; }
.rp_attr dl::before { content: ""; position: absolute; left: 5px; top: 18px; width: 24px; height: 24px; background-size: contain; background-repeat: no-repeat; opacity: 0.7; }
.rp_attr dl:first-child::before { top: 3px; }
.rp_attr dl.date::before { background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Crect x="3" y="4" width="18" height="18" rx="2" ry="2" fill="%233498db"/%3E%3Cpath d="M3 10h18V8a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v2z" fill="%232980b9"/%3E%3Crect x="7" y="2" width="2" height="6" rx="1" fill="%23ecf0f1"/%3E%3Crect x="15" y="2" width="2" height="6" rx="1" fill="%23ecf0f1"/%3E%3Ccircle cx="12" cy="16" r="3" fill="white" opacity="0.3"/%3E%3C/svg%3E'); }
.rp_attr dl.des::before { background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" fill="%23e74c3c"/%3E%3Ccircle cx="12" cy="9" r="3" fill="white"/%3E%3C/svg%3E'); }
.rp_attr dl.price::before { background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z" fill="%23f39c12"/%3E%3Ccircle cx="7" cy="7" r="2" fill="white"/%3E%3C/svg%3E'); }
.rp_attr dd p { display: flex; justify-content: flex-start; gap: 10px; margin-bottom: 8px; }
.rp_attr dd p:last-child { margin-bottom: 0; }
.rp_attr dd a { font-size: 14px; color: #556677; white-space: nowrap; }
.rp_attr dd a:hover { color: #991B1B; }
#recommendTabs { min-height: 200px; }
#recommendTabs > div { display: none; }
#recommendTabs > div.cur { display: block !important; }
.rec-card { border-bottom: 1px dashed #eee; padding-bottom: 12px; }
.rec-card:last-child { border-bottom: none; }
.rec-img { position: relative; width: 100%; height: 135px; border-radius: 4px; overflow: hidden; background: #f0f0f0; }
.rec-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rec-price-tag { position: absolute; right: 0; bottom: 10px; background: rgba(255, 255, 255, 0.95); color: #991B1B; padding: 2px 10px; font-size: 12px; font-weight: bold; border-radius: 4px 0 0 4px; z-index: 5; box-shadow: -1px 1px 3px rgba(0,0,0,0.1); }
#recommendTabs > div, #searchTabs > div { display: none; }
#recommendTabs > div.cur, #searchTabs > div.cur { display: block !important; }
.route { width: 1200px; margin: 20px auto; display: flex; justify-content: space-between; align-items: flex-start; }
.routebox { width: 950px; border-bottom: 1px solid #f0f0f0; }
.routeside { width: 232px; background: #faffff; flex-shrink: 0; }
.rb_area { padding-bottom: 26px; }
.rb_nav { border-bottom: 1px solid #5cc7cc; display: flex; align-items: center; height: 40px; margin-bottom: 15px; position: relative; background: #fff; }
.rb_nav h2 { font-size: 22px; color: #008080; font-weight: normal; display: flex; align-items: baseline; flex-shrink: 0; }
.rb_nav h2 span { font-size: 12px; color: #666666; font-weight: normal; margin-left: 12px; letter-spacing: 1px; }
.rb_nav ul { display: flex; height: 100%; align-items: center; }
.rb_nav ul li { position: relative; height: 100%; padding: 0 8px; display: flex; align-items: center; cursor: pointer; }
.rb_nav ul li a { display: inline-block; font-size: 15px; color: #303030; transition: color 0.2s; position: relative; z-index: 10; font-weight: normal; }
.rb_nav ul li:hover a, .rb_nav ul li.cur a { color: #991B1B; }
.rb_nav ul li.cur a::before { content: ""; position: absolute; bottom: -15px; left: 0; width: 100%; height: 2px; background: #fff; z-index: 5; }
.rb_nav ul li.cur a::after { content: ""; position: absolute; bottom: -11px; left: 0; width: 100%; height: 8px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='8' viewBox='0 0 100 8' preserveAspectRatio='none'%3E%3Cpolyline points='0,8 46,8 50,2 54,8 100,8' fill='none' stroke='%23ff6600' stroke-width='3'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 100% 100%; z-index: 6; }
.rb_nav_right { margin-left: auto; display: flex; align-items: center; }
.rb_nav_right a { font-size: 13px; color: #991B1B; padding: 4px 9px; border-radius: 20px; transition: all 0.2s ease; cursor: pointer; display: inline-block; white-space: nowrap; }
.rb_nav_right a:hover { background: #5cc7cc !important; color: #fff !important; }
.rb_nav_right:not(:hover) a.active { background: #007073; color: #fff !important; }
.rb_nav_right:hover a.active:not(:hover) { background: transparent; color: #991B1B !important; }
.rb_box { display: flex; justify-content: space-between; }
.rb_side { width: 224px; height: 360px; overflow: hidden; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
.rb_side img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; display: block; }
.rb_main { width: 710px; }
.rb_mainbox ul { display: flex; justify-content: space-between; }
.rb_mainbox li { width: 224px; background: #fff; }
.rb_mainbox li img { width: 224px; height: 150px; object-fit: cover; border-radius: 4px; display: block; }
.rb_mainbox h3 { padding: 12px 0 6px; font-size: 14px; height: 54px; line-height: 1.5; overflow: hidden; font-weight: normal; color: #333; }
.rb_list_wrap { margin-top: 10px; border-top: 1px dashed #eee; padding-top: 15px; }
.rb_list_wrap ul { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 40px; }
.rb_list_wrap li { display: flex; justify-content: space-between; align-items: flex-start; border-left: 1px solid #5cc7cc; padding-left: 12px; }
.rb_list_info h4 { font-size: 15px; color: #00BFFF; margin-bottom: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal; }
.rb_list_meta { gap: 15px; font-size: 12px; color: #999; }
.rb_list_meta span { display: inline-flex; align-items: center; padding-left: 18px; background-repeat: no-repeat; background-position: left center; background-size: 14px; }
.meta_loc { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23bbb'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E"); }
.meta_day { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23bbb'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z'/%3E%3C/svg%3E"); }
.meta_hot { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23bbb'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E"); }
.rb_list_price { color: #991B1B; font-size: 15px; white-space: nowrap; margin-left: 10px; font-weight: 900; }
.rs_item { margin-bottom: 25px; position: relative; }
.rs_title_pill { position: relative; text-align: center; margin: 22px 0 10px; }
.rs_title_pill::before { content: ""; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background: #5cc7cc; opacity: 0.3; z-index: 1; }
.rs_title_pill h3 { display: inline-block; position: relative; z-index: 2; background: #fff; border: 1px solid #008080; border-radius: 20px; padding: 2px 62px; font-size: 16px; color: #008080; font-weight: normal; line-height: 27px; }
.rs_ranking_list { padding: 2px 12px 0px; counter-reset: rank-count; }
.rs_ranking_list li { border-bottom: 1px dashed #eee; counter-increment: rank-count; }
.rs_ranking_list li:last-child { border-bottom: none; }
.rs_ranking_list li a.rs_rank_link { padding: 13px 0; display: flex; align-items: flex-start; width: 100%; transition: 0.2s; }
.rs_ranking_list li a.rs_rank_link:hover { background: #fcfdfe; }
.rs_ranking_list li a.rs_rank_link:hover h4 { color: #991B1B; }
.rs_img_box { position: relative; width: 66px; height: 66px; flex-shrink: 0; border-radius: 2px; overflow: hidden; margin-right: 12px; }
.rs_img_box img { width: 100%; height: 100%; object-fit: cover; }
.rs_top_medal { position: absolute; top: 0; left: 0; width: 28px; height: 25px; color: #fff; z-index: 5; text-align: center; font-family: "Arial", sans-serif; font-weight: bold; clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%); display: flex; flex-direction: column; justify-content: center; align-items: center; }
.rs_top_medal::before { content: "TOP"; font-size: 7px; line-height: 1; transform: scale(0.8); margin-top: -2px; }
.rs_top_medal::after { content: counter(rank-count); font-size: 13px; line-height: 1; display: block; }
.rs_ranking_list li:nth-child(1) .rs_top_medal { background: #ff4e00; }
.rs_ranking_list li:nth-child(2) .rs_top_medal { background: #ff8400; }
.rs_ranking_list li:nth-child(3) .rs_top_medal { background: #ffaa01; }
.rs_ranking_list li:nth-child(n+4) .rs_top_medal { background: #bbb; }
.rs_info { flex: 1; min-width: 0; }
.rs_info h4 { font-size: 13px; line-height: 1.4; height: 36px; overflow: hidden; margin-bottom: 5px; font-weight: normal; color: #333; transition: color 0.2s; }
.rs_stats { display: flex; justify-content: space-between; align-items: center; font-size: 12px; }
.rs_stats .view { color: #999; }
.rs_stats .price { color: #991B1B; font-weight: 900; }
.rs_tree_container { position: relative; }
.rs_tree_container::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #5cc7cc; opacity: 0.3; z-index: 1; transform: translateX(-50%); }
.rs_tree_row { display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; margin: 17px 0; }
.rs_tree_row a { width: 85px; text-align: center; font-size: 13px; color: #555; transition: color 0.2s; }
.rs_tree_row a:hover { color: #5cc7cc; }
.rs_tree_marker { width: 7px; height: 7px; border: 1px solid #5cc7cc; background: #fff; margin: 0 10px; flex-shrink: 0; }
.psnav { width: 1200px; margin: 20px auto 0; border: 1px solid #e1e1e1; height: 60px; }
.psnav ul { display: flex; height: 100%; list-style: none; margin: 0; padding: 0; }
.psnav li { flex: 1; display: flex; align-items: center; justify-content: center; font-size: 22px; cursor: pointer; transition: .3s; }
.psnav li i { width: 35px; height: 35px; margin-right: 12px; display: flex; align-items: center; opacity: .8; transition: .3s; }
.psnav li i svg { width: 100%; height: 100%; fill: currentColor; }
.psnav li:hover { background: #f5f5f5; }
.psnav li:hover i, .psnav li.cur i { opacity: 1; }
.ps_rc { color: #0056B3; }
.ps_htl { color: #92400E; }
.ps_tkt { color: #007326; }
.proserver { width: 1200px; margin: 20px auto; }
.ps_item { background: #fff; margin-bottom: 10px; }
.ps_item::after, .ps_box::after, .ps_nav::after { content: ""; display: block; clear: both; }
.ps_box { padding: 10px 0; }
.ps_main { float: left; width: 950px; border-bottom: 1px solid #ddd; padding-bottom: 12px; }
.ps_side { float: right; width: 232px; background: #fafcff; }
.ps_nav { height: 50px; line-height: 50px; border-bottom: 1px solid #bfa15f; position: relative; }
.ps_nav h2 { float: left; font-size: 20px; color: #333; margin-right: 20px; font-weight: bold; }
.ps_nav h2 span { font-size: 12px; color: #333; margin-left: 10px; font-weight: normal; }
.ps_nav dl { float: left; color: #555; font-size: 12px; margin-right: 30px; }
.ps_nav dl dt, .ps_nav dl dd { display: inline-block; }
.ps_nav dl dt { color: #333; font-weight: bold; margin-right: 5px; }
.ps_nav div { float: left; }
.ps_nav div p a { display: inline-block; height: 26px; line-height: 26px; padding: 0 15px; margin: 12px 5px 0 0; border-radius: 13px; font-size: 14px; color: #666; background-color: transparent; cursor: pointer; transition: all 0.3s ease; }
.ps_nav div p a.cur, .ps_nav div p a:hover { background-color: #a64200; color: #fff; text-decoration: none; }
.ps_hotel .ps_nav div p a.cur { background-color: #7a5905; }
.ps_ticket .ps_nav div p a.cur { background-color: #00591c; }
.ps_nav ul { float: right; width: 232px; text-align: center; }
.ps_nav ul li { display: inline-block; margin: 0 5px; }
.ps_nav ul li a { display: inline-block; padding: 0 10px; height: 50px; font-size: 14px; font-weight: bold; color: #333; border-bottom: 3px solid transparent; cursor: pointer; }
.ps_nav ul li.cur a { color: #ff9900; border-bottom-color: #ff9900; }
.ps_hotel .ps_nav ul li.cur a { color: #bfa15f; border-bottom-color: #bfa15f; }
.ps_ticket .ps_nav ul li.cur a { color: #009933; border-bottom-color: #009933; }
.ps_main dl { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px; }
.ps_main dl:last-child { margin-bottom: 0; }
.ps_main dl dt { width: 350px; float: left; margin-right: 15px; position: relative; }
.ps_main dl dd { width: 180px; float: left; margin-right: 15px; }
.ps_main dl dd:last-child { margin-right: 0; }
.ps_comm, .ps_main dl dd { background: #fff; transition: transform 0.2s; }
.ps_comm { position: relative; width: 350px; height: 196px; overflow: hidden; }
.ps_comm:hover, .ps_main dl dd:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.1); transform: translateY(-2px); }
.ps_main img { width: 350px; height: 196px; display: block; border-radius: 4px; }
.ps_main dl dd img { width: 180px; height: 120px; display: block; border-radius: 4px; }
.ps_comm .overlay-box { width: 278px; height: 74px; padding: 4px 8px; background: rgba(255, 255, 255, 0.8); position: absolute; bottom: 0px; left: 32px; border-top-left-radius: 2px; border-top-right-radius: 2px; display: flex; flex-direction: column; justify-content: space-around; }
.ps_comm .overlay-top { display: flex; justify-content: space-between; align-items: center; }
.ps_comm .overlay-top h3 { font-size: 14px; font-weight: bold; color: #333; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 160px; }
.ps_comm .overlay-top h3 a { display: inline-block; padding: 8px 0; }
.ps_comm .overlay-top .price { font-size: 16px; font-weight: bold; color: #ff6600; }
.ps_comm .overlay-top .price em { font-style: normal; }
.ps_comm .overlay-bottom { display: flex; justify-content: space-between; align-items: center; }
.ps_comm .overlay-bottom h6 { font-size: 12px; color: #666; font-weight: normal; margin: 0; }
.ps_comm .overlay-bottom h6 a { display: inline-block; padding: 8px 4px; }
.ps_comm .overlay-bottom .focus-btn { background-color: #d34300; color: #fff; font-size: 12px; border-radius: 10px; line-height: 1.2; width: 102px; padding-top: 1px; padding-right: 8px; padding-bottom: 1px; padding-left: 8px; }
.ps_main dl dd h3 {
font-size: 16px;
margin: 5px 0 0 0;
padding: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ps_main dl dd h3 a {
display: block;
width: 100%;
padding: 12px 0;
line-height: 1.2;
}
.info-box {
font-size: 12px;
color: #555;
font-weight: normal;
margin: 0 0 5px 0;
}
.info-box span { margin-right: 10px; }
.info-box a {
display: inline-block;
padding: 12px 5px 12px 5px;
line-height: 1;
}
.ps_main dl dd p { display: flex; justify-content: space-between; align-items: center; color: #333; font-size: 12px; }
.ps_main dl dd p span em { font-style: normal; font-size: 18px; font-weight: 900; color: #991B1B; margin-right: 2px; }
.ps_art { display: none; padding-right: 10px; padding-left: 10px; }
.ps_art.cur { display: block; }
.ps_art ul li { line-height: 30px; padding-left: 10px; position: relative; }
.ps_art ul li::before { content: "•"; color: #ccc; position: absolute; left: 0; }
.ps_art ul li a { font-size: 13px; }
.custom-rental-box { }
.cr-title { position: relative; text-align: center; margin-bottom: 23px; height: 30px; }
.cr-title::before { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #7b9be8; z-index: 0; }
.cr-title h3 { position: relative; z-index: 1; display: inline-block; padding: 0 70px; height: 30px; line-height: 28px; background-color: #fff; border: 1px solid #1b43b3; border-radius: 15px; color: #1b43b3; font-size: 16px; font-weight: normal; margin: 0; box-sizing: border-box; }
.cr-form { padding-top: 0; padding-right: 5px; padding-bottom: 20px; padding-left: 5px; }
.cr-row { display: flex; align-items: center; margin-bottom: 12px; }
.cr-row label { width: 70px; text-align: right; margin-right: 10px; font-size: 14px; color: #555; }
.cr-row input { flex: 0; height: 24px; border: 1px solid #ddd; padding: 0 0px; outline: none; font-size: 12px; color: #666; border-radius: 2px; }
.cr-row input:focus { border-color: #ff9900; }
.cr-row.submit-row { justify-content: center; margin-top: 15px; margin-bottom: 0; }
.cr-row button { width: 100px; height: 32px; background-color: #a64200; color: #fff; border: none; border-radius: 4px; font-size: 15px; cursor: pointer; transition: background-color 0.3s; }
.cr-row button:hover { background-color: #a64200; }
.ph_area { padding-right: 10px; padding-bottom: 2px; padding-left: 10px; }
.ph_area ul { overflow: hidden; margin-bottom: 10px; }
.ph_area ul li { float: left; width: 100%; }
.ph_area ul li a { float: left; margin-right: 8px; font-size: 13px; color: #666; }
.ph_area input[type="text"] { width: 70%; border: 1px solid #ddd; height: 26px; }
.ph_area button { width: 25%; background: #8e7a56; color: #fff; border: none; height: 26px; cursor: pointer; }
.ps_nav .sidebar-tabs { float: right; width: 232px; height: 50px; padding-top: 15px; box-sizing: border-box; text-align: center; border-bottom: 1px solid transparent; margin: 0; }
.ps_nav .sidebar-tabs li { float: left; width: 50%; margin: 0; padding: 0; list-style: none; display: block; }
.ps_nav .sidebar-tabs li a { display: block; width: 100%; height: 34px; line-height: 34px; font-size: 14px; color: #333; background: transparent; text-decoration: none; border: none; cursor: pointer; transition: all 0.3s; font-weight: normal; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.ps_car .sidebar-tabs { border-bottom-color: #5b7ce3; }
.ps_car .sidebar-tabs li.cur a { background-color: #2d58c2; color: #fff !important; }
.ps_car .sidebar-tabs li:not(.cur) a:hover { color: #2d58c2; }
.ps_car .sidebar-tabs li.cur a:hover { color: #fff; }
.ps_hotel .sidebar-tabs { border-bottom-color: #a87b08; }
.ps_hotel .sidebar-tabs li.cur a { background-color: #7a5905; color: #fff !important; }
.ps_hotel .sidebar-tabs li:not(.cur) a:hover { color: #7a5905; }
.ps_hotel .sidebar-tabs li.cur a:hover { color: #fff; }
.ps_ticket .sidebar-tabs { border-bottom-color: #009933; }
.ps_ticket .sidebar-tabs li.cur a { background-color: #00591c; color: #fff !important; }
.ps_ticket .sidebar-tabs li:not(.cur) a:hover { color: #009933; }
.ps_ticket .sidebar-tabs li.cur a:hover { color: #fff; }
.ps_hotel .ps_nav h2 { color: #8e7a56; }
.ps_hotel .ps_nav h2 span { color: #7a5905; }
.ps_hotel p span em { color: #ff6600; }
.ps_ticket .ps_nav h2 { color: #009933; }
footer { width: 100%; background: #fff; border-top: 1px solid #e0e0e0; }
.footbarser { width: 100%; background-color: #005c61; height: 70px; border-bottom: 1px solid #004d52; }
.fb_ser { width: 1200px; margin: 0 auto; height: 100%; }
.fb_ser ul { display: flex; justify-content: space-between; height: 100%; align-items: center; padding: 0; margin: 0; list-style: none; background: #005c61; }
.fb_ser li { flex: 1; height: 50px; border-right: 1px solid rgba(255,255,255,0.3); display: flex; justify-content: center; align-items: center; }
.fb_ser li:last-child { border-right: none; }
.fb_ser dl { display: flex; align-items: center; color: #fff; margin: 0; }
.fb_ser dt { width: 46px; height: 46px; border: 2px solid rgba(255,255,255,0.6); border-radius: 50%; text-align: center; display: flex; justify-content: center; align-items: center; margin-right: 12px; }
.fb_ser dt svg { width: 24px; height: 24px; fill: #fff; }
.fb_ser dd p { font-size: 16px; font-weight: bold; margin: 0 0 4px 0; }
.fb_ser dd span { font-size: 12px; color: rgba(255,255,255,0.8); }
.footbarmenu { background-color: #fff; border-bottom: 1px solid #eee; width: 100%; margin-bottom: 20px; padding-top: 30px; padding-right: 0; padding-bottom: 20px; padding-left: 0; }
.fb_menu { width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; }
.fb_menu > ul { display: flex; width: 75%; padding: 0; margin: 0; list-style: none; }
.fb_menu > ul > li { flex: 1; border-right: 1px solid #f0f0f0; }
.fb_menu > ul > li:last-child { border-right: none; }
.fb_menu dl { margin: 0; }
.fb_menu dl dt { font-size: 16px; color: #333; font-weight: bold; margin-bottom: 15px; padding-left: 10px; border-left: 3px solid #009f9d; }
.fb_menu dl dd { line-height: 26px; padding-left: 13px; margin: 0; }
.fb_menu dl dd a { color: #666; font-size: 12px; text-decoration: none; transition: color 0.2s; }
.fb_menu dl dd a:hover { color: #009f9d; }
.fb_menu > div { width: 25%; display: flex; justify-content: flex-end; align-items: center; }
.qr-placeholder { display: flex; gap: 15px; }
.qr-item { text-align: center; }
.qr-img-box { width: 120px; height: 120px; background: #f0f0f0; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; color: #999; font-size: 10px; }
.qr-img-box svg { width: 60px; height: 60px; fill: #999; }
.footnavcopy { background-color: #fff; padding: 20px 0; text-align: center; color: #666; line-height: 24px; width: 100%; }
.fb_nav, .fb_copyright { width: 1200px; margin: 0 auto; font-size: 14px; font-style: normal; line-height: 28px; font-weight: normal; text-align: center; }
.fb_nav { margin-bottom: 10px; font-size: 14px; font-style: normal; line-height: 30px; font-weight: normal; background-position: center; clear: both; height: 30px; }
.fb_nav p { margin: 0; text-align: center; }
.fb_nav a { margin: 0 8px; color: #555; text-decoration: none; }
.fb_nav span { color: #ddd; font-size: 10px; }
.fb_copyright p { margin: 0; }
.fb_copyright a { color: #666; text-decoration: none; }
.footlink { border-top: 1px solid #eee; font-size: 12px; width: 100%; }
.f_pro, .f_subs, .f_link { width: 1200px; margin: 0 auto; line-height: 24px; color: #555; }
.f_pro p, .f_link p { margin-bottom: 10px; margin-top: 0; }
.f_pro a, .f_link a, .f_subs a { color: #888; text-decoration: none; }
.f_pro span, .f_subs span { margin: 0 5px; color: #ddd; }
.f_subs { display: flex; margin-bottom: 10px; }
.f_subs dt { width: 70px; font-weight: bold; color: #444; }
.f_subs dd { flex: 1; margin: 0; }
.f_subs a { white-space: nowrap; }
.police-badge { width: 100%; background: #fff; padding: 15px 0; text-align: center; border-top: 1px solid #eee; }
.police-box { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.police-box svg { width: 18px; height: 18px; fill: #0264b4; margin-right: 5px; }
.ph_search_fixed { clear: both; margin: 0 4px 0px; }
.ph_search_fixed dt { font-size: 15px; font-weight: bold; color: #444; margin-bottom: 10px; }
.ph_search_fixed dd form { display: flex; gap: 6px; align-items: center; }
.ph_search_fixed input[type="text"] { flex-grow: 1; width: 100px; height: 24px; line-height: 30px; border: 1px solid #ddd; padding: 0 8px; font-size: 12px; color: #666; outline: none; border-radius: 2px; transition: border-color 0.2s; }
.ph_search_fixed input[type="text"]:focus { border-color: #ff9900; }
.ph_search_fixed button { flex-shrink: 0; width: 76px; height: 24px; background: #a64200; color: #fff; border: none; border-radius: 2px; cursor: pointer; font-size: 13px; display: flex; align-items: center; justify-content: center; }
.ph_search_fixed button svg { width: 14px; height: 14px; fill: #fff; margin-right: 4px; }
.ph_search_fixed button:hover { background: #803300; }
div.footlink { width: 1200px; margin: 15px auto; border-top: 1px solid #fafafa; color: #999; }
div.f_pro { }
.f_pro p { height: 24px; line-height: 24px; }
.f_pro a { color: #555; }
.f_pro a:hover { color: #666; text-decoration: underline; }
.f_pro span { color: #c8c8c8; margin: 0 4px; }
dl.f_subs { }
.f_subs dt { float: left; width: 60px; height: 48px; line-height: 24px; }
.f_subs dd { float: left; width: 1140px; height: 24px; line-height: 24px; }
.f_subs dd a { color: #555; }
.f_subs dd a:hover { color: #666; text-decoration: underline; }
.f_subs dd span { color: #c8c8c8; margin: 0 4px; }
div.f_link { }
.f_link p { height: 24px; line-height: 24px; }
.f_link table { width: 95%; float: right; text-align: left; }
.f_link a { color: #555; padding-right: 4px; }
.f_link a:hover { color: #666; text-decoration: underline; }
.beian-box { width: 100%; padding: 20px 0; text-align: center; }
.beian-box a { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; color: #555; cursor: pointer; }
.beian-box img { width: 20px !important; height: 20px !important; margin-right: 6px; border: none; display: block; }
.beian-box p { margin: 0; padding: 0; font-size: 14px; line-height: 20px; color: #555; white-space: nowrap; }
.main-nav { width: 100%; min-width: 1200px; background-color: #00807c; }
.nav-inner { width: 1200px; margin: 0 auto; position: relative; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }
i a[title="请登录"], em a[title="免费注册"], i a[title="退出"] { text-decoration: underline !important; text-underline-offset: 3px !important; color: #005A57 !important; font-weight: bold !important; }
font[color="red"] b, font[color="red"] { color: #991B1B !important; }
.right-sidebar { position: fixed; right: 0; top: 0; height: 100%; width: 32px; background-color: #00b5be; z-index: 2147483647; font-family: "Microsoft YaHei", sans-serif; display: flex !important; flex-direction: column; justify-content: center; padding-top: 50px; }
.rs-item { position: relative; width: 32px; height: 32px; margin-bottom: 50px; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: background-color 0.2s; }
.rs-item:hover { background-color: #ff6600; }
.rs-item svg { width: 18px; height: 18px; fill: #fff; }
.rs-item.custom-btn { height: 145px; background-color: #b32400; flex-direction: column; align-items: center; padding-top: 15px; margin-bottom: 20px; z-index: 100002; }
.rs-item.custom-btn:hover, .rs-item.custom-btn.expanded { background-color: #8B1A1A; }
.rs-item.custom-btn svg { width: 20px; height: 20px; }
.rs-item.custom-btn span { font-size: 15px; color: #fff; width: 14px; line-height: 22px; display: block; text-align: center; }
.rs-drawer { position: absolute; right: 32px; top: 0; width: auto; min-width: 110px; background-color: #fff; border: 1px solid #eee; box-shadow: 0 4px 15px rgba(0,0,0,0.1); display: none; border-radius: 4px 0 0 4px; white-space: nowrap; z-index: 100001; }
.rs-item:not(.custom-btn):hover .rs-drawer { display: block; animation: slideIn 0.2s ease-out; }
.rs-item.custom-btn.expanded .rs-drawer { display: block !important; animation: slideIn 0.3s ease-out; }
@keyframes slideIn { from { opacity: 0; transform: translateX(10px); } to { opacity: 1; transform: translateX(0); } }
.custom-drawer-header { padding: 12px 10px; border-bottom: 1px solid #f9f9f9; display: flex; align-items: center; justify-content: center; background-color: #fff; }
.custom-avatar { width: 38px; height: 38px; background: linear-gradient(135deg, #cca060 0%, #b88a4d 100%); border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-right: 8px; box-shadow: 0 2px 4px rgba(184, 138, 77, 0.3); }
.custom-avatar svg { width: 22px; height: 22px; fill: #fff; }
.custom-title { font-size: 14px; color: #555; font-weight: bold; letter-spacing: 0.5px; }
.custom-links { padding: 10px 10px 12px; background: #fff; display: flex; flex-direction: column; align-items: center; }
.custom-links a { display: flex; align-items: center; justify-content: center; width: 125px; height: 30px; background-color: #8B1A1A; color: #fff; text-decoration: none; border-radius: 15px; margin-bottom: 6px; padding: 0 5px; font-size: 13px; transition: all 0.2s; }
.custom-links a:hover { background-color: #ff4400; transform: translateX(-2px); }
.custom-links a svg { width: 14px; height: 14px; fill: #fff; margin-right: 4px; opacity: 0.95; }
.rs-links { padding: 8px; }
.rs-links-item { display: block; padding: 8px 12px; color: #666; text-decoration: none; border-bottom: 1px dashed #eee; font-size: 14px; text-align: left; }
.rs-links-item:last-child { border-bottom: none; }
.rs-links-item:hover { color: #ff6600; background-color: #fcfcfc; }
.rs-phone-num { color: #ff6600; font-weight: bold; font-family: Arial, sans-serif; margin-left: 5px; }
.rs-qr-box { padding: 10px; text-align: center; background: #fff; }
.rs-qr-box img.fixed-wechat { width: 310px !important; height: 250px !important; max-width: none !important; display: block; margin: 0 auto; }
.rs-qr-box img.fixed-feedback { width: 300px !important; height: 110px !important; max-width: none !important; display: block; margin: 0 auto; }
.rs-item.to-top { margin-top: 10px; background-color: #999; display: none; }
.rs-item.to-top:hover { background-color: #ff6600; }
div[id*="live800"]:not(#live800-box), div[id^="live800"]:not(#live800-box), div[id*="float"], div[id*="lim_"], iframe[src*="live800"], .live800_float, #live800_icon, #live800_float_icon, a[href*="live800"][target="_blank"] img, #live800_cfloat_icon, .live800_cfloat { visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; position: fixed !important; left: -9999px !important; top: -9999px !important; width: 1px !important; height: 1px !important; z-index: -99999 !important; }
/* ===== 方案E 全站底部改版 2026-10-28 ===== */
.fx-foot{width:100%;min-width:1200px;background:#fff;color:#1f2937;}
.fx-foot a{text-decoration:none;}
.fx-guar{display:flex;justify-content:space-between;gap:24px;padding:18px calc(50% - 600px);background:linear-gradient(180deg,#fff9f0,#fff);border-bottom:1px solid #f5efe4;}
.fx-guar .fx-it{display:flex;align-items:center;gap:9px;}
.fx-guar .fx-it svg{width:20px;height:20px;flex:0 0 20px;stroke:#e8833a;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.fx-guar .fx-it b{font-size:13.5px;color:#3f3427;font-weight:600;letter-spacing:.3px;}
.fx-guar .fx-it span{font-size:12px;color:#9c8f7c;margin-left:2px;}
.fx-top{width:1200px;margin:0 auto;display:flex;align-items:stretch;justify-content:space-between;gap:40px;padding:34px 0 18px;}
.fx-brand{display:flex;flex-direction:column;justify-content:center;}
.fx-logo{height:60px;width:auto;display:block;}
.fx-desc{font-size:14px;color:#8b95a1;margin-top:14px;letter-spacing:.4px;}
.fx-side{display:flex;align-items:center;gap:18px;padding:14px 18px;background:#f7f9fb;border:1px solid #edf1f5;border-radius:14px;}
.fx-qrs{display:flex;gap:12px;}
.fx-q{text-align:center;}
.fx-qf{display:block;width:104px;height:104px;background:#fff;border:1px solid #edf1f5;border-radius:8px;padding:5px;}
.fx-qf img{width:100%;height:100%;object-fit:contain;display:block;}
.fx-q em{display:block;font-style:normal;margin-top:7px;font-size:11.5px;color:#9aa3af;letter-spacing:.4px;}
.fx-ct{padding-left:18px;border-left:1px solid #eaeff4;}
.fx-lb{font-size:11.5px;color:#9aa3af;letter-spacing:1px;margin-bottom:6px;}
.fx-tel{font-size:26px;font-weight:600;color:#e8833a;letter-spacing:.5px;line-height:1;}
.fx-sub{font-size:11.5px;color:#a8b0bb;margin-top:8px;letter-spacing:.4px;}
.fx-cols{width:1200px;margin:0 auto;display:flex;gap:38px;padding:22px 0 34px;}
.fx-cols dl{flex:1;margin:0;}
.fx-cols dt{font-size:13.5px;font-weight:600;color:#0f172a;letter-spacing:.6px;margin-bottom:15px;padding-left:10px;border-left:3px solid #0f9c99;line-height:1.1;}
.fx-cols dd{font-size:13px;color:#8b95a1;margin:0 0 10px;padding-left:13px;letter-spacing:.2px;white-space:nowrap;}
.fx-cols dd a{color:#8b95a1;}
.fx-cols dd a:hover{color:#e8833a;}
.fx-nav{display:flex;flex-wrap:wrap;gap:9px;padding:16px calc(50% - 600px);background:#f7f9fb;border-top:1px solid #eef2f6;border-bottom:1px solid #eef2f6;}
.fx-nav a{font-size:12.5px;color:#6b7280;padding:5px 14px;background:#fff;border:1px solid #e8edf2;border-radius:6px;letter-spacing:.3px;}
.fx-nav a:hover{color:#fff;background:#0f9c99;border-color:#0f9c99;}
.fx-legal{width:1200px;margin:0 auto;padding:20px 0;font-size:12px;color:#a3abb5;line-height:2;text-align:center;}
.fx-legal p{margin:0;}
.fx-legal a{color:#a3abb5;}
.fx-legal a:hover{color:#0f9c99;}
.fx-legal .fx-police{margin-top:4px;}
.fx-legal .fx-police a{display:inline-flex;align-items:center;justify-content:center;gap:6px;}
.fx-legal .fx-police img{width:20px;height:20px;}
.footlink{width:100%;min-width:1200px;border-top:1px dashed #eef2f6;padding:6px 0 30px;margin-bottom:0;}
.f_pro p{gap:14px;margin-top:14px;}
.f_pro p strong,.f_subs dt{color:#0f172a;font-size:11.5px;font-weight:600;letter-spacing:1px;}
.f_pro a,.f_subs a{font-size:12px;color:#9aa3af;}
.f_pro span,.f_subs span{display:none;}
.f_subs dd{display:flex;flex-wrap:wrap;gap:6px 0;line-height:1.9;}
.f_subs a{min-width:84px;margin-right:0;}
/* 底部友情链接：与分站导航同一栅格，左对齐 */
.f_link table,.f_link tbody,.f_link tr{display:contents!important;}
.f_link td{display:inline-block!important;min-width:84px;text-align:left!important;padding:0!important;white-space:nowrap;}
.f_link p{margin:0;line-height:26px;}
/* 分站导航与友情链接统一 84px 栅格 */
.f_subs dd{gap:0!important;}
.f_subs dd a{display:inline-block!important;width:84px!important;margin:0!important;}
.f_link td{width:84px!important;min-width:84px!important;}
/* 友情链接：与分站导航同构，标签加粗、首列 x 与分站导航一致 */
/* 分站导航与友情链接之间的垂直间距 */
.f_subs{height:auto!important;align-items:flex-start;margin-bottom:16px!important;}
.f_subs dt,.f_subs dd{height:auto!important;}
.f_link{margin-top:0!important;}
.f_subs dt{flex:0 0 auto!important;width:auto!important;padding-right:16px;color:#0f172a;font-size:11.5px;font-weight:600;letter-spacing:1px;}
.f_link{display:flex!important;align-items:flex-start;width:1200px;line-height:1.9!important;}
.f_link p{flex:0 0 auto;margin:0!important;height:auto!important;line-height:1.9!important;}
.f_link p strong{padding-right:16px;color:#0f172a;font-size:11.5px;font-weight:600;letter-spacing:1px;white-space:nowrap;}
.f_link table{display:flex!important;flex-wrap:wrap;flex:1 1 auto;min-width:0;float:none!important;width:auto!important;}
.f_link tbody,.f_link tr{display:contents!important;}
.f_link td{display:block!important;flex:0 0 84px;width:84px!important;min-width:84px!important;text-align:left!important;padding:0!important;white-space:nowrap;}
/* 底部服务保障带：深青底 + 白色文字/图标 */
.fx-guar{background:#00807c!important;border-bottom:1px solid #00706c!important;}
.fx-guar .fx-it svg{stroke:#fff!important;}
.fx-guar .fx-it b{color:#fff!important;}
.fx-guar .fx-it span{color:rgba(255,255,255,.85)!important;}
.fx-guar .fx-it:hover b,.fx-guar .fx-it:hover span{color:#fff!important;}
/* 服务保障带：底色通栏 100%，内部文字保持 1200 居中 */
.fx-guar{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;box-sizing:border-box;padding:18px max(24px, calc(50vw - 600px))!important;}
@media (min-width:1240px){html{overflow-x:hidden;}}
/* 服务保障带：字号与图标放大 */
.fx-guar{padding:20px max(24px, calc(50vw - 600px))!important;}
.fx-guar .fx-it{gap:10px;}
.fx-guar .fx-it svg{width:26px;height:26px;flex:0 0 26px;stroke-width:1.7;}
.fx-guar .fx-it b{font-size:15px;}
.fx-guar .fx-it span{font-size:13px;margin-left:3px;}