@charset "utf-8";
/* ========================================
   尚城商旅 灰白简洁风格 - 自适应宽屏
   ======================================== */

/* --- 全局重置与基础 --- */
html { overflow-y: scroll; }
* { margin: 0; padding: 0; list-style: none; box-sizing: border-box; }
body {
    font: 14px/1.6 "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif;
    color: #333;
    background: #f0f2f5;
    min-width: 320px;
}
ol, ul { list-style: none; }
a { color: #555; text-decoration: none; transition: color .2s; }
a:hover { color: #e55220; }
img { max-width: 100%; height: auto; border: none; vertical-align: middle; }
input, textarea, select { font: 14px "Microsoft YaHei", Arial, sans-serif; }

/* --- 工具类 --- */
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; height: 0; overflow: hidden; }
.clearfix:after { content: ""; display: table; clear: both; }
.tc { text-align: center; }
.tr { text-align: right; }
.bold { font-weight: bold; }

/* --- 外层容器 --- */
#wrap { width: 100%; min-width: 320px; }

/* ========================================
   Header 头部
   ======================================== */
#header {
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    box-shadow: 0 1px 3px rgba(0,0,0,.04);
}
.header-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.logo img { height: 40px; display: block; }
.header-right { text-align: right; }
.header-links { margin-bottom: 8px; }
.header-links a {
    display: inline-block;
    padding: 0 12px;
    color: #888;
    font-size: 13px;
}
.header-links a:hover { color: #e55220; }
.header-welcome { font-size: 13px; color: #999; }
.header-welcome a { color: #e55220; margin-left: 6px; }

/* ========================================
   Navigation 导航
   ======================================== */
#nav {
    background: #3a3f47;
}
.nav-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nav-list { display: flex; }
.nav-list li { }
.nav-list li a {
    display: block;
    padding: 14px 28px;
    color: #ccc;
    font-size: 15px;
    font-weight: bold;
    transition: all .2s;
}
.nav-list li a:hover,
.nav-list li.select a {
    color: #fff;
    background: #e55220;
}
.nav-hotline {
    color: #aaa;
    font-size: 14px;
    white-space: nowrap;
}

/* ========================================
   Main Content 主体
   ======================================== */
#main-content { width: 100%; }

/* --- Hero 区域（首页登录+Banner） --- */
.hero-section {
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
}
.hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 20px;
    display: flex;
    gap: 30px;
    align-items: stretch;
}

/* 登录卡片 */
.login-card {
    width: 320px;
    flex-shrink: 0;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 30px 24px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
}
.login-card h2 {
    font-size: 22px;
    color: #333;
    margin-bottom: 24px;
    text-align: center;
    font-weight: normal;
}
.login-card .form-group { margin-bottom: 18px; }
.login-card .form-group label {
    display: block;
    font-size: 14px;
    color: #666;
    margin-bottom: 6px;
}
.login-card .form-input {
    display: block;
    width: 100%;
    height: 44px;
    padding: 0 14px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    background: #fafafa;
    transition: border-color .2s, box-shadow .2s;
}
.login-card .form-input:focus {
    outline: none;
    border-color: #e55220;
    box-shadow: 0 0 0 2px rgba(229,82,32,.12);
    background: #fff;
}
.login-card .alert-msg {
    color: #e55220;
    font-size: 13px;
    padding: 8px 12px;
    background: #fff3f0;
    border: 1px solid #ffd4cc;
    border-radius: 4px;
    margin-bottom: 14px;
}
.login-card .btn-login {
    display: block;
    width: 100%;
    height: 46px;
    border: none;
    border-radius: 4px;
    background: #e55220;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    transition: background .2s;
    margin-bottom: 14px;
}
.login-card .btn-login:hover { background: #c74618; }
.login-card .login-extra {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
}
.login-card .login-extra a { color: #888; }
.login-card .login-extra a:hover { color: #e55220; }

/* Banner 轮播区 */
.banner-area {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    background: #eaeaea;
}
.banner-area .banner-list { position: relative; }
.banner-area .banner-slide {
    display: none;
    width: 100%;
    border-radius: 8px;
}
.banner-area .banner-slide:first-child { display: block; }
.banner-area .banner-slide img {
    width: 100%;
    display: block;
    border-radius: 8px;
}
.banner-arrow {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    background: rgba(255,255,255,.9);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    color: #666;
    box-shadow: 0 2px 8px rgba(0,0,0,.12);
    transition: all .2s;
    z-index: 2;
}
.banner-arrow:hover { background: #fff; color: #e55220; }
.banner-arrow.prev { left: 16px; }
.banner-arrow.next { right: 16px; }
.banner-area:hover .banner-arrow { display: block; }
.banner-dots {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 2;
}
.banner-dots span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255,255,255,.5);
    cursor: pointer;
    transition: background .2s;
}
.banner-dots span.active { background: #e55220; }

/* ========================================
   Content Page 内容页通用
   ======================================== */
.content-page {
    width: 100%;
    min-height: 400px;
}
.content-page .box {
    max-width: 1200px;
    margin: 20px auto;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,.04);
    overflow: hidden;
}
.content-page .border_black {
    max-width: 1200px;
    margin: 20px auto;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,.04);
    overflow: hidden;
}

/* --- Join/Form 顶部标题栏 --- */
.join_tbg {
    background: #f5f5f5;
    height: 44px;
    line-height: 44px;
    padding: 0 24px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #e8e8e8;
}
.join_pad { padding: 30px 40px; }
.join_pad1 { padding: 30px 40px; }
.join_t {
    font-size: 15px;
    font-weight: bold;
    color: #e55220;
    padding: 16px 0 8px 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 12px;
}
.join_table { margin-top: 8px; width: 100%; }
.join_table td {
    padding: 6px 4px;
    font-size: 14px;
    vertical-align: middle;
}
.join_table td .font141 { font-size: 14px; }

/* --- Form 表单元素 --- */
.input {
    border: 1px solid #d9d9d9;
    padding: 8px 12px;
    color: #333;
    border-radius: 4px;
    font-size: 14px;
    background: #fafafa;
    transition: border-color .2s, box-shadow .2s;
}
.input:focus {
    outline: none;
    border-color: #e55220;
    box-shadow: 0 0 0 2px rgba(229,82,32,.12);
    background: #fff;
}
textarea.input {
    padding: 8px 12px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}

/* --- Buttons --- */
.button_r90, .button_r75, .button_r67 {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 24px;
    border: none;
    border-radius: 4px;
    background: #e55220;
    color: #fff !important;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    transition: background .2s;
    text-align: center;
    text-decoration: none;
}
.button_r90:hover, .button_r75:hover, .button_r67:hover { background: #c74618; }
.button_r90 { width: auto; min-width: 90px; }
.button_r75 { min-width: 75px; }
.button_r67 { min-width: 67px; }

/* --- 颜色覆盖 --- */
.c_red { color: #e55220 !important; }
.c_red1 { color: #e55220 !important; }
.c_175 { color: #555 !important; }
.c_175:hover { color: #e55220 !important; }
.c_999, a.c_999, a.c_999:hover { color: #999 !important; }
.c_333 { color: #333 !important; }
.c_bule103, a.c_bule103, a.c_bule103:hover { color: #555 !important; }
a.c_000:link, a.c_000:visited, a.c_000:active, a.c_000:hover { color: #666 !important; }

/* --- 字体覆盖 --- */
.font_14, .font_14b { font-size: 14px; }
.font_14b, .font_14b1 { font-weight: bold; }
.font_16w, .font_16bw { font-size: 16px; font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif; }
.font_16bw { font-weight: bold; }
.font_18w, .font_18bw { font-size: 18px; font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif; }
.font_18bw { font-weight: bold; }
.font_18b { font-size: 18px; font-weight: bold; }
.font_20bw { font-size: 20px; font-weight: bold; }
.font_24w { font-size: 24px; }

/* --- 间距工具 --- */
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.mr10 { margin-right: 10px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pl10 { padding-left: 10px; }
.plr10 { padding-left: 10px; padding-right: 10px; }

/* --- 提示图标 --- */
.icon_n1 {
    background: #fff3f0;
    color: #e55220;
    padding: 8px 12px;
    border: 1px solid #ffd4cc;
    border-radius: 4px;
    display: inline-block;
    font-size: 13px;
}
.icon_no {
    color: #e55220;
    padding-left: 20px;
}
.msg_icon {
    display: inline-block;
    color: #e55220;
    font-size: 13px;
    padding: 8px 12px;
    background: #fff3f0;
    border: 1px solid #ffd4cc;
    border-radius: 4px;
}

/* ========================================
   About_us 关于我们
   ======================================== */
.about_l {
    float: left;
    width: 210px;
    min-height: 460px;
    background: #fafafa;
    border-right: 1px solid #e8e8e8;
    border-radius: 8px 0 0 8px;
}
.about_lt {
    padding: 20px 0;
}
.about_ltt {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    padding: 0 20px 16px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 8px;
}
.about_lt ul li {
    padding: 10px 20px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    transition: all .2s;
}
.about_lt ul li a {
    color: #555;
    display: block;
}
.about_lt ul li:hover,
.about_lt ul li.about_l_on {
    background: #fff;
    color: #e55220;
    border-right: 3px solid #e55220;
}
.about_lt ul li:hover a,
.about_lt ul li.about_l_on a {
    color: #e55220;
}
.about_lt ul li span { color: #ccc !important; }

.about_r {
    float: left;
    width: calc(100% - 210px);
    min-height: 460px;
    padding: 0;
}
.about_rbox {
    padding: 30px 36px;
}
.about_rt {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    padding-bottom: 16px;
    border-bottom: 2px solid #e55220;
    margin-bottom: 20px;
}
.us_content p, .t_content p {
    font-size: 14px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 10px;
}
.icon_solidt {
    padding: 10px 0;
}
.icon_solidt p {
    font-size: 14px;
    color: #555;
    margin-bottom: 16px;
}
.about_ok {
    padding: 30px 0;
}
.about_okr p {
    font-size: 14px;
    color: #555;
    line-height: 1.8;
}
.about_okr .font_14b {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

/* ========================================
   Search 酒店搜索（main/index） 
   ======================================== */
.search-hero {
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    padding: 30px 0;
}
.search-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.search-card {
    width: 100%;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 28px 36px;
    box-shadow: 0 2px 12px rgba(0,0,0,.04);
}
.search-title {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 22px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eee;
}
.search-row {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
    gap: 10px;
    flex-wrap: wrap;
}
.search-row label {
    width: 72px;
    flex-shrink: 0;
    font-size: 14px;
    color: #666;
    text-align: right;
}
.search-input-wrap { position: relative; flex: 1; min-width: 200px; }
.search-input {
    border: 1px solid #d9d9d9;
    padding: 10px 14px;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    background: #fafafa;
    transition: border-color .2s;
}
.search-input:focus {
    outline: none;
    border-color: #e55220;
    box-shadow: 0 0 0 2px rgba(229,82,32,.12);
    background: #fff;
}
.search-input-lg { width: 100%; }
.search-input-md { width: 200px; }
/* 城市搜索下拉 */
.search-drop {
    position: absolute;
    left: 0; right: 0; top: 100%;
    z-index: 99;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    box-shadow: 0 4px 16px rgba(0,0,0,.1);
    margin-top: 4px;
}
.search-drop-hd {
    background: #3a3f47;
    color: #fff;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: bold;
    border-radius: 4px 4px 0 0;
}
.search-drop-hd a { color: #ccc; }
.search-drop-bd { padding: 12px; }
.search-tab {
    display: inline-block;
    padding: 4px 10px;
    font-size: 13px;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    margin-right: 6px;
    margin-bottom: 8px;
    cursor: pointer;
    color: #666;
}
.search-tab:hover, .search-tab.on { background: #e55220; border-color: #e55220; color: #fff; }
.search-tab:hover a, .search-tab.on a { color: #fff; }
.search-tab a { color: #666; }
.search-hotlist { margin-top: 8px; }
.search-hotlist a {
    display: inline-block;
    padding: 4px 12px;
    margin: 2px 4px;
    font-size: 13px;
    color: #555;
    border: 1px solid #eee;
    border-radius: 3px;
}
.search-hotlist a:hover { color: #e55220; border-color: #e55220; }
/* 房间选择 */
.room-select { display: flex; align-items: center; gap: 8px; }
.room-select span { font-size: 13px; color: #888; }
.room-sel {
    border: 1px solid #d9d9d9;
    padding: 6px 8px;
    border-radius: 4px;
    font-size: 13px;
    background: #fafafa;
    width: 60px;
}
/* 搜索按钮 */
.btn-search {
    display: inline-block;
    height: 42px;
    line-height: 42px;
    padding: 0 40px;
    background: #e55220;
    color: #fff !important;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
    text-decoration: none;
    transition: background .2s;
}
.btn-search:hover { background: #c74618; }
.search-tip { font-size: 13px; color: #999; margin-left: 14px; }
.search-tip:hover { color: #e55220; }

/* 最新动态侧栏 */
.news-sidebar {
    width: 280px;
    flex-shrink: 0;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 12px rgba(0,0,0,.04);
}
.news-sidebar h3 {
    font-size: 18px;
    color: #333;
    padding-bottom: 12px;
    border-bottom: 2px solid #e55220;
    margin-bottom: 12px;
}
.news-sidebar ul li {
    padding: 8px 0;
    border-bottom: 1px dotted #eee;
    font-size: 13px;
}
.news-sidebar ul li a { color: #555; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-sidebar ul li a:hover { color: #e55220; }
.news-more { text-align: right; padding-top: 10px; }
.news-more a { font-size: 13px; color: #999; }
.news-more a:hover { color: #e55220; }

/* ========================================
   Quick Entry 快捷入口（main/index）
   ======================================== */
.quick-section {
    padding: 30px 0 40px;
}
.quick-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.quick-item {
    display: block;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 24px 20px;
    text-decoration: none;
    transition: all .2s;
    box-shadow: 0 2px 8px rgba(0,0,0,.03);
}
.quick-item:hover {
    border-color: #e55220;
    box-shadow: 0 4px 16px rgba(229,82,32,.1);
    transform: translateY(-2px);
}
.quick-item .quick-icon {
    display: block;
    font-size: 32px;
    margin-bottom: 10px;
}
.quick-item strong {
    display: block;
    font-size: 16px;
    color: #333;
    margin-bottom: 6px;
}
.quick-item p {
    font-size: 13px;
    color: #999;
}

/* ========================================
   My 用户中心通用布局
   ======================================== */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
/* 左侧导航 */
.myl {
    float: left;
    width: 190px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,.03);
}
.myl_t {
    background: #3a3f47;
    padding: 14px 18px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
.myl_list {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.myl_list:last-child { border-bottom: none; }
.myl_tt {
    padding: 8px 18px;
    font-size: 13px;
    font-weight: bold;
    color: #999;
    text-transform: uppercase;
}
.myl_list ul li {
    padding: 0;
}
.myl_list ul li a {
    display: block;
    padding: 9px 18px 9px 28px;
    font-size: 14px;
    color: #555;
    transition: all .2s;
    border-left: 3px solid transparent;
}
.myl_list ul li a:hover {
    background: #fafafa;
    color: #e55220;
    border-left-color: #e55220;
}

/* 主内容区 */
.myc {
    float: left;
    width: calc(100% - 270px);
    min-height: 400px;
    margin: 0 20px;
}
/* 无右侧栏时主内容自适应 */
@media screen and (max-width: 1100px) {
    .myc { width: calc(100% - 210px); margin-right: 0; }
}

.my_cbox {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,.03);
}
.my_padding1 {
    padding: 20px 24px;
}
.my_padding {
    padding: 20px 24px;
}
.my_tbg {
    background: #f5f5f5;
    padding: 12px 24px;
    font-size: 15px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #e8e8e8;
}
.my_icon1, .my_icon2, .my_icon3 {
    padding: 8px 0;
    font-size: 14px;
    color: #555;
    line-height: 1.8;
}

/* 右侧栏 */
.myr1 {
    float: left;
    width: 250px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,.03);
}
.box_blue4ea {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,.03);
}
.hotel_l { float: left; width: 240px; }
.hotel_r { float: right; width: calc(100% - 260px); }
.hotel_lt {
    background: #3a3f47;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 12px 16px;
    border-radius: 8px 8px 0 0;
}
.hotel_lt1 {
    background: #f5f5f5;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #e8e8e8;
}
.hotel_llist { padding: 12px 16px; }
.hotel_img { float: left; margin-right: 12px; }
.hotel_img img { width: 60px; height: 60px; object-fit: cover; border-radius: 4px; }
.hotel_llistr { overflow: hidden; }
.hotel_llistr p { margin: 0; line-height: 1.6; }
.hotel_rt {
    background: #f5f5f5;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #e8e8e8;
}
.hotel_list { padding: 16px; }
.hotel_list1 { padding: 16px; background: #fafafa; }
.is_dis_t { font-size: 20px; color: #333; margin-bottom: 16px; }
.jiucuo { background: #f5f5f5; border-radius: 6px; padding: 16px; margin-top: 16px; }
.jiucuo h3 { color: #333; font-size: 14px; margin-bottom: 12px; }
.ydzc { background: #fff3f0; border: 1px solid #ffd4cc; border-radius: 6px; padding: 12px 16px; }
.ydzc p { color: #333; line-height: 1.6; }
}
.title_list {
    padding: 8px 0;
}
.title_list ul li {
    padding: 8px 20px;
    font-size: 13px;
    border-bottom: 1px dotted #eee;
}
.title_list ul li a {
    color: #555;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.title_list ul li a:hover { color: #e55220; }
.title_list .tr { padding: 8px 20px 4px; }

.font14_333, .font_14_333 { font-size: 14px; color: #333; }
.font_16b { font-size: 16px; font-weight: bold; }

/* 表格 */
.my_table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}
.my_table td, .my_table th {
    padding: 10px 12px;
    border-bottom: 1px solid #eee;
    text-align: left;
    vertical-align: middle;
}
.my_table th {
    background: #fafafa;
    font-weight: bold;
    color: #333;
    font-size: 13px;
}
.my_table tr:hover td { background: #fafafa; }

.border_r1 {
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}
.myr_t {
    background: #f5f5f5;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #e8e8e8;
}
.myr {
    padding: 16px;
    font-size: 14px;
    color: #555;
    line-height: 1.8;
}
.icon_blue {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #e55220;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 6px;
}
.p20 { padding: 20px; }
.mt8 { margin-top: 8px; }
.mt8 a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 16px;
    background: #e55220;
    color: #fff !important;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    border-radius: 4px;
    text-decoration: none;
}
.mt8 a:hover { background: #c74618; color: #fff !important; text-decoration: none; }
.zy_mt8 a {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 16px;
    background: #e55220;
    color: #fff !important;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    margin-right: 8px;
    text-decoration: none;
}
.zy_mt8 a:hover { background: #c74618; color: #fff !important; }

/* --- 城市搜索下拉框（兼容 index_new.js） --- */
.search_box {
    background: #fff !important;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    box-shadow: 0 6px 20px rgba(0,0,0,.12);
    left: 0;
    top: 100%;
    margin-top: 4px;
    width: 640px;
}
.search_boxt {
    background: #3a3f47;
    padding: 8px 14px;
    border-radius: 6px 6px 0 0;
    font-size: 13px;
}
.search_boxt a.c_fff { color: #ccc !important; font-size: 13px; text-decoration: none; }
.search_boxt a.c_fff:hover { color: #fff !important; }
.search_box1 { background: #fff; }
#searchHotelBox {
    position: fixed !important;
    top: 200px !important;
    left: 50% !important;
    width: 640px;
    margin-left: -320px !important;
    z-index: 1000 !important;
}
#searchHotelBox .search_box1 {
    max-height: 360px;
    overflow-y: auto;
}
.js_bg1 { background: #fafafa; border-bottom: 1px solid #e8e8e8; padding: 8px 12px; }
.js_searchb, .js_searcha {
    display: inline-block;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 3px;
    cursor: pointer;
    margin: 2px;
    text-align: center;
}
.js_searchb { background: #e55220; color: #fff; }
.js_searchb a, .js_searchb span { color: #fff !important; text-decoration: none; }
.js_searcha { background: #fff; color: #666; border: 1px solid #e8e8e8; }
.js_searcha a, .js_searcha span { color: #666 !important; text-decoration: none; }
.js_searcha:hover { background: #f5f5f5; border-color: #e55220; }
.js_searcha:hover a, .js_searcha:hover span { color: #e55220 !important; }
.search_t { padding: 12px 16px; }
.search_t ul li { float: left; width: 25%; padding: 4px 0; }
.search_t ul li a { font-size: 13px; color: #555; display: block; padding: 2px 4px; }
.search_t ul li a:hover { color: #e55220; }
.search_t1 { padding: 12px 16px; }
.search_t1 ul li { padding: 6px 0; }
.search_t1 ul li a { font-size: 13px; color: #555; }
.search_t1 ul li a:hover { color: #e55220; }
.font12a { font-size: 12px; }
.c_fff, a.c_fff, a.c_fff:hover { color: #fff !important; }
.c_e7aue, a.c_e7aue, a.c_e7aue:hover { color: #e55220 !important; }

/* ========================================
   Search 搜索结果页
   ======================================== */
.title_blue, .title_bluea {
    font-size: 14px;
    font-weight: bold;
    color: #e55220;
    padding: 6px 0;
}
.search_l { float: left; width: 200px; }
.search_r { float: right; width: calc(100% - 220px); }
.search_lt {
    background: #3a3f47;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 12px 16px;
    border-radius: 8px 8px 0 0;
}
.title_blue { background: #fafafa; padding: 8px 0; border-radius: 0 0 8px 8px; }
.title_blue ul { padding: 0; margin: 0; }
.title_blue ul li { border-bottom: 1px solid #f0f0f0; }
.title_blue ul li:last-child { border-bottom: none; }
.title_blue ul li a {
    display: block;
    padding: 10px 18px;
    font-size: 13px;
    color: #555;
    transition: all .2s;
    text-decoration: none;
}
.title_blue ul li a:hover {
    background: #f5f5f5;
    color: #e55220;
}
.title_blue ul li a.title_bluea {
    color: #e55220;
    font-weight: bold;
    background: #fff3f0;
}
.title_blue ul li img { display: none; }
.yuding_index {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    padding: 16px 20px;
    margin-bottom: 14px;
}
.yuding_index_1, .yuding_index_2, .yuding_index_3 {
    margin-bottom: 8px;
}

.search_rbox {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 14px 18px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between; 
}
.search_y { float: left; font-size: 14px; color: #333;     height: 30px;}
.search_b { float: left; margin-left: 10px; }
.search_rboxt { font-size: 14px; color: #666;  margin-left: 600px;}
.search_rboxt a { color: #555; margin: 0 6px; }
.search_rboxt a:hover { color: #e55220; }
.search_pag {
    background: #fafafa;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 10px 18px;
    font-size: 13px;
    margin-bottom: 12px;
}
.search_pag ul { display: flex; align-items: center; }
.search_pag ul li { margin-right: 20px; padding: 3px 0; }
.search_pag ul li strong { color: #333; }
.search_pag ul li a { color: #555; }
.search_pag ul li a:hover { color: #e55220; }
.search_pag ul li.c_red1 a { color: #e55220; font-weight: bold; }
.se_table {
    padding:12px;
    display: flex;
    align-items: stretch;
    gap: 0;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    margin-bottom: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,.03);
    transition: box-shadow .2s;
}
.se_table:hover { box-shadow: 0 4px 16px rgba(0,0,0,.08); }
.se_table ul { margin: 0; padding: 0; list-style: none; }
    .se_table .aaa {
        flex-shrink: 0;
        width: 200px;
        position: relative;
        overflow: hidden;
        padding: 10px;
    }
.se_table .aaa li { display: block; }
.se_tablel img {
    width: 200px;
    height: 150px;
    object-fit: cover;
    display: block;
    border-radius: 8px 0 0 8px;
}
.se_tablel_1 {
    position: absolute;
    top: 0;
    left: 0;
}
.se_tablel_1 img { width: 36px; height: auto; }
.se_sear_tablec {
    flex: 1;
    min-width: 0;
    padding: 16px 20px;
    list-style: none;
}
.se_sear_tablec li { margin-bottom: 6px; }
.se_sear_tablec li:first-child { margin-bottom: 8px; }
.se_sear_tablec li:first-child a {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}
.se_sear_tablec li:first-child a:hover { color: #e55220; }
.se_sear_tablec li:nth-child(2),
.se_sear_tablec li:nth-child(3),
.se_sear_tablec li:nth-child(4) {
    font-size: 13px;
    color: #999;
    line-height: 1.5;
}
.se_sear_tabler {
    flex-shrink: 0;
    width: 160px;
    padding: 16px 16px 16px 0;
    text-align: center;
    border-left: 1px solid #f0f0f0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    list-style: none;
}
.se_sear_tabler li { display: block; }
.se_sear_tabler li:first-child {
    font-size: 13px;
    color: #999;
    margin-bottom: 4px;
}
.se_sear_tabler li:first-child strong {
    font-size: 24px;
    color: #e55220;
    font-weight: bold;
}
.se_sear_tabler .price-dual {
    margin-bottom: 4px;
    line-height: 1.1;
}
.se_sear_tabler .price-member,
.se_sear_tabler .price-original {
    display: flex;
    align-items: baseline;
    justify-content: center;
    white-space: nowrap;
}
.se_sear_tabler .price-member { gap: 2px; }
.se_sear_tabler .price-label {
    color: #777;
    font-size: 14px;
    margin-right: 2px;
}
.se_sear_tabler .price-yen {
    color: #999;
    font-size: 16px;
}
.se_sear_tabler .price-dual .price-member strong {
    color: #e55220;
    font-size: 34px;
    font-weight: bold;
    line-height: 1;
}
.se_sear_tabler .price-unit {
    color: #777;
    font-size: 13px;
}
.se_sear_tabler .price-original {
    gap: 6px;
    margin-top: 4px;
    color: #999;
    font-size: 13px;
}
.se_sear_tabler li.mt10 { margin-top: 10px; }
.se_sear_tabler .button_r67 {
    min-width: 90px;
    height: 38px;
}
.se_sear_tabler .button_realtime {
    display: inline-flex;
    min-width: 90px;
    height: 38px;
    padding: 0 18px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
    background: #f5c400;
    color: #fff !important;
    font-size: 15px;
    font-weight: bold;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    transition: background .2s;
}
.se_sear_tabler .button_realtime:hover { background: #e2b500; }
.hotel-price-dual {
    line-height: 1.25;
    white-space: nowrap;
}
.hotel-price-member {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 2px;
}
.hotel-price-label {
    color: #777;
    font-size: 12px;
    font-weight: normal;
}
.hotel-price-currency {
    color: #999;
    font-size: 12px;
}
.hotel-price-member strong {
    color: #e55220;
    font-size: 16px;
    font-weight: bold;
}
.hotel-price-original {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 5px;
    margin-top: 2px;
    color: #999;
    font-size: 12px;
}
.sear_tablel, .sear_tablel_1 { list-style: none; }
.se_tablel { display: block; }
.pag_l, .pag_r {
    display: inline-block;
    width: 0; height: 0;
    vertical-align: middle;
}
.pag_l { border: 5px solid transparent; border-right-color: #555; margin-right: 4px; }
.pag_r { border: 5px solid transparent; border-left-color: #555; margin-left: 4px; }
.pag_t1, .pag_t2, .pag_b1, .pag_b2 {
    display: inline-block;
    width: 0; height: 0;
    vertical-align: middle;
    margin-right: 4px;
}
.pag_t1 { border: 5px solid transparent; border-bottom-color: #e55220; }
.pag_t2 { border: 5px solid transparent; border-bottom-color: #999; }
.pag_b1 { border: 5px solid transparent; border-top-color: #e55220; }
.pag_b2 { border: 5px solid transparent; border-top-color: #999; }
.baoqian {
    margin: 20px auto;
    padding: 30px;
    text-align: center;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
}
.baoqian p { font-size: 16px; color: #999; }
.baoqian_1 { font-size: 14px; color: #999; padding: 10px 0; text-align: center; line-height: 1.8; }
.baoqian_1 h3 { font-size: 16px; color: #333; margin-bottom: 10px; }
.baoqian_2 {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    padding: 10px 0;
}
.baoqian_3 {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 16px;
    width: 360px;
    display: flex;
    gap: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,.03);
}
.baoqian_3 img { width: 92px; height: 92px; object-fit: cover; border-radius: 4px; }
.baoqian_3 p { font-size: 13px; color: #666; line-height: 1.6; flex: 1; }
.baoqian_3 strong a { font-size: 14px; color: #333; text-decoration: none; }
.baoqian_3 strong a:hover { color: #e55220; }
.pagination { text-align: center; padding: 20px 0; }
.pagination a, .pagination span {
    display: inline-block;
    padding: 6px 14px;
    margin: 0 3px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    color: #555;
    font-size: 13px;
    text-decoration: none;
}
.pagination a:hover { border-color: #e55220; color: #e55220; }
.pagination .current {
    background: #e55220;
    color: #fff;
    border-color: #e55220;
}
.icon_wait {
    padding: 40px;
    text-align: center;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
}
.icon_wait p { font-size: 14px; color: #999; }
.icon_waitl img { vertical-align: middle; margin-right: 10px; }
.icon_waitr { display: inline; }

/* ========================================
   Booking 预订流程
   ======================================== */
.book_roobg { background: #fff; border: 1px solid #e8e8e8; border-radius: 8px; padding: 20px 24px; }
.book_step { float: right; }
.book_icon4 ul, .book_icon5 ul { display: flex; }
.book_icon4 ul li, .book_icon5 ul li {
    font-size: 13px;
    color: #999;
    padding: 4px 8px;
    position: relative;
}
.book_icon4 ul li.c_redf75, .book_icon5 ul li.c_redf75 { color: #e55220; font-weight: bold; }
.book_boxot {
    background: #e55220 !important;
    color: #fff;
    font-weight: bold;
    padding: 8px 16px;
}
.book_boxotb { padding: 8px 16px; }
.book_t { padding: 16px 24px; line-height: 1.8; }
.book_t1 { padding: 8px 24px; border-top: 1px solid #eee; }
.book_t_r { float: right; color: #e55220; font-weight: bold; }
.hotel_tbg {
    background: #f5f5f5;
    padding: 10px 24px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    margin-top: 10px;
}
.hotel_t1 { font-size: 14px; font-weight: bold; }
.hotel_t4 { font-size: 14px; font-weight: bold; }
.font18a { font-size: 18px; }
.biaoti { padding: 16px 0; font-size: 16px; font-weight: bold; color: #333; }
.biaoti_left { float: left; }
.biaoti_right { float: right; font-size: 14px; }
.cont { padding: 20px; line-height: 1.8; }
.cont_ok_left { float: left; }
.cont_ok_right { float: left; margin-left: 20px; }
.cont_ok_right_1 { font-size: 14px; color: #555; line-height: 1.8; }
.ok_biao { border: 1px solid #e8e8e8; border-radius: 6px; background: #fff; padding: 24px; margin: 10px 0; }
.ok_biao_1 { font-size: 16px; font-weight: bold; color: #333; }
.ok_biao_2 { color: #e55220; font-size: 24px; font-weight: bold; }
.ok_biao_3_left { float: left; }
.ok_biao_3_right { float: right; }
.ok_biao_biao { margin: 10px 0; font-size: 14px; }
.xia_hua { border: 1px solid #d9d9d9; border-radius: 4px; padding: 4px 8px; }
.xuanze_1 { font-size: 14px; color: #555; padding: 8px 0; }
.xuanze_2 { border: 1px solid #e8e8e8; border-radius: 4px; padding: 12px 16px; }
.xuanze_2_1 { color: #e55220; font-weight: bold; }
.cont_left { float: left; width: 620px; }
.cont_left1 { font-size: 14px; color: #555; line-height: 1.8; }
.cont_left1_1 { font-size: 16px; font-weight: bold; color: #333; }
.cont_left2 { padding: 10px;  border-radius: 4px; }
.cont_left3 { padding: 10px;  border-radius: 4px; }
.cont_right { float: right; width: 320px; }
.cont_right1 { background: #fff; border: 1px solid #e8e8e8; border-radius: 6px; padding: 16px; }
.cont_right2 { font-size: 13px; color: #999; }
.mtb15 { margin: 15px 0; }

/* 颜色扩展 */
.c_redf75 { color: #e55220 !important; font-weight: bold; }
.c_red996 { color: #e55220 !important; }
.c_red400 { color: #e55220 !important; }
.c_1751 { color: #555 !important; }
.c_666 { color: #666; }

/* --- Search DB 页面专属 --- */
.yuding_index h3 { font-size: 18px; color: #333; padding: 8px 0 12px 0; }
.yuding_index h3 span { color: #e55220; }
.yuding_index_1 { padding: 12px 0; }
.yuding_index_2, .yuding_index_3 {
    border: 1px solid #d9d9d9;
    height: 32px;
    padding: 0 10px;
    border-radius: 4px;
    font-size: 13px;
    background: #fafafa;
}
.yuding_index_5 {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    background: #e55220;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}
.yuding_index_5:hover { background: #c74618; }
.shai_index {
    background: #fafafa;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    padding: 14px 18px;
    margin-top: 8px;
    position: relative;
}
.shai_index p { line-height: 2; font-size: 13px; }
.shai_index p strong { color: #333; margin-right: 8px; }
.shai_index p a {
    display: inline-block;
    padding: 2px 10px;
    margin: 2px 3px;
    border-radius: 3px;
    color: #555;
    font-size: 13px;
}
.shai_index p a:hover { background: #f5f5f5; color: #e55220; }
.shai_index p a.clove {
    background: #e55220;
    color: #fff;
}
.shai_shou {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
#searchboxclose {
    display: flex;
    height: 46px;
    padding: 0 18px;
    align-items: center;
    justify-content: space-between;
}
#searchboxclose h2 {
    margin: 0;
    font-size: 14px;
}
#searchboxclose .shai_shou {
    position: static;
    top: auto;
    right: auto;
}
.border_l { border-top: 1px solid #e8e8e8; margin: 10px 0; }

/* ========================================
   Hotel Detail 酒店详情页
   ======================================== */
.hotel_l { float: left; width: 230px; }
.hotel_l > div { margin-bottom: 14px; }
.hotel_lt {
    background: #3a3f47;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 12px 16px;
    border-radius: 8px 8px 0 0;
}
.hotel_lt1 {
    background: #f5f5f5;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}
.hotel_llist { padding: 10px; }
.hotel_llist ul { margin-bottom: 10px; overflow: hidden; }
.hotel_llist li { list-style: none; }
.hotel_img { float: left; width: 60px; }
.hotel_img img { width: 55px; height: 55px; object-fit: cover; border-radius: 4px; }
.hotel_llistr { float: left; width: 145px; padding-left: 8px; }
.hotel_llistr p { font-size: 12px; line-height: 1.4; margin: 2px 0; }
.hotel_llistr p a { color: #555; font-size: 12px; }
.hotel_llistr p a:hover { color: #e55220; }
.hotel_r { float: right; width: calc(100% - 250px); }
.hotel_r.full { width: 100%; float: none; }
.hotel_rt {
    background: #f5f5f5;
    padding: 12px 20px;
    font-size: 15px;
    font-weight: bold;
    color: #333;
    border-bottom: 2px solid #e55220;
    margin-bottom: 0;
}
.hotel_rt span { color: #333; }
.hotel_list { padding: 10px 20px; }
.hotel_list p { color: #555; line-height: 1.8; }
.hotel_list ul { padding: 0; }
.hotel_list ul li { list-style: disc inside; padding: 4px 0; font-size: 13px; color: #666; float: left; width: 25%; }
.hotel_list1 { padding: 10px 0; }
.is_dis_t { font-size: 22px; color: #333; padding: 8px 0 4px 0; overflow: hidden; }
.table_input td { padding: 4px 6px; font-size: 13px; color: #666; }
.input_3 {
    border: 1px solid #d9d9d9;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 13px;
    background: #fafafa;
    height: 30px;
    transition: border-color .2s;
}
.input_3:focus {
    outline: none;
    border-color: #e55220;
    box-shadow: 0 0 0 2px rgba(229,82,32,.12);
    background: #fff;
}
/* 酒店标题区域 */
.is_dis { padding: 0; overflow: hidden; }
.is_dis_list { padding: 12px 16px; }
.is_dis_list ul { margin: 0; padding: 0; }
.is_dis_list ul li { padding: 4px 0; color: #555; font-size: 14px; line-height: 1.8; list-style: none; }
.is_dis_list ul li a { color: #e55220; }
.is_dis_list .bold { color: #666; }
.bannerbox_wai { float: left; width: 320px; margin-right: 20px; }
.bannerbox_wai_1 { text-align: center; font-size: 13px; color: #999; padding: 8px 0; overflow: hidden; }
.bannerbox_wai_1 a { color: #555; margin: 0 8px; }
.bannerbox_wai_1 a:hover { color: #e55220; }
.bannerbox { overflow: hidden; border-radius: 8px; }
.bannerbox #focus { position: relative; }
.bannerbox #focus ul { margin: 0; padding: 0; }
.bannerbox #focus ul li { list-style: none; }
.bannerbox #focus ul li img { width: 320px; height: 260px; object-fit: cover; border-radius: 8px; display: block; }
/* 酒店信息卡片 */
.box_blue4ea { background: #fff; border: 1px solid #e8e8e8; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,.03); }
.p20 { padding: 20px; }
.pb15 { padding-bottom: 15px; }
.zoom { overflow: hidden; }
/* 预订提醒卡片 */
.zy_kuang { margin: 16px 0; padding: 14px 18px; background: #fff3f0; border: 1px solid #ffd4cc; border-radius: 6px; color: #e55220; font-size: 14px; line-height: 1.8; overflow: hidden; }
.zy_kuang a { float: right; color: #e55220; font-weight: bold; }
.zy_kuang p { color: #e55220; }
/* 酒店地图表格 */
.hotel_mapt { width: 100%; border-collapse: collapse; margin-top: 10px; }
.hotel_mapt td { padding: 8px 14px; font-size: 13px; border-bottom: 1px solid #eee; }
.hotel_mapt tr:last-child td { border-bottom: none; }
/* 价格表格 - 动态加载的数据行 */
#priceInfo.table { margin-top: 10px; width: 100%; border-collapse: collapse; border: 1px solid #e8e8e8; border-radius: 6px; overflow: hidden; }
#priceInfo.table td { padding: 10px 14px; font-size: 13px; border-bottom: 1px solid #eee; vertical-align: middle; }
#priceInfo.table tr:last-child td { border-bottom: none; }
#priceInfo.table td[bgcolor], 
#priceInfo.table td[style*="background"] { background: #fff !important; }
#priceInfo.table a { color: #555; font-weight: bold; }
#priceInfo.table select { border: 1px solid #d9d9d9; padding: 4px 8px; border-radius: 4px; font-size: 13px; background: #fafafa; height: 30px; }
/* 房型说明弹窗 */
.wenhao_tan { background: #fff; border: 1px solid #e8e8e8; border-radius: 8px; box-shadow: 0 6px 24px rgba(0,0,0,.15); overflow: hidden; }
.wenhao_tan h3 { height: 38px; background: #3a3f47; padding: 0 14px; margin: 0; }
.wenhao_tan h3 span { color: #fff; float: left; line-height: 38px; font-size: 14px; font-weight: bold; }
.wenhao_tan h3 a { float: right; margin-top: 12px; }
.wenhao_dan { padding: 0; }
.wenhao_dan table { width: 100%; border-collapse: collapse; }
.wenhao_dan table td { padding: 8px 14px; font-size: 13px; border-bottom: 1px solid #eee; color: #555; }
/* 设施列表项符号 */
.font_fy { color: #e55220; font-weight: bold; margin-right: 4px; }
/* 隐藏价格信息行 */
.hidden_divv { display: none; }
/* 酒店设施横排显示 */
.hotel_list ul { margin: 0; padding: 0; overflow: hidden; }
.hotel_list ul li { list-style: none; float: left; width: 25%; padding: 4px 0; font-size: 13px; color: #666; }

/* ========================================
   Features 特色服务区
   ======================================== */
.features-section {
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    padding: 40px 0;
}
.features-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 36px;
}
.feature-item { text-align: center; }
.feature-item .feature-icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 16px;
    background: #f5f5f5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: #e55220;
}
.feature-item h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 8px;
}
.feature-item p {
    font-size: 14px;
    color: #999;
    line-height: 1.6;
}

/* ========================================
   Footer 页脚
   ======================================== */
#footer {
    background: #3a3f47;
    padding: 28px 0;
    text-align: center;
    margin-top: 10px;
}
.footer-inner { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.footer-links {
    margin-bottom: 12px;
    color: #888;
}
.footer-links a {
    color: #aaa;
    padding: 0 10px;
    font-size: 13px;
}
.footer-links a:hover { color: #fff; }
.footer-copy {
    font-size: 12px;
    color: #777;
}

/* ========================================
   浮动客服
   ======================================== */
#service-float {
    position: fixed;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    padding: 12px 10px;
    text-align: center;
    box-shadow: 0 2px 12px rgba(0,0,0,.08);
    font-size: 12px;
    width: 94px;
}
#service-float .service-title {
    font-weight: bold;
    color: #333;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
    font-size: 13px;
}
#service-float .service-item { padding: 6px 0; }
#service-float .service-label {
    display: block;
    color: #e55220;
    margin-bottom: 4px;
    font-size: 11px;
}
#service-float .service-label2 {
    color: #e55220;
    margin: 4px 0;
    padding-top: 8px;
    border-top: 1px solid #eee;
    font-size: 11px;
}

/* ========================================
   响应式适配
   ======================================== */
@media screen and (max-width: 900px) {
    .hero-inner {
        flex-direction: column;
        padding: 20px 16px;
        gap: 20px;
    }
    .login-card {
        width: 100%;
        flex-shrink: 1;
    }
    .features-inner {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .nav-inner {
        flex-direction: column;
        padding: 0;
    }
    .nav-list { justify-content: center; flex-wrap: wrap; }
    .nav-list li a { padding: 10px 16px; font-size: 14px; }
    .nav-hotline { display: none; }
    #service-float { display: none !important; }
    .content-page .box,
    .content-page .border_black { margin: 12px 12px; }
    .about_l { width: 100%; min-height: auto; float: none; border-right: none; border-bottom: 1px solid #e8e8e8; border-radius: 8px 8px 0 0; }
    .about_lt ul { display: flex; flex-wrap: wrap; }
    .about_lt ul li { padding: 8px 16px; font-size: 13px; }
    .about_r { width: 100%; float: none; min-height: auto; }
    .about_lt ul li.about_l_on { border-right: none; border-bottom: 3px solid #e55220; }
    .join_pad, .join_pad1 { padding: 20px 16px; }
    .about_rbox { padding: 20px 16px; }
    .search_l { width: 100% !important; float: none; margin-bottom: 14px; }
    .search_r { width: 100% !important; float: none; }
    .se_table { flex-direction: column; }
    .se_table .aaa { width: 100%; }
    .se_tablel img { width: 100%; height: 180px; border-radius: 8px 8px 0 0; }
    .se_sear_tabler { width: 100%; flex-direction: row; justify-content: space-between; padding: 12px 20px; border-left: none; border-top: 1px solid #f0f0f0; }
    .search-inner { padding: 0 12px; }
    .quick-inner { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .search-row { flex-direction: column; align-items: flex-start; }
    .search-row label { width: auto; text-align: left; }
    .search-input-md { width: 100%; }
    .myl { width: 100%; float: none; margin-bottom: 14px; }
    .myc { width: 100% !important; float: none; margin: 0 0 14px 0; }
    .myr1 { width: 100%; float: none; }
    .myl_list ul { display: flex; flex-wrap: wrap; }
    .myl_list ul li a { padding: 6px 14px; font-size: 13px; border-left: none; }
}
}

@media screen and (max-width: 600px) {
    .header-inner {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    .header-right { text-align: center; }
    .header-links { margin-bottom: 4px; }
    .banner-area { display: none; }
    .quick-inner { grid-template-columns: 1fr; gap: 10px; }
    .search-card { padding: 18px 14px; }
}