@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 #cbd5e1; padding: 30px; box-shadow: 0 4px 20px rgba(0,0,0,0.03); margin-bottom: 30px; display: flex; gap: 40px; }
.car-summary-pic { width: 500px; flex-shrink: 0; }
.car-summary-pic img { width: 100%; height: 350px; object-fit: cover; border-radius: 8px; }
.car-guarantees { display: flex; justify-content: space-between; margin-top: 20px; padding: 15px 20px; background: #f8fafc; border-radius: 8px; border: 1px dashed #cbd5e1; }
.car-guarantees span { font-size: 13px; color: #475569; display: flex; align-items: center; font-weight: bold; }
.car-guarantees span svg { color: #0277bd; margin-right: 4px; width: 16px; height: 16px; }
.car-summary-info { flex: 1; }
.car-summary-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.car-summary-header h1 { font-size: 28px; color: #1e293b; font-weight: bold; margin: 0; flex: 1; padding-right: 20px; line-height: 1.2; }
.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: 15px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #e2e8f0; }
.car-attr-tags span { display: inline-flex; align-items: center; background: #f0f9ff; color: #0277bd; padding: 6px 12px; border-radius: 4px; font-size: 14px; border: 1px solid #bae6fd; }
.car-attr-tags span i { margin-right: 5px; display: flex; align-items: center; }
.car-order-form { background: #f8fafc; padding: 25px; border-radius: 8px; border: 1px solid #e2e8f0; }
.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: 10px 8px; border: 1px solid #cbd5e1; border-radius: 4px; font-size: 14px; box-sizing: border-box; transition: border 0.3s; }
.form-group .txt-input:focus { border-color: #0277bd; 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: #0277bd; color: #fff; text-align: center; font-size: 18px; font-weight: bold; padding: 14px 0; border-radius: 4px; border: none; cursor: pointer; transition: background 0.3s; }
.btn-submit-car:hover { background: #01579b; }
.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="%230277bd" 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;}