@charset "utf-8";
/* 酒店首页 */
.ai-list-layout { display: flex; gap: 16px; align-items: flex-start;}
.ai-list-main { flex: 1; min-width: 0; }
.ai-list-side { width: 260px; flex-shrink: 0; display: flex; flex-direction: column; gap: 16px; }

.ota-list-wrapper {
    --ota-primary: #2e7d32;
    --ota-price: #cc4400;
}

.ota-category-block { margin-bottom: 15px; }
.ota-section-head { margin: 0 0 10px; display: flex; align-items: flex-end; justify-content: space-between; border-bottom: 2px solid var(--ota-primary); padding-bottom: 12px; }
.ota-section-head h2 { font-size: 22px; font-weight: bold; margin: 0; color: var(--ota-primary); letter-spacing: 1px; display: flex; align-items: center; white-space: nowrap; }
.ota-section-head h2::before { content: ''; display: inline-block; width: 6px; height: 22px; background: var(--ota-primary); margin-right: 10px; border-radius: 3px; }
.ota-sub-links { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 2px; }
.ota-sub-links a { font-size: 13px; color: #555; text-decoration: none; padding: 4px 10px; background: #f5f7fa; border-radius: 4px; transition: all 0.3s ease; border: 1px solid #eef0f4; }
.ota-sub-links a:hover { color: #fff; background: var(--ota-primary); border-color: var(--ota-primary); transform: translateY(-1px); box-shadow: 0 2px 4px rgba(46, 125, 50, 0.2); }

.ai-list-card { display: flex; background: #fff; border: 1px solid #f0f0f0; border-radius: 8px; margin-bottom: 18px; overflow: hidden; box-shadow: 0 1px 6px rgba(0,0,0,0.02); transition: transform 0.3s; }
.ai-list-card:hover { transform: translateY(-2px); box-shadow: 0 8px 16px rgba(0,0,0,0.06); border-color: #e8e8e8; }

.ai-list-img { width: 230px; height: 150px; flex-shrink: 0; overflow: hidden; position: relative; }
.ai-list-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.ai-list-card:hover .ai-list-img img { transform: scale(1.06); }
.ai-list-img td.tdy, .ai-list-img .ai-list-tag { display: none !important; }

.ai-list-info { flex: 1; padding: 15px; display: flex; flex-direction: column; justify-content: flex-start; border-right: 1px dashed #eee; min-width: 0; }
.ai-list-title { margin: 0; }
.ai-list-title a { font-size: 16px; color: #222; font-weight: bold; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-decoration: none; }
.ai-list-title a:hover { color: #cc4400; }

.ai-list-desc { font-size: 12px; color: #555; line-height: 1.6; margin: 8px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.ai-list-props { display: flex; flex-wrap: wrap; gap: 7px 16px; font-size: 12px; color: #666; margin-top: auto; }

.ai-list-buy { width: 150px; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 15px; background: #fafcff; }
.ai-list-price { color: #cc3300; font-size: 12px; margin-bottom: 4px; }
.ai-list-price strong { font-size: 24px; font-weight: 900; font-family: Arial, sans-serif; margin: 0 1px; }
.ai-list-clicks { font-size: 11px; color: #666; margin-bottom: 12px; }

.ai-list-buy a { background: #cc4400; color: #fff; padding: 6px 20px; border-radius: 20px; font-size: 13px; text-decoration: none !important; transition: background 0.3s ease; }
.ai-list-buy a:hover { background: #b33c00; color: #fff; }

.ai-side-widget { background: #fff; border-radius: 6px; border: 1px solid #eee; overflow: hidden; box-shadow: 0 1px 6px rgba(0,0,0,0.01); }
.ai-side-tit { background: #f8f8f8; border-bottom: 1px solid #eee; padding: 10px 15px; font-size: 14px; font-weight: bold; color: #333; display: flex; align-items: center; justify-content: space-between; }
.ai-side-tit .tit-text { display: flex; align-items: center; }
.ai-side-tit .tit-text svg { width: 18px; height: 18px; margin-right: 8px; color: #00b5be; stroke-width: 2px; flex-shrink: 0; }
.ai-side-tit span a { font-size: 12px; color: #555; font-weight: normal; text-decoration: none; }
.ai-side-tit span a:hover { color: #cc4400; }

.ai-side-con { padding: 12px; }
.ai-side-map img { width: 100%; border-radius: 4px; display: block; }

.my-contact-list { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.my-contact-list li { display: block !important; text-align: center !important; line-height: 1.6 !important; padding: 3px 0 !important; font-size: 13px !important; color: #555 !important; border-bottom: none !important; margin-bottom: 8px !important; }
.my-contact-list li h4 { font-size: 15px !important; font-weight: bold !important; color: #111 !important; margin: 0 0 10px 0 !important; padding: 0 !important; }
.my-contact-list li span { color: #cc3300 !important; font-weight: bold !important; font-size: 14px !important; font-family: Arial, sans-serif !important; display: inline !important; line-height: 1.6 !important; }
.my-contact-list li span + span { margin-left: 20px !important; }
.my-contact-list li img { display: block !important; margin: 5px auto !important; width: 200px !important; height: 302px !important; border: none !important; box-shadow: none !important; }
.my-contact-list li:empty { display: none !important; }

.ai-side-dest .dest-group { margin-bottom: 18px; }
.ai-side-dest .dest-group:last-child { margin-bottom: 0; }
.ai-side-dest .dest-tit { font-size: 15px; font-weight: bold; color: #4a729e; margin-bottom: 10px; display: flex; align-items: center; }
.ai-side-dest .dest-tit svg { width: 16px; height: 16px; margin-right: 5px; color: #4a729e; stroke-width: 2px; flex-shrink: 0; }
.ai-side-dest .dest-links { display: flex; flex-wrap: wrap; }
.ai-side-dest .dest-links a { display: inline-block !important; margin: 5px 0 !important; font-size: 13px; color: #555; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 5px; box-sizing: border-box; }
.ai-side-dest .dest-links a:hover { color: #cc4400; }
.ai-side-dest .col-3 a { width: 40%; }

.ai-side-con dl { position: relative; margin: 0 0 5px 0 !important; padding: 0 0 5px 0 !important; border-bottom: 1px dashed #eee !important; display: block; }
.ai-side-con dl:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: none !important; }
.ai-side-con dl dt { position: absolute; left: 0; top: 0; margin: 0 !important; padding: 0 !important; }
.ai-side-con dl dt img { width: auto !important; max-width: 110px !important; height: auto !important; border-radius: 3px; display: block; border: 1px solid #f0f0f0; padding: 1px; }
.ai-side-con dl dd { margin: 0 0 2px 100px !important; padding: 0 !important; line-height: 1.4 !important; min-height: 0 !important; }
.car-widget .ai-side-con dl dd { margin-left: 122px !important; }
.ai-side-con dl dd h4 { margin: 0 0 4px 0 !important; font-size: 13px; font-weight: bold; }
.ai-side-con dl dd h4 a { color: #333 !important; text-decoration: none !important; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ai-side-con dl dd h4 a:hover { color: #00b5be !important; }
.ai-side-con dl dd p { margin: 0 !important; padding: 0 !important; color: #555; font-size: 12px; }
.ai-side-con dl dd i, .ai-side-con dl dd b { color: #b30000 !important; font-style: normal !important; font-weight: bold !important; font-family: Arial, sans-serif; }

.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;}

.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;}
.ota-section-head .more { font-size: 14px; color: #666; display: flex; align-items: center; text-decoration: none; transition: color 0.2s; white-space: nowrap; }
.ota-section-head .more:hover { color: var(--ota-price); }
.ota-section-head .more svg { width: 16px; height: 16px; margin-left: 4px; stroke: currentColor; fill: none !important; stroke-width: 2; flex-shrink: 0; display: inline-block; }
.pages {text-align:center;padding:16px 0;font-size:13px;}
.pages a, .pages b {display:inline-block;padding:4px 12px;margin:0 3px;border:1px solid #eee;border-radius:3px;color:#666;background:#fff;text-decoration:none;}
.pages a:hover {background:#f5f5f5;border-color:#ddd;}
.pages b {background:#00706c;color:#fff;border-color:#00706c;}