@charset "utf-8";

/* 租车内容 */

body.ai-detail-page {background:#fff;font-family:"Microsoft YaHei",sans-serif;}

.ai-detail-layout {display:flex;gap:20px;align-items:flex-start;width:1200px;margin:0 auto;}

.ai-detail-layout .ai-list-main { flex:1; min-width:0; margin-right:25px; background:#fff; border-radius:2px; border:1px solid #e1e1e1; border-top:none; border-right:none; padding-bottom:40px; box-sizing:border-box; }

.ai-detail-layout .ai-list-side {width:280px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:19px;align-self:flex-start;z-index:100;}

.car-summary-box { background:#fff; border-radius:12px; border-top:4px solid #0a8f60; padding:24px; box-shadow:0 4px 20px rgba(0,0,0,.04); margin-bottom:16px; display:flex; gap:24px; align-items:stretch; }

.car-summary-pic { width:460px; flex-shrink:0; display:flex; position:relative; }

.car-summary-pic img { width:100%; height:100%; min-height:280px; object-fit:cover; border-radius:12px; box-shadow:0 6px 20px rgba(0,0,0,.08); display:block; transition:transform .4s; } .car-summary-pic:hover img { transform:scale(1.02); } .car-pic-badge { position:absolute; top:10px; left:10px; background:rgba(10,143,96,.92); color:#fff; font-size:12px; padding:4px 12px; border-radius:12px; font-weight:600; z-index:2; }

.car-guarantees { display:flex; gap:14px; flex-wrap:wrap; margin:0 0 24px; padding:12px 18px; background:#f0faf6; border:1px solid #d3ebe0; border-radius:10px; }

.car-guarantees span { font-size:13px; color:#3b6660; display:flex; align-items:center; font-weight:600; }

.car-guarantees span svg { color:#0a8f60; margin-right:5px; width:16px; height:16px; }

.car-summary-info { flex:1; display:flex; flex-direction:column; min-width:0; }

.car-summary-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }

.car-summary-header h1 { font-size:24px; color:#26302d; font-weight:bold; margin:0; flex:1; padding-right:20px; line-height:1.3; }

.car-price-wrap { display: flex; flex-direction: column; align-items: flex-end; flex-shrink: 0; }

.price-content { display: flex; align-items: baseline; }

.price-content .total-label { display: none; font-size: 18px; color: #334155; font-weight: bold; margin-right: 5px; }

.price-figures { display: flex; align-items: baseline; }

.car-price-wrap em { font-size: 32px; color: #c62828; font-weight: bold; font-style: normal; line-height: 1; }

.car-price-wrap em i { font-size: 18px; font-style: normal; margin-right: 3px; }

.price-figures .unit { font-size: 14px; color: #555555; margin-left: 5px; margin-bottom: -4px; }

.car-price-wrap .views { margin-top: 6px; font-size: 13px; color: #555555; }

.car-attr-tags { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:16px; }

.car-attr-tags span { display:inline-flex; align-items:center; background:#e8f6f1; color:#0a8f60; padding:5px 12px; border-radius:6px; font-size:13px; border:1px solid #cde9de; }

.car-attr-tags span i { margin-right: 5px; display: flex; align-items: center; }

.car-order-form { background:#f8fafa; padding:16px 18px; border-radius:10px; border:1px solid #e6eae9; margin-top:16px; }

.form-grid { display: flex; flex-wrap: nowrap; gap: 12px; margin-bottom: 20px; }

.form-group-date { flex: 1.4; min-width: 0; }

.form-group-num { flex: 1; min-width: 0; }

.form-group label { display: block; font-size: 13px; color: #334155; font-weight: bold; margin-bottom: 8px; white-space: nowrap; }

.form-group .txt-input { width:100%; padding:9px 10px; border:1px solid #d9e0de; border-radius:7px; font-size:14px; box-sizing:border-box; transition:border .3s; }

.form-group .txt-input:focus { border-color:#0a8f60; outline:none; }

#Car_Li ul { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; padding: 0; list-style: none; }

#Car_Li ul li, #Car_Li ul p { position: relative; background: #fff; border: 2px solid #e2e8f0; padding: 8px 18px; border-radius: 2px; cursor: pointer; font-size: 14px; color: #475569; transition: all 0.2s ease; margin: 0; overflow: hidden; }

#Car_Li ul li:hover, #Car_Li ul p:hover { border-color: #dd3333; color: #dd3333; }

#Car_Li ul li.act, #Car_Li ul p.act, #Car_Li ul li.cur, #Car_Li ul p.cur, #Car_Li ul li.current, #Car_Li ul p.current, #Car_Li ul li.on, #Car_Li ul p.on, #Car_Li ul li.total_order_type, #Car_Li ul p.total_order_type { border-color: #dd3333; color: #dd3333; background: #fff; font-weight: bold; }

#Car_Li ul li.act::after, #Car_Li ul p.act::after, #Car_Li ul li.cur::after, #Car_Li ul p.cur::after, #Car_Li ul li.current::after, #Car_Li ul p.current::after, #Car_Li ul li.on::after, #Car_Li ul p.on::after, #Car_Li ul li.total_order_type::after, #Car_Li ul p.total_order_type::after { content: ''; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-bottom: 24px solid #dd3333; border-left: 24px solid transparent; }

#Car_Li ul li.act::before, #Car_Li ul p.act::before, #Car_Li ul li.cur::before, #Car_Li ul p.cur::before, #Car_Li ul li.current::before, #Car_Li ul p.current::before, #Car_Li ul li.on::before, #Car_Li ul p.on::before, #Car_Li ul li.total_order_type::before, #Car_Li ul p.total_order_type::before { content: ''; position: absolute; bottom: 4px; right: 3px; width: 4px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); z-index: 1; }

#Car_Li ul li i, #Car_Li ul p i { display: none !important; }

.btn-submit-car { width:100%; display:block; background:linear-gradient(135deg,#12b981,#0a8f60); color:#fff; text-align:center; font-size:16px; font-weight:bold; padding:13px 0; border-radius:8px; border:none; cursor:pointer; transition:opacity .3s; box-shadow:0 4px 12px rgba(10,143,96,.25); }

.btn-submit-car:hover { opacity:.92; }

.custom-date-input { cursor: pointer; background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%230a8f60" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>') no-repeat 95% center; padding-right: 30px !important; }

.vanilla-calendar { position: absolute; width: 280px; background: #fff; border-radius: 8px; box-shadow: 0 10px 25px rgba(0,0,0,0.15); border: 1px solid #e2e8f0; z-index: 9999; display: none; overflow: hidden; font-family: sans-serif; }

.vc-header { display: flex; justify-content: space-between; align-items: center; padding: 15px; background: #0277bd; color: #fff; }

.vc-header span { cursor: pointer; font-weight: bold; user-select: none; font-size: 16px; padding: 0 10px; }

.vc-header span:hover { opacity: 0.8; }

.vc-weekdays { display: grid; grid-template-columns: repeat(7, 1fr); text-align: center; font-size: 12px; color: #64748b; padding: 10px 10px 5px; font-weight: bold; }

.vc-days { display: grid; grid-template-columns: repeat(7, 1fr); padding: 5px 10px 15px; gap: 4px; }

.vc-day { text-align: center; padding: 8px 0; font-size: 13px; color: #334155; border-radius: 4px; cursor: pointer; transition: all 0.2s; }

.vc-day:hover:not(.disabled) { background: #f0f9ff; color: #0277bd; font-weight: bold; }

.vc-day.disabled { color: #cbd5e1; cursor: not-allowed; background: #f8fafc; }

.vc-day.selected { background: #0277bd; color: #fff; font-weight: bold; box-shadow: 0 2px 6px rgba(2,119,189,0.4); }

.rd_nav {background:#f5f5f5;border-bottom:2px solid #00b5be;width:1200px;margin:0 auto;height:40px;display:flex;justify-content:space-between;box-sizing:border-box;position:-webkit-sticky;position:sticky;top:0;z-index:999;}

.rd_nav.n_fix {box-shadow:0 2px 15px rgba(0,0,0,0.08);}

.rd_nav ul {display:flex;height:100%;margin:0;padding:0;}

.rd_nav li {text-align:center;list-style:none;}

.rd_nav li a {display:block;font-size:16px;color:#666;padding:0 25px;line-height:38px;text-decoration:none;border-right:1px solid #e1e1e1;transition:color 0.3s;}

.rd_nav li.n_cur {background:#00706c;}

.rd_nav li.n_cur a {color:#fff;border-right-color:#00706c;}

.rd_nav li:hover a {color:#00706c;}

.rd_nav li.n_cur:hover a {color:#fff;}

.rd_tel {font-size:20px;color:#00706c;font-weight:bold;line-height:38px;margin:0;padding-right:15px;display:flex;align-items:center;font-family:Arial;}

.rd_tel i {display:inline-block;width:20px;height:20px;margin-right:8px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2300b5be" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>') no-repeat center center / contain;}

.rd_wrap {padding:30px 0 30px 30px;}

.rd_item {margin-bottom:40px;}

.ai-detail-h2::after {content:'';flex:1;border-top:1px dashed #c2c2c2;margin-left:15px;}

.ai-detail-h2 {font-size:20px;color:#333;display:flex;align-items:center;margin-bottom:20px;padding-bottom:0;border-bottom:none;position:relative;font-weight:normal;margin-top:0;}

.ai-detail-h2 svg {width:24px;height:24px;color:#cc3300;margin-right:10px;flex-shrink:0;}

.detail-rich-text {font-size:16px;color:#666;line-height:1.8;padding-left:34px;}

.detail-rich-text img {max-width:650px;height:auto;aspect-ratio:3/2;border-radius:4px;display:block;margin:10px auto;}

.detail-rich-text a:has(img) {display:block;max-width:650px;width:fit-content;margin:10px auto;}

.detail-rich-text a:has(img) img {margin:0 auto;}

.detail-rich-text h3 {font-size:16px;color:#00706c;font-weight:bold;border-left:3px solid #00706c;padding-left:10px;margin-bottom:15px;margin-top:20px;}

.detail-rich-text p {margin:0 0 15px 0 !important; color:#333 !important; text-align:justify !important; letter-spacing:1px !important;}

.detail-rich-text p strong {color:#000;font-weight:bold;}

.qa_form {border-bottom:1px solid #f1f1f1;padding-bottom:20px;margin-bottom:20px;}

.form-row {margin-bottom:15px;align-items:flex-start;display:flex;}

.form-row label {width:90px;font-size:14px;color:#333;font-weight:bold;flex-shrink:0;line-height:30px;}

.txt-input {flex:1;border:1px solid #ccc;height:30px;padding:0 8px;font-size:14px;outline:none;box-sizing:border-box;}

.txt-input:focus {border-color:#ffaa01;}

.txt-input.w200 {flex:none;width:250px;}

.txt-input.w100 {flex:none;width:100px;}

textarea#content {flex:1;height:100px;border:1px solid #ccc;padding:8px;font-size:14px;resize:none;font-family:inherit;outline:none;box-sizing:border-box;}

textarea#content:focus {border-color:#ffaa01;}

.btn-submit-qa {display:inline-block;background-color:#cc3300;color:#ffffff !important;padding:8px 25px;border-radius:3px;font-size:14px;text-align:center;text-decoration:none;transition:background-color 0.3s ease;}

.btn-submit-qa:hover {background-color:#aa2a00;color:#ffffff !important;text-decoration:none;}

.flex {display:flex;}

.qa_form .form-row img {width:70px !important;height:30px !important;object-fit:fill;flex-shrink:0;}

#sidebar-contact.sidebar-fixed-look {background:#fff;border-radius:4px;border:1px solid #eee;overflow:hidden;margin-top:20px;}

#sidebar-contact.sidebar-fixed-look .ai-side-tit {background:#cc3300;color:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:none;padding-right:10px;}

#sidebar-contact.sidebar-fixed-look .ai-side-tit .tit-text-white {color:#fff;display:flex;align-items:center;padding:10px 0 10px 15px;font-size:16px;font-family:"Microsoft YaHei","微软雅黑";font-weight:900;}

#sidebar-contact.sidebar-fixed-look .ai-side-tit .tit-text-white svg {color:#fff;}

#sidebar-contact.sidebar-fixed-look .ai-side-tit .qr-icon-old svg {color:#fff;}

#sidebar-contact.sidebar-fixed-look .ai-side-con {padding:0;background:#fff;}

.old-share-wrap {display:flex;background:#fff;text-align:left;}

.share-qr-img {width:140px;height:140px;padding:5px;background:#fff;box-sizing:border-box;}

.old-share-wrap .txt {flex:1;text-align:left;display:flex;flex-direction:column;justify-content:center;}

.old-share-wrap .txt .share-title {color:#cc3300;font-size:14px;font-weight:bold;margin:0 0 8px 0;}

.old-share-wrap .txt p {color:#333;font-size:12px;line-height:24px;margin:0;}

.old-dashed-sep {border-top:1px dashed #c8c8c8;}

.old-cs-details {padding:10px;text-align:center;}

.old-cs-details .company-title {color:#333;font-size:15px;font-weight:normal;margin:0 0 10px 0;font-family:"Microsoft YaHei","微软雅黑";display:block;}

.old-cs-details .old-numbers {color:#cc3300;font-family:Arial;font-size:14px;line-height:26px;}

.old-cs-details .old-numbers span + span {margin-left:20px;}

.old-cs-person-qr {width:200px !important;margin:10px auto;border-radius:4px;display:block;}

.old-cs-details p.old-iconed-info {position:relative;padding-left:20px;line-height:24px;margin:0 0 5px 0;text-align:left;font-size:12px;color:#555555;}

.old-cs-details p.old-iconed-info span {color:#cc3300;font-weight:bold;}

.old-cs-details p.old-iconed-info i {display:block;width:14px;height:14px;position:absolute;left:0;top:5px;background-size:contain;background-repeat:no-repeat;}

.old-cs-details .email i {background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>');}

.old-cs-details .addr i {background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>');}

.text-center {text-align:center;}



.page-context-nav {display:flex;justify-content:space-between;margin:30px 0 40px;gap:20px;}

.page-context-nav .context-card {flex:1;background:#fdfdfd;border:1px solid #e1e1e1;border-radius:8px;padding:16px 20px;transition:all 0.3s ease;overflow:hidden;width:48%;box-sizing:border-box;position:relative;}

.page-context-nav .context-card a::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;}

.page-context-nav .context-card:hover {background:#fffaf5;border-color:#ffc4a3;box-shadow:0 4px 12px rgba(255,104,0,0.08);transform:translateY(-2px);}

.page-context-nav .context-card span.c-label {font-size:13px;color:#666;margin-bottom:8px;display:block;}

.page-context-nav .context-card.next span.c-label {text-align:right;}

.page-context-nav .context-card a,.page-context-nav .context-card {font-size:15px;color:#333;font-weight:bold;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;}

.page-context-nav .context-card a:hover {color:#FF6800;}

.page-context-nav .context-card.next a,.page-context-nav .context-card.next {text-align:right;}



.route_guess {width:1200px;background:#fff;border-radius:2px;padding:20px 0 0;box-sizing:border-box;position:relative;}

.route_guess .ai-detail-h2 {margin:0 30px 20px;padding-bottom:15px;}

.re_list {position:relative;width:1200px;height:260px;margin:0 auto;overflow:hidden;}

.re_list .silder {position:relative;margin:0 auto;overflow:hidden;height:100%;}

.re_list ul {margin:0;padding:0;width:100%;display:flex;justify-content:space-between;}

.re_list ul li {width:224px;height:255px;list-style:none;background:#fff;transition:background 0.2s;}

.re_list ul li:hover {background:#faffff;}

.re_list ul li img {width:239px;height:150px;object-fit:cover;display:block;margin:0;padding:0;}

.re_list ul li .re-title {font-size:14px;font-weight:normal;margin:8px 10px;line-height:24px;height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

.re_list ul li .re-title a {color:#333;text-decoration:none;transition:color 0.2s;}

.re_list ul li:hover .re-title a {color:#cc3300;}

.re_list ul li .re-info {font-size:12px;color:#555555;margin:0 10px;font-weight:normal;position:relative;height:24px;line-height:24px;}

.re_list ul li .re-info span {position:absolute;right:0;bottom:0;}

.re_list ul li .re-info span i {color:#cc3300;font-style:normal;font-size:12px;}

.re_list ul li .re-info span i em {font-size:20px;font-weight:bold;font-family:Arial;padding-right:2px;}