@charset "utf-8";
/* CSS Document */
body{background:linear-gradient(135deg,#f0f4f8 0%,#e2e8f0 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.city-container{max-width:1200px;width:100%;background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.08);overflow:hidden;margin:55px auto}
.city-header{background:linear-gradient(135deg,#3E9EFE 0%,#3E9EFE 100%);color:#fff;padding:15px 40px;text-align:center}
.city-header h1{font-size:28px;font-weight:700;margin:0 0 12px}
.city-header p{font-size:15px;opacity:0.95;margin:0}
.city-content{padding:20px 40px}
.city-xz{padding:150px 0px}
.hot-cities{background:linear-gradient(135deg,#e8f5f3 0%,#d8edea 100%);border-radius:5px;padding:10px;margin-bottom:10px}
.hot-title{font-size:16px;font-weight:600;color:#009688;margin-bottom:15px;display:flex;align-items:center}
.hot-title::before{content:'';width:4px;height:18px;background:#00b38a;border-radius:2px;margin-right:10px}
.hot-list{display:flex;flex-wrap:wrap;gap:12px}
.hot-item{padding:10px 16px;background:#fff;border-radius:5px;font-size:15px;color:#333;text-decoration:none;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.06)}
.hot-item:hover{background:#3E9EFE;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,179,138,0.3)}
.hot-itemqg{background:#3C0;color:#fff;padding:10px 16px;border-radius:5px;font-size:15px;text-decoration:none;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.06)}
.letter-nav{background:#f8fafc;border-radius:12px;padding:20px;margin-bottom:25px}
.letter-title{font-size:14px;color:#64748b;margin-bottom:12px;padding-left:5px}
.letter-list{display:flex;flex-wrap:wrap;gap:8px}
.letter-item{width:36px;height:30px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;font-size:15px;font-weight:500;color:#333;text-decoration:none;transition:all 0.2s ease;box-shadow:0 1px 3px rgba(0,0,0,0.05);position:relative;border-left:2px solid transparent}
.letter-item:hover{background:#3E9EFE;color:#fff;font-size: 18px}
.letter-item.active{color:#ff4d4f;font-weight:600;border-left:2px solid #ff4d4f}
.city-section{margin-bottom:8px;display:flex;align-items:flex-start;padding:5px 0;border-bottom:1px dashed #e2e8f0}
.section-title{font-size:22px;font-weight:600;color:#3E9EFE;width:18px;min-width:20px;margin-right:1px;padding-top:6px;position:relative;padding-left:8px}
/*.section-title::before{content:'|';position:absolute;left:0;color:#3E9EFE;font-weight:bold}*/
.section-title.active{color:#ff4d4f}
.navsj{display:none}
.section-title.active::before{color:#ff4d4f}
.city-list{display:flex;flex-wrap:wrap;gap:5px;flex:1}
.city-item{ margin-left:10px;padding:10px 20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;font-size:15px;color:#333;text-decoration:none;transition:all 0.2s ease} .city-item:hover{background:#3E9EFE;border-color:#00b38a;color:#fff}
@media (max-width:768px){.city-container{margin:5px;border-radius:12px} .city-header{padding:55px 20px}.city-header h1{font-size:22px}.city-header p{font-size:13px}.city-content{padding:10px} .hot-item{padding:8px 14px;font-size:13px} .letter-item{width:32px;height:30px;font-size:14px}.city-item{padding:7px 12px;font-size:13px}
.header-inner{height:60px}.logo a{font-size:14px}.nav{display:none}.user-actions{display:none}.contain{ width: 100%;padding: 0 10px;}.search-box{padding:40px 0 5px 0;width: 100%;}.btn-search{width: 100%;}.input-item input {width: 100%;}.search-section{padding:10px 0 5px}
.logo{padding: 0px;}.logo a{font-size:14px}.nav{display:none}.container{padding: 0 5px;}.logo .llgg {123px;height: 40px;}
.navsj{display:flex;gap:20px;margin-right:auto;}
.navsj a{font-size:14px;color:#fff;font-weight:500;position:relative;padding:8px 0}
.navsj a::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:#fff;transition:all .3s ease;transform:translateX(-50%)}
.navsj a.active::after { width:100%;}
.navsj a:hover {color:#fff;}
.navsj a.active {font-weight:800;}
.city-header{ margin-top:62px; padding:10px;}
}