*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font:14px/1.6 "Microsoft YaHei","PingFang SC","Helvetica Neue",sans-serif;color:#333;background:#f5f5f5;-webkit-overflow-scrolling:touch}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;vertical-align:middle}ul,ol{list-style:none}input,button{font-family:inherit;outline:none}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.97);box-shadow:0 1px 4px rgba(0,0,0,.1);height:50px;display:flex;align-items:center;padding:0 12px}.header .logo{width:36px;height:36px;background:linear-gradient(135deg,#00A0E9,#7FCFF0);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px;flex-shrink:0}.header a[href="/"]{display:flex;align-items:center;gap:8px;text-decoration:none}.header .search-box{flex:1;margin:0 10px;position:relative}.header .search-input{width:100%;height:34px;border:1px solid #e0e0e0;border-radius:17px;padding:0 15px 0 35px;font-size:13px;background:#f5f5f5;transition:border .2s}.header .search-input:focus{border-color:#00A0E9;background:#fff}.header .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.47 6.47 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}.header .user-btn{width:32px;height:32px;flex-shrink:0;background:none;border:none;position:relative;cursor:pointer}.header .user-btn svg{width:22px;height:22px;fill:#fff}.header .login-link{display:flex;align-items:center;gap:5px;flex-shrink:0;font-size:14px;font-weight:600;color:#fff;text-decoration:none;padding:6px 14px;border:1.5px solid rgba(255,255,255,.6);border-radius:20px;white-space:nowrap;transition:all .2s}.header .login-link:hover{background:#FF6B35;color:#fff;border-color:#FF6B35}.header .login-link:hover svg{fill:#fff}.header .login-link svg{width:18px;height:18px;fill:#fff}.header .login-link.logged-in{border-color:transparent;padding:6px 10px}.header .login-link.logged-in svg{fill:#fff}.header .desktop-login{display:none}.desktop-nav{display:none}.wrap-box{padding-top:50px;background:#f5f5f5}.navigation{display:flex;flex-wrap:wrap;background:#fff;padding:15px 0 10px}.navigation .item{width:25%;text-align:center;padding:8px 0;transition:transform .15s}.navigation .item:active{transform:scale(.92)}.navigation .item a{display:block}.navigation .item .icon{width:48px;height:48px;margin:0 auto 6px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff}.navigation .item:nth-child(1) .icon{background:linear-gradient(135deg,#00A0E9,#7FCFF0)}.navigation .item:nth-child(2) .icon{background:linear-gradient(135deg,#f5a623,#f7c948)}.navigation .item:nth-child(3) .icon{background:linear-gradient(135deg,#7ed321,#a8e063)}.navigation .item:nth-child(4) .icon{background:linear-gradient(135deg,#9b59b6,#c39bd3)}.navigation .item:nth-child(5) .icon{background:linear-gradient(135deg,#e74c3c,#f1948a)}.navigation .item:nth-child(6) .icon{background:linear-gradient(135deg,#1abc9c,#48d1b5)}.navigation .item:nth-child(7) .icon{background:linear-gradient(135deg,#34495e,#008AC4)}.navigation .item:nth-child(8) .icon{background:linear-gradient(135deg,#e67e22,#f0b27a)}.navigation .item .name{font-size:12px;color:#333;line-height:1.3}.navigation .item:nth-child(1) .icon::after{content:"租";font-size:18px;font-weight:700;color:#fff}.navigation .item:nth-child(2) .icon::after{content:"联";font-size:18px;font-weight:700;color:#fff}.navigation .item:nth-child(3) .icon::after{content:"铺";font-size:18px;font-weight:700;color:#fff}.navigation .item:nth-child(4) .icon::after{content:"楼";font-size:18px;font-weight:700;color:#fff}.navigation .item:nth-child(5) .icon::after{content:"售";font-size:18px;font-weight:700;color:#fff}.navigation .item:nth-child(6) .icon::after{content:"附";font-size:18px;font-weight:700;color:#fff}.navigation .item:nth-child(7) .icon::after{content:"讯";font-size:18px;font-weight:700;color:#fff}.navigation .item:nth-child(8) .icon::after{content:"我";font-size:18px;font-weight:700;color:#fff}.banner-swiper{position:relative;overflow:hidden;background:#e0e0e0;width:100%;max-width:100vw}.banner-swiper .slide{display:none;width:100%}.banner-swiper .slide.active{display:block}.banner-swiper .slide a{display:block;position:relative}.banner-swiper .slide img{width:100%;height:auto;display:block;max-width:100%}.slide-caption{position:absolute;bottom:0;left:0;right:0;padding:20px 16px 40px;background:linear-gradient(transparent,rgba(0,0,0,.65));color:#fff}.slide-caption h2{font-size:15px;font-weight:700;margin:0 0 4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.slide-caption p{font-size:12px;margin:0;opacity:.85;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.banner-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:5}.banner-dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:all .3s}.banner-dots span.active{background:#fff;width:18px;border-radius:4px}.wrap-box{display:flex;flex-direction:column}.wrap-box .banner-swiper{order:-1}.wrap-box .navigation{order:0}.wrap-box .banner-swiper{margin:0;padding:8px 10px 0;background:#f5f5f5}.wrap-box .banner-swiper .slide{border-radius:12px;overflow:hidden}.wrap-box .banner-swiper .slide img{height:180px;object-fit:cover;border-radius:12px}.wrap-box .banner-swiper .slide-caption{border-radius:0 0 12px 12px;padding:24px 14px 34px}.wrap-box .banner-swiper .slide-caption h2{font-size:14px}.wrap-box .banner-swiper .slide-caption p{font-size:11px}.wrap-box .banner-dots{bottom:16px}.cont-title{display:flex;justify-content:space-between;align-items:center;padding:15px 12px 10px;background:#f5f5f5}.cont-title h3{font-size:16px;font-weight:700;color:#333;position:relative;padding-left:10px}.cont-title h3::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:3px;background:#00A0E9;border-radius:2px}.cont-title .more-btn{font-size:12px;color:#999}.recom-loupan{background:#fff;padding-bottom:15px;margin-bottom:10px;overflow:hidden}.recom-loupan .scroll-wrap{display:flex;gap:10px;padding:0 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.recom-loupan .scroll-wrap::-webkit-scrollbar{display:none}.recom-loupan .lp-card{flex-shrink:0;width:45%;scroll-snap-align:start;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.08)}.recom-loupan .lp-card .thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.recom-loupan .lp-card h4{font-size:13px;font-weight:600;color:#333;padding:8px 8px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recom-loupan .lp-card .price{font-size:12px;color:#e74c3c;padding:0 8px 8px}.recom-loupan .lp-card .price .num{font-size:15px;font-weight:700}.hot-office{background:#fff;margin-bottom:10px}.hot-office .cont-title{padding-top:0;background:#fff}.hot-tag{display:flex;gap:0;padding:0 12px 10px;flex-wrap:wrap}.hot-tag a{font-size:12px;color:#666;padding:4px 10px;background:#f5f5f5;border-radius:20px;margin-right:8px;margin-bottom:4px;transition:all .2s}.hot-tag a:first-child,.hot-tag a:hover{background:#00A0E9;color:#fff}.office-list li{border-top:1px solid #f0f0f0;padding:12px}.office-list li a{display:flex;gap:10px}.office-list .thumb{width:110px;height:82px;border-radius:8px;overflow:hidden;flex-shrink:0;position:relative;background:#f0f0f0}.office-list .thumb img{width:100%;height:100%;object-fit:cover}.office-list .content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}.office-list .content h4{font-size:14px;font-weight:500;color:#333;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.office-list .content .grey{font-size:12px;color:#999;margin:2px 0}.office-list .content .tag-group{display:flex;gap:4px;flex-wrap:wrap}.office-list .content .tag-group span{font-size:10px;color:#00A0E9;background:#f5f6f8;padding:1px 6px;border-radius:3px}.office-list .content .row{display:flex;justify-content:space-between;align-items:center}.office-list .content .price{color:#e74c3c;font-size:12px}.office-list .content .price .num{font-size:16px;font-weight:700}.news-box{background:#fff;margin-bottom:10px;padding-bottom:15px}.news-list li{border-bottom:1px solid #f0f0f0;padding:12px}.news-list li:last-child{border-bottom:none}.news-list li a{display:flex;gap:10px}.news-list .content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}.news-list .content h4{font-size:14px;font-weight:500;color:#333;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-list .content p{font-size:11px;color:#999;margin-top:4px}.news-list .content .type{color:#00A0E9;margin-right:6px}.news-list .thumb{width:90px;height:68px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#f0f0f0}.news-list .thumb img{width:100%;height:100%;object-fit:cover}.hero-search{display:none}@media (min-width:768px){body{background:#fff}.wrap-box{padding-top:0}.header{position:fixed;top:0;left:0;right:0;z-index:1200;background:rgba(255,255,255,.97);box-shadow:0 2px 12px rgba(0,0,0,.08);height:64px;padding:0 40px}.header .logo{width:42px;height:42px}.header .search-box{display:none}.header .user-btn svg{fill:#fff}.navigation{display:none}.desktop-nav{display:flex !important;flex:1;justify-content:center;align-items:center;gap:8px}.desktop-nav a{color:#333;padding:9px 16px;border-radius:20px;font-size:15px;font-weight:600;font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",sans-serif;transition:all .2s;white-space:nowrap;text-decoration:none;background:transparent}.desktop-nav a:hover,.desktop-nav a.cur{background:rgba(255,255,255,0.15);color:#FF6B35}.desktop-phone{display:flex !important;align-items:center;gap:6px;font-size:18px;font-weight:700;color:#FF6B35;flex-shrink:0;white-space:nowrap;margin-left:auto}.header .desktop-login{display:flex !important}.header .user-btn{display:none}.banner-swiper{height:500px;position:relative;margin:0;padding:0;background:#e0e0e0}.banner-swiper .slide{height:500px;border-radius:0;overflow:visible}.banner-swiper .slide img{height:500px;object-fit:cover;border-radius:0}.banner-swiper .slide-caption{padding:30px 60px 50px;background:linear-gradient(transparent,rgba(0,0,0,.7))}.banner-swiper .slide-caption h2{font-size:28px;font-weight:800;margin-bottom:8px}.banner-swiper .slide-caption p{font-size:15px;opacity:.9}.banner-dots{bottom:10px}.hero-search{display:block;position:absolute;bottom:60px;left:50%;transform:translateX(-50%);z-index:1100;width:90%;max-width:900px}.search-panel{background:rgba(0,0,0,.72);border-radius:12px;padding:0;overflow:visible}.search-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.12)}.search-tabs a{flex:1;text-align:center;padding:12px 8px;font-size:14px;color:rgba(255,255,255,.7);transition:all .2s;position:relative;white-space:nowrap}.search-tabs a:hover,.search-tabs a.cur{color:#fff}.search-tabs a.cur::after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:#00A0E9;border-radius:1px}.search-body{padding:16px 20px}.search-row{display:flex;gap:10px;align-items:center}.search-row .s-input{flex:1;height:44px;border:none;border-radius:4px;padding:0 15px;font-size:14px;background:#fff}.search-row .s-input::placeholder{color:#999}.search-row .s-btn{height:44px;padding:0 28px;background:#00A0E9;color:#fff;border:none;border-radius:4px;font-size:15px;cursor:pointer;transition:background .2s;flex-shrink:0}.search-row .s-btn:hover{background:#3a7ab5}.search-row .map-btn{height:44px;padding:0 18px;background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s;flex-shrink:0;display:flex;align-items:center;gap:4px}.search-row .map-btn:hover{background:rgba(255,255,255,.25)}.search-links{display:flex;gap:20px;margin-top:12px;font-size:13px;color:rgba(255,255,255,.75);flex-wrap:wrap;align-items:center}.search-links .lk-label{color:rgba(255,255,255,.5);flex-shrink:0}.search-links .lk-group{display:flex;gap:10px;flex-wrap:wrap}.search-links .lk-group a{color:rgba(255,255,255,.75);transition:color .2s;white-space:nowrap}.search-links .lk-group a:hover{color:#fff}.hero-search.no-banner{position:relative;bottom:auto;left:auto;transform:none;max-width:1200px;margin:20px auto 0;padding:0 20px;z-index:auto}.recom-loupan .scroll-wrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;overflow:visible;padding:0 20px}.recom-loupan .lp-card{width:100%}.hot-office .cont-title{max-width:1200px;margin:0 auto;padding:20px 20px 10px}.hot-tag{max-width:1200px;margin:0 auto;padding:0 20px 10px}.office-list{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:0 20px}.office-list li{border:1px solid #f0f0f0;border-radius:8px;margin-bottom:12px;padding:15px}.office-list li a{flex-direction:column}.office-list .office-card-inner{display:flex;flex-direction:column;height:100%}.office-list .thumb-link{display:block;width:100%}.office-list .thumb{width:100%;height:180px;border-radius:8px;margin-bottom:10px}.news-box .cont-title{max-width:1200px;margin:0 auto;padding:20px 20px 10px}.news-list{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:0 20px}.news-list li{border:1px solid #f0f0f0;border-radius:8px;padding:12px}.news-list li a{flex-direction:column-reverse}.news-list .thumb{width:100%;height:140px;margin-bottom:8px}}@media (min-width:1024px){.desktop-nav a{padding:10px 18px;font-size:15px}.recom-loupan .scroll-wrap,.hot-office .cont-title,.hot-tag,.office-list,.news-box .cont-title,.news-list{max-width:1200px}}.search-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:2000;flex-direction:column}.search-overlay.show{display:flex}.search-overlay .search-header{display:flex;align-items:center;padding:12px;background:#f5f5f5;border-bottom:1px solid #e0e0e0;gap:8px}.search-overlay .search-header input{flex:1;height:36px;border:1px solid #e0e0e0;border-radius:18px;padding:0 15px;font-size:14px}.search-overlay .search-header .search-go-btn{height:36px;padding:0 16px;border:none;border-radius:18px;background:linear-gradient(135deg,#00A0E9,#7FCFF0);color:#fff;font-size:14px;cursor:pointer;flex-shrink:0;white-space:nowrap;transition:opacity .2s}.search-overlay .search-header .search-go-btn:active{opacity:.8}.search-overlay .search-header .cancel-btn{padding:0 8px;color:#FF6B35;font-size:14px;flex-shrink:0}.search-overlay .search-tabs{display:flex;border-bottom:1px solid #e0e0e0}.search-overlay .search-tabs a{flex:1;text-align:center;padding:10px;font-size:13px;color:#666;position:relative}.search-overlay .search-tabs a.active{color:#FF6B35}.search-overlay .search-tabs a.active::after{content:"";position:absolute;bottom:0;left:30%;right:30%;height:2px;background:#00A0E9}.search-overlay .search-results{flex:1;overflow-y:auto;padding:10px}.search-overlay .search-results .result-item{padding:10px;border-bottom:1px solid #f5f5f5}.search-overlay .search-results .result-item a{display:flex;justify-content:space-between;align-items:center}.search-overlay .search-results .result-item .name{font-size:14px;color:#333}.search-overlay .search-results .result-item .num{font-size:12px;color:#999}.back-to-top{position:fixed;bottom:80px;right:15px;width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.12);display:none;align-items:center;justify-content:center;z-index:998;cursor:pointer;transition:all .2s}.back-to-top.show{display:flex}.back-to-top svg{width:18px;height:18px;fill:#666}.footer-year{display:inline}.geo-text{position:absolute!important;left:-9999px!important;top:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.site-footer{background:#1a1f2e;color:#aaa;font-size:13px;margin-top:40px;position:relative}.footer-tabs{display:flex;background:#22252e;border-bottom:2px solid #00A0E9;padding:0 20px}.footer-tab{padding:12px 28px;color:#aaa;text-decoration:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s;font-size:14px}.footer-tab:hover{color:#fff}.footer-tab.active{color:#fff;border-bottom-color:#FF6B35;font-weight:600}.footer-panel{background:#1a1f2e;padding:15px 20px;min-height:80px}.footer-panel-inner{display:flex;flex-wrap:wrap;gap:0;max-width:1200px;margin:0 auto}.footer-panel-inner a{display:inline-block;padding:6px 14px;color:#aaa;font-size:13px;text-decoration:none;transition:color .2s;white-space:nowrap}.footer-panel-inner a:hover{color:#FF6B35}.footer-contact-bar{background:#1a1f2e;border-top:1px solid #2a2f3e;padding:20px}.footer-contact-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.footer-contact-info{flex:1}.footer-phone{display:flex;align-items:center;gap:8px;color:#FF6B35;font-size:18px;margin-bottom:8px}.footer-phone strong{font-size:20px}.footer-email{display:flex;align-items:center;gap:6px;color:#aaa;font-size:13px;margin-bottom:8px}.footer-email a{color:#aaa;text-decoration:none}.footer-email a:hover{color:#00A0E9}.footer-hours{color:#777;font-size:12px;line-height:1.8;margin-bottom:12px}.footer-quick-btns{display:flex;gap:10px;flex-wrap:wrap}.footer-quick-btn{display:inline-block;padding:6px 16px;background:#2a2f3e;color:#ccc;font-size:13px;border-radius:20px;text-decoration:none;transition:background .2s,color .2s}.footer-quick-btn:hover{background:#00A0E9;color:#fff}.footer-wechat{flex-shrink:0}.wechat-qr{text-align:center;color:#777;font-size:12px}.wechat-qr svg{display:block;margin:0 auto 6px;border-radius:8px}.footer-legal-links{background:#161a27;border-top:1px solid #2a2f3e;padding:12px 20px;text-align:center}.footer-legal-inner{max-width:1200px;margin:0 auto}.footer-legal-inner a{color:#888;font-size:13px;text-decoration:none;transition:color .2s}.footer-legal-inner a:hover{color:#00A0E9}.footer-sep{color:#444;margin:0 8px}.footer-copyright{background:#12151f;border-top:1px solid #2a2f3e;padding:15px 20px;text-align:center}.footer-copyright-inner{max-width:1200px;margin:0 auto}.footer-copyright p{color:#666;font-size:12px;line-height:2;margin:0}.footer-copyright a{color:#666;text-decoration:none}.footer-copyright a:hover{color:#00A0E9}.side-toolbar{position:fixed;right:20px;bottom:100px;z-index:999;display:flex;flex-direction:column;gap:2px}.side-tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px;height:50px;background:#2a2f3e;color:#aaa;text-decoration:none;font-size:10px;border-radius:4px;transition:background .2s,color .2s;gap:2px}.side-tool-btn:hover{background:#00A0E9;color:#fff}.side-tool-btn svg{flex-shrink:0}#sideBackTop{display:none}.side-toolbar.show-top #sideBackTop{display:flex}@media(max-width:767px){.footer-tabs{padding:0 10px}.footer-tab{padding:10px 16px;font-size:13px}.footer-panel{padding:12px 10px}.footer-panel-inner a{padding:5px 10px;font-size:12px}.footer-contact-inner{flex-direction:column;gap:15px}.footer-wechat{display:none}.footer-quick-btns{gap:8px}.footer-quick-btn{padding:5px 12px;font-size:12px}.footer-legal-inner a{font-size:12px}.footer-sep{margin:0 4px}.side-toolbar{right:10px;bottom:80px}.side-tool-btn{width:44px;height:44px;font-size:9px}.side-tool-btn svg{width:16px;height:16px}}@media(max-width:480px){.footer-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.footer-tab{flex-shrink:0}.footer-panel-inner a{padding:4px 8px;font-size:11px}.footer-phone{font-size:15px}.footer-phone strong{font-size:17px}.footer-legal-links{padding:10px 10px}.footer-legal-inner a{font-size:11px}.footer-sep{margin:0 3px}}