*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;background:#fff}
body{color:#222;font-family:"PingFang SC",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei",STHeiTi,sans-serif}
a{text-decoration:none}
a:focus,a:active,button:focus,button:active{outline:none}
.pull-refresh{position:fixed;z-index:120;top:0;left:50%;display:flex;width:260px;height:74px;align-items:center;justify-content:center;transform:translate(-50%,var(--pull-offset,0px));opacity:0;color:#8a939d;font-size:22px;pointer-events:none;transition:transform .12s ease,opacity .12s}.pull-refresh.is-visible{opacity:1}.pull-refresh-spinner{display:none;position:relative;width:27px;height:27px;margin-right:10px;animation:pull-refresh-spin .8s steps(12) infinite}.pull-refresh-spinner i{position:absolute;inset:0;transform:rotate(calc(var(--pull-spoke) * 30deg));opacity:calc(1 - var(--pull-spoke) * .057)}.pull-refresh-spinner i:before{display:block;width:3px;height:27%;margin:0 auto;background:currentColor;border-radius:5px;content:""}.pull-refresh-spinner i:nth-child(1){--pull-spoke:1}.pull-refresh-spinner i:nth-child(2){--pull-spoke:2}.pull-refresh-spinner i:nth-child(3){--pull-spoke:3}.pull-refresh-spinner i:nth-child(4){--pull-spoke:4}.pull-refresh-spinner i:nth-child(5){--pull-spoke:5}.pull-refresh-spinner i:nth-child(6){--pull-spoke:6}.pull-refresh-spinner i:nth-child(7){--pull-spoke:7}.pull-refresh-spinner i:nth-child(8){--pull-spoke:8}.pull-refresh-spinner i:nth-child(9){--pull-spoke:9}.pull-refresh-spinner i:nth-child(10){--pull-spoke:10}.pull-refresh-spinner i:nth-child(11){--pull-spoke:11}.pull-refresh-spinner i:nth-child(12){--pull-spoke:12}.pull-refresh.is-refreshing .pull-refresh-spinner{display:inline-block}@keyframes pull-refresh-spin{to{transform:rotate(360deg)}}
.wap-page{position:relative;width:750px;margin:0 auto;padding-bottom:100px;background:#fff}.pull-refresh-track{position:relative;transform:translate3d(0,var(--pull-track-offset,0px),0);transition:transform .2s ease-out;will-change:transform}.pull-refresh-track.is-pulling{transition:none}

.wap-search{height:116px;padding:20px 28px;background:#f87d09}
.wap-search form{position:relative;display:flex;width:694px;height:76px;border-radius:38px;background:#fff;overflow:hidden}
.search-field{display:flex;align-items:center;flex:1;min-width:0;padding-left:35px}
.search-field span{width:40px;color:#aaa;font:46px/1 Arial;transform:rotate(-20deg)}
.search-field input{width:100%;height:76px;padding:0 14px;border:0;outline:0;color:#333;background:transparent;font-family:inherit;font-size:30px;line-height:76px}
.search-field input::placeholder{color:#d5d5d5}
.wap-search button{width:130px;height:68px;margin:4px;border:0;border-radius:34px;background:#f87d09;color:#fff;font-family:inherit;font-size:32px;line-height:68px;cursor:pointer}

.estate-banner{width:694px;height:292px;margin:20px 28px 20px;overflow:hidden}
.estate-banner img{display:block;width:694px;height:292px;object-fit:cover}
.estate-carousel{position:relative;width:694px;height:292px;overflow:hidden}
.estate-carousel-track{display:flex;width:100%;height:292px;transition:transform .35s ease}
.estate-slide{position:relative;display:block;flex:0 0 694px;width:694px;height:292px}
.estate-slide img{width:674px;height:292px;margin:0 10px;object-fit:cover}
.estate-slide small{position:absolute;left:18px;top:16px;padding:3px 8px;border-radius:4px;background:rgba(0,0,0,.45);color:#fff;font-size:16px;line-height:20px}
.estate-dots{position:absolute;right:18px;bottom:16px;display:flex;gap:8px}
.estate-dots i{display:block;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.48)}
.estate-dots i.active{width:22px;border-radius:8px;background:#fff}

.property-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);width:694px;height:146px;margin:30px 28px 20px;align-items:flex-start;background:#fff}
.property-shortcuts a{display:flex;width:100%;align-items:center;flex-direction:column;color:#222;font-size:26px;line-height:34px}
.property-shortcuts img{display:block;width:88px;height:88px;margin-bottom:13px;object-fit:contain}

.mobile-filters{position:relative;z-index:30;width:750px;height:86px;background:#fff}
.mobile-filterbar{position:relative;z-index:33;display:grid;grid-template-columns:repeat(3,1fr);height:86px;background:#fff}.mobile-filterbar:after{position:absolute;right:0;bottom:0;left:0;display:block;border-top:1px solid #e5e5e5;content:"";transform:scaleY(.5);transform-origin:0 100%}
.mobile-filter-toggle{height:86px;border:0;background:#fff;color:#26384c;font-family:inherit;font-size:32px;line-height:86px;cursor:pointer}
.mobile-filter-toggle i{display:inline-block;width:14px;height:14px;margin:0 0 6px 12px;border-right:3px solid #77808a;border-bottom:3px solid #77808a;transform:rotate(45deg)}
.mobile-filter-toggle.active{color:#222;font-weight:700}.mobile-filter-toggle.active i{margin-bottom:0;transform:rotate(225deg)}
.mobile-filter-mask{position:absolute;z-index:31;top:86px;left:0;width:750px;height:calc(100vh + 3000px);background:rgba(0,0,0,.58);visibility:hidden;opacity:0;transition:opacity .15s}
.mobile-filters.open .mobile-filter-mask{visibility:visible;opacity:1}
.mobile-filter-panel{position:absolute;z-index:32;top:86px;left:0;display:none;width:750px;background:#fff}.mobile-filter-panel.open{display:block}
.mobile-filter-simple{padding:0 28px 10px}.mobile-filter-simple a{display:block;height:90px;color:#666;font-size:29px;line-height:90px}.mobile-filter-simple a.active{color:#222;font-weight:700}
.mobile-filter-more{height:590px}.more-scroll{height:490px;padding:24px 28px 120px;overflow:auto}.mobile-filter-more fieldset{margin:0 0 27px;padding:0;border:0}.mobile-filter-more legend{padding:0 20px 17px;color:#222;font-size:32px;font-weight:700}.mobile-filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 32px}.mobile-filter-grid label{display:block;height:60px;min-width:0}.mobile-filter-grid input{position:absolute;opacity:0;pointer-events:none}.mobile-filter-grid span{display:block;border-radius:6px;background:#f6f6f6;color:#666;font-size:26px;line-height:60px;text-align:center;white-space:nowrap}.mobile-filter-grid input:checked+span{background:#e7effb;color:#222;font-weight:700}.mobile-filter-actions{position:absolute;bottom:0;left:0;display:flex;width:750px;height:100px;padding:14px 100px 10px;background:#fff;box-shadow:0 -4px 18px rgba(0,0,0,.04)}.mobile-filter-actions a,.mobile-filter-actions button{flex:1;height:72px;border:0;font-family:inherit;font-size:31px;line-height:72px;text-align:center}.mobile-filter-actions a{border-radius:36px 0 0 36px;background:#f6f6f6;color:#666}.mobile-filter-actions button{border-radius:0 36px 36px 0;background:#f1872e;color:#fff;cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

.house-list{display:flow-root;padding:0 0 30px;background:transparent}
.house-card{position:relative;z-index:2;display:flex;width:694px;height:275px;margin:30px 28px 0;padding:35px 24px;border-radius:15px;background:#fff;box-shadow:rgb(242,242,242) 0 0 36px 0;cursor:pointer}
.house-card:active{background:#fff}
.house-card.is-top:before{content:"";position:absolute;z-index:0;left:0;top:0;width:694px;height:80px;border-radius:15px;background:linear-gradient(rgb(250,224,222),rgba(253,243,242,0))}
.house-card>*{z-index:1}
.top-ribbon{position:absolute;z-index:3;left:-10px;top:14px;width:73px;height:50px;border-radius:5px 5px 4px 0;background:linear-gradient(135deg,#ff7157,#ff4d36);color:#fff;text-align:center;font-size:22px;line-height:50px;box-shadow:none}
.top-ribbon:after{content:"";position:absolute;left:0;bottom:-10px;border-top:10px solid #d93627;border-left:10px solid transparent}
.house-image{position:relative;flex:0 0 210px;width:210px;height:162px;overflow:hidden;border-radius:4px;background:#ededea;color:#fff}
.house-image img{display:block;width:210px;height:162px;object-fit:cover}
.house-image>span{display:flex;width:210px;height:162px;align-items:center;justify-content:center;color:#eee;font-size:22px}
.video-play{position:absolute;left:50%;top:50%;width:66px;height:66px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.92);border-radius:50%;background:rgba(0,0,0,.2)}
.video-play:after{content:"";position:absolute;left:25px;top:18px;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:21px solid #fff}
.house-info{position:relative;flex:0 0 404px;width:404px;height:205px;margin-left:32px}
.house-title{display:-webkit-box;height:75px;overflow:hidden;color:#111;font-size:32px;font-weight:700;line-height:40px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.house-source{height:36px;margin:8px 0 0;color:#f87d09;font-size:22px;line-height:36px}
.house-source span{margin-left:8px;padding:2px 7px;border-radius:3px;background:#f8d7ba;color:#654727;font-size:18px}
.house-source .source-badge{box-sizing:border-box;border:1px solid #ff7c9e;background:#fff;color:#ed3c6a;line-height:30px}
.house-location{display:flex;align-items:center;height:30px;margin:0;overflow:hidden;color:rgb(156,160,171);font-size:22px;line-height:30px;text-overflow:ellipsis;white-space:nowrap}
.address-icon{flex:0 0 26px;width:26px;height:26px;margin-right:8px}
.house-price{height:40px;margin:8px 0 0;color:#ff482e;font-size:32px;font-weight:700;line-height:40px}
.house-price small{font-size:20px;font-weight:400}
.house-info time{position:absolute;right:0;bottom:9px;color:#aaa;font-size:22px;line-height:22px}
.wap-empty{width:694px;padding:80px 0;color:#999;text-align:center;font-size:24px}
.auto-load{display:flex;width:694px;height:66px;margin:0 28px 30px;align-items:center;justify-content:center;color:#aaa;font-size:20px;line-height:66px}
.auto-load span:before{content:"";display:inline-block;width:16px;height:16px;margin-right:9px;border:2px solid #ddd;border-top-color:#999;border-radius:50%;vertical-align:-2px;animation:wap-loading .8s linear infinite}
.auto-load button{border:0;background:transparent;color:#999;font:inherit;cursor:pointer}
@keyframes wap-loading{to{transform:rotate(360deg)}}

.bottom-nav{position:fixed;left:50%;bottom:0;z-index:80;display:flex;width:750px;height:100px;transform:translateX(-50%);background:#fff}
.footer-tab{position:relative;display:flex;width:250px;height:100px;align-items:center;flex-direction:column;color:#999;font-size:20px;line-height:20px}
.footer-tab:active{background:#fff}
.footer-tab>img{display:block;width:40px;height:40px;margin-top:15px;object-fit:contain}
.footer-tab>span{display:block;margin-top:10px}
.footer-publish>img{position:absolute;left:85px;top:-20px;width:80px;height:80px;margin:0;border-radius:50%}
.footer-publish>span{position:absolute;left:0;top:65px;width:250px;margin:0;text-align:center;color:#999}

.floating-publish{position:fixed;right:42px;bottom:125px;z-index:90;display:flex;width:92px;height:92px;align-items:center;flex-direction:column;justify-content:center;overflow:hidden;border-radius:50%;background:#0d0f10;color:#fff;box-shadow:0 3px 7px rgba(0,0,0,.28)}
.floating-publish:active{background:#0d0f10}
.floating-publish>img{display:block;width:60px;height:60px;margin-top:-7px;object-fit:contain}
.floating-publish small{display:block;margin-top:-8px;font-size:18px;line-height:18px}

@media(max-width:900px){.floating-publish{right:20px}}