@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: #FF8A00; }
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: #FF8A00; }
.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: #FF8A00; 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: #FF8A00; }
.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: #FF8A00; text-decoration: underline; }
.col-blue dt { color: #FF8A00; }
.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 #FF8A00; 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 #FFB20A; }
.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 #FF8A00; }
.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: #FF8A00; }
.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: #FF8A00; 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: #FF8A00; }
.pop dl { margin-bottom: 10px; overflow: hidden; }
.pop dt { float: left; width: 50px; color: #FF8A00; 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: #FF8A00 !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: #FF8A00; font-weight: normal; }
.main-nav { background: linear-gradient(180deg,#FF9D2E,#FF8A00); height: 40px; position: relative; z-index: 500; }
.nav-inner { display: flex; align-items: flex-start; }
.nav-cat-title { width: 220px; background: #E07200; 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: #FF8A00; }
.nav-menu > li > a { display: block; line-height: 40px; color: #fff; font-size: 16px; }
.nav-menu > li > a:hover { background: #FF8A00; }
.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: #B35C00; 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: #FF8A00; }
.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: #FF5B33; }
.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: #FF5B33; }
.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: #FFE8C7; border-bottom-color: #FFE8C7; 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: #FFE8C7; border-bottom: 1px solid #FFE8C7; border-left: 3px solid #FFB20A; z-index: 1005; }
.nb_item:last-child:hover { border-bottom: none; }
.nb_item:hover h3 a { color: #FFB20A; }
.nb_item h3 a { color: #E07200; 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: #E07200; display: inline-block; }
.nb_item p span { padding-right: 6px; font-size: 13px; color: #333; }
.nb_item p span:hover { color: #FF8A00; }
.nb_item h3 i { position: absolute; right: 0; top: 10px; width: 6px; height: 6px; border-top: 1.5px solid #DBD4CC; border-right: 1.5px solid #DBD4CC; 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: #FF8A00; }
.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: #FFE8C7; border-bottom-color: #FFE8C7; }
.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: #FF8A00; 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: #FF8A00; text-decoration: underline; }
.pl_item div dl dd span { margin: 0 6px; }
.pl_item div dl a.hot { color: #FF8A00; }
.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: #FAEEE0; 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: #FF8A00; 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: #FF8A00; }
.si_trait li:hover a { color: #FF8A00; }
.si_trait li:hover i svg { fill: #FF8A00; }
.si_news { overflow: hidden; position: relative; height: 36px; font-size: 12px; color: #FF8A00; 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 #FF8A00; }
.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: #B35C00 ; background: #fff; border: 1px solid #B35C00 ; 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: #B35C00 ; background: #fff; border: 1px solid #B35C00 ; 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: #C87B1E; 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: #FF8A00; }
.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: #FF8A00; -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: #FF8A00; border-radius: 50%; }
#sl_con_xj ul li a { display: block; padding: 8px 0; }
#sl_con_xj ul li a:hover { color: #FF8A00; 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 #FF8A00; 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: #E07200 ; padding-bottom: 5px; display: flex; align-items: baseline; flex-shrink: 0; font-weight: normal; }
.ex_nav h2 span { font-size: 12px; color: #B35C00 ; 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: #FF8A00; background: #fff; border-color: #FF8A00; 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: #FF8A00; font-size: 20px; margin-right: 2px; font-weight: 900; }
.price-box span i { color: #FF8A00; 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: #FF8A00; z-index: 1; }
.rp_item .title-wrap h3 { display: inline-block; position: relative; z-index: 2; background: #fff; color: #FF8A00; border: 1px solid #FF8A00; 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: #FF8A00; padding: 2px 8px; font-size: 12px; border-radius: 4px 0 0 4px; font-weight: bold; }
info-date { font-weight: normal; color: #FF8A00; 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: #FF8A00; }
#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: #FF8A00; 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: #FFFDFA; flex-shrink: 0; }
.rb_area { padding-bottom: 26px; }
.rb_nav { border-bottom: 1px solid #FFD166; display: flex; align-items: center; height: 40px; margin-bottom: 15px; position: relative; background: #fff; }
.rb_nav h2 { font-size: 22px; color: #B35C00; 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: #FF8A00; }
.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: #FF8A00; 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: #FFD166 !important; color: #fff !important; }
.rb_nav_right:not(:hover) a.active { background: #E07200; color: #fff !important; }
.rb_nav_right:hover a.active:not(:hover) { background: transparent; color: #FF8A00 !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 #FFD166; padding-left: 12px; }
.rb_list_info h4 { font-size: 15px; color: #F98C06; 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: #FF8A00; 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: #FFD166; opacity: 0.3; z-index: 1; }
.rs_title_pill h3 { display: inline-block; position: relative; z-index: 2; background: #fff; border: 1px solid #B35C00; border-radius: 20px; padding: 2px 62px; font-size: 16px; color: #B35C00; 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: #FF8A00; }
.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: #FF5B33; }
.rs_ranking_list li:nth-child(2) .rs_top_medal { background: #ff8400; }
.rs_ranking_list li:nth-child(3) .rs_top_medal { background: #FFB20A; }
.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: #FF8A00; font-weight: 900; }
.rs_tree_container { position: relative; }
.rs_tree_container::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #FFD166; 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: #FFD166; }
.rs_tree_marker { width: 7px; height: 7px; border: 1px solid #FFD166; 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: #B35C00; }
.ps_tkt { color: #B35C00; }
.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: #B35C00; color: #fff; text-decoration: none; }
.ps_hotel .ps_nav div p a.cur { background-color: #B35C00; }
.ps_ticket .ps_nav div p a.cur { background-color: #B35C00; }
.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: #FF8A00; border-bottom-color: #FF8A00; }
.ps_hotel .ps_nav ul li.cur a { color: #bfa15f; border-bottom-color: #bfa15f; }
.ps_ticket .ps_nav ul li.cur a { color: #B35C00; border-bottom-color: #B35C00; }
.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: #FF8A00; }
.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: #FF8A00; 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: #FF8A00; }
.cr-row.submit-row { justify-content: center; margin-top: 15px; margin-bottom: 0; }
.cr-row button { width: 100px; height: 32px; background-color: #B35C00; color: #fff; border: none; border-radius: 4px; font-size: 15px; cursor: pointer; transition: background-color 0.3s; }
.cr-row button:hover { background-color: #B35C00; }
.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: #B35C00; color: #fff !important; }
.ps_hotel .sidebar-tabs li:not(.cur) a:hover { color: #B35C00; }
.ps_hotel .sidebar-tabs li.cur a:hover { color: #fff; }
.ps_ticket .sidebar-tabs { border-bottom-color: #B35C00; }
.ps_ticket .sidebar-tabs li.cur a { background-color: #B35C00; color: #fff !important; }
.ps_ticket .sidebar-tabs li:not(.cur) a:hover { color: #B35C00; }
.ps_ticket .sidebar-tabs li.cur a:hover { color: #fff; }
.ps_hotel .ps_nav h2 { color: #8e7a56; }
.ps_hotel .ps_nav h2 span { color: #B35C00; }
.ps_hotel p span em { color: #FF8A00; }
.ps_ticket .ps_nav h2 { color: #B35C00; }
footer { width: 100%; background: #fff; border-top: 1px solid #e0e0e0; }
.footbarser { width: 100%; background-color: #B35C00; height: 70px; border-bottom: 1px solid #B35C00; }
.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: #B35C00; }
.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 #B35C00; }
.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: #B35C00; }
.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: #FF8A00; }
.ph_search_fixed button { flex-shrink: 0; width: 76px; height: 24px; background: #E07200; 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: #B35C00; }
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: linear-gradient(180deg,#FF9D2E,#FF8A00); }
.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: #B35C00 !important; font-weight: bold !important; }
font[color="red"] b, font[color="red"] { color: #FF8A00 !important; }
.right-sidebar { position: fixed; right: 0; top: 0; height: 100%; width: 32px; background-color: #FF8A00; 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: #FF8A00; }
.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: #FF8A00; background-color: #fcfcfc; }
.rs-phone-num { color: #FF8A00; 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: #FF8A00; }
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; }