/**
 * TimeMachine AI Generated Style
 * Domain: lpwww.com
 * Generated: 2026-01-16 18:15:40
 */



:root{
  --primary:#2E5CFF;
  --primary-600:#1F49FF;
  --primary-700:#173BFF;
  --primary-100:#EEF3FF;
  --accent-cyan:linear-gradient(135deg,#22D3EE 0%,#60A5FA 100%);
  --accent-purple:linear-gradient(135deg,#A78BFA 0%,#60A5FA 100%);
  --accent-orange:linear-gradient(135deg,#FDBA74 0%,#FB7185 100%);
  --bg:#f8fafc;
  --bg-2:#ffffff;
  --text:#111827;
  --muted:#6b7280;
  --border:#e5e7eb;
  --shadow-sm:0 2px 8px rgba(16,24,40,.06);
  --shadow-md:0 8px 24px rgba(16,24,40,.12);
  --shadow-lg:0 16px 40px rgba(16,24,40,.16);
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:20px;
  --radius-xl:28px;
  --glass-bg:rgba(255,255,255,.6);
  --glass-bd:rgba(255,255,255,.5)
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  background:
    radial-gradient(1200px 600px at 80% -10%,rgba(46,92,255,.08),transparent 60%),
    radial-gradient(1000px 500px at -10% 10%,rgba(99,102,241,.08),transparent 60%),
    linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);
  color:var(--text);
  line-height:1.6
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.w1200{max-width:1200px;margin:0 auto;padding:0 16px}
.fl{float:left}
.fr{float:right}
.layui-row:after,.layui-row:before{content:"";display:table;clear:both}
.layui-form-item{margin-bottom:12px}
.layui-input,.layui-btn,.layui-form-label,.layui-input-block{font-size:14px}
.layui-input{height:40px;line-height:40px;padding:0 12px;border:1px solid var(--border);border-radius:12px;background:#fff;outline:none;transition:all .2s ease}
.layui-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(46,92,255,.12)}
.layui-btn{display:inline-block;height:40px;line-height:40px;padding:0 16px;border:0;border-radius:12px;background:var(--primary);color:#fff;cursor:pointer;transition:all .2s ease}
.layui-btn:hover{background:var(--primary-600)}
.layui-btn:active{transform:translateY(1px)}
.layui-btn-fluid{width:100%}
.layui-form-label{float:left;width:80px;padding:0 8px;line-height:40px;color:var(--muted);text-align:right}
.layui-input-block{margin-left:100px;position:relative}
.sub{display:none}
.psrve{position:relative}
.aftergg:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.ah a:hover{color:var(--primary)}
.mr4{margin-right:4px}

/* Header / Top */
.top-container{
  position:sticky;top:0;z-index:50;
  background:#fff;
  border-bottom:1px solid var(--border);
  box-shadow:var(--shadow-sm)
}
.top-container .w1200{display:flex;align-items:center;justify-content:space-between;height:52px}
.top-container a,.top-container span{color:#374151;transition:color .2s ease}
.top-container a:hover{color:var(--primary)}
.iconfont{font-style:normal;font-weight:400;display:inline-block;vertical-align:middle}
.iconfont[class*="icon-"]:before{display:inline-block}
.bscolor{color:#374151}
.bscolor-ac{color:var(--primary)}
.icon-dianhua{color:#22d3ee}
.homeicon{color:#a78bfa}

/* Logo + Search */
.logo-container{padding:18px 0}
.logo-container .w1200{display:flex;align-items:center;gap:20px}
.logo img{height:56px}
.search-container{flex:1;display:flex;flex-direction:column;gap:10px}
.search-tab{display:flex;gap:8px}
.search-tab a{
  display:inline-block;padding:6px 14px;border-radius:999px;
  background:#eef2ff;color:#4f46e5;font-weight:600;font-size:13px;transition:all .2s ease
}
.search-tab a:hover{background:#e0e7ff}
.search-tab a.active{background:var(--primary);color:#fff}
.search-container form{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:999px;padding:8px;box-shadow:var(--shadow-sm)}
.search-container input[type="text"]{flex:1;border:0;background:transparent;outline:none;padding:10px 12px;font-size:15px}
.search-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 16px;border-radius:999px;background:var(--primary);color:#fff;font-weight:600;
  transition:all .2s ease
}
.search-btn:hover{background:var(--primary-600)}
.search-icon{font-size:16px}
.new-seller-btn{
  margin-left:10px;
  padding:12px 16px;border-radius:12px;background:linear-gradient(135deg,#22d3ee 0%,#60a5fa 100%);
  color:#fff;font-weight:600;transition:all .2s ease;box-shadow:var(--shadow-sm)
}
.new-seller-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}

/* Menu */
.menu-container{
  position:sticky;top:52px;z-index:45;
  background:rgba(255,255,255,.55);
  backdrop-filter:saturate(180%) blur(16px);
  border-top:1px solid rgba(255,255,255,.6);
  border-bottom:1px solid rgba(255,255,255,.8)
}
.menu-container .w1200{display:flex}
.menu-wrap{display:flex;width:100%}
.menu-wrap li{position:relative}
.menu-wrap a{
  display:block;padding:14px 18px;color:#374151;font-weight:600;border-radius:10px;transition:all .2s ease
}
.menu-wrap a:hover{background:rgba(46,92,255,.08);color:var(--primary)}
.menu-wrap li.activebg a{background:var(--primary);color:#fff}

/* Banner / Hero */
.banner-container{position:relative}
.pc-banner{position:relative;height:380px;border-radius:var(--radius-lg);overflow:hidden;margin:18px auto;box-shadow:var(--shadow-md)}
.pc-banner:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.0) 20%,rgba(0,0,0,.35) 100%);
  z-index:2;pointer-events:none
}
.swiper-container{height:100%}
.swiper-wrapper,.swiper-slide{height:100%}
.swiper-slide img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.02)}
.layer-mask{position:absolute;inset:0;background:linear-gradient(120deg,rgba(46,92,255,.25),rgba(56,189,248,.2))}
.swiper-pagination-bullet{width:10px;height:10px;background:rgba(255,255,255,.8)}
.swiper-pagination-bullet-active{background:#fff}
.swiper-button-prev,.swiper-button-next{
  width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.9);color:#111827;display:flex;align-items:center;justify-content:center;
  box-shadow:var(--shadow-sm)
}
.swiper-button-prev:after,.swiper-button-next:after{font-size:16px}

/* My buy house + form */
.mybuyhouse-container{padding:10px 0 30px}
.mybuyhouse-wrap{width:calc(100% - 360px);padding-right:20px}
.free-visit-wrap{width:360px}
.pt20{padding-top:20px}
.pt10{padding-top:10px}
.pt30{padding-top:30px}
.pb30{padding-bottom:30px}
.mybuyhouse-wrap h2,.free-visit-wrap h2{font-size:20px;margin:0 0 10px 0;display:flex;align-items:center;gap:8px}
.icon-xiangyou1{color:var(--primary)}
.mybuyhouse-content{background:#fff;border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}
.mybuyhouse-header{font-weight:700;color:#111827;margin-bottom:8px}
.li-main{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}
.house-models li a{
  display:inline-block;padding:8px 12px;border-radius:999px;background:#f1f5f9;color:#334155;
  transition:all .2s ease
}
.house-models li a:hover{background:var(--primary);color:#fff}
.areaunit{color:var(--muted);margin-left:8px}
.free-visit-wrap form{background:#fff;border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}
.layui-form-label .iconfont{font-size:16px;margin-right:6px}
.ycwrap{display:flex;align-items:center;gap:10px}
.rcode img,.ycode img{height:40px;border-radius:8px;border:1px solid var(--border);cursor:pointer}

/* Areas / listings */
.areas{padding:8px 0 40px}
.areas .w1200{padding:0}
.areas-item{background:#fff;border-radius:var(--radius-lg);padding:18px;margin:18px auto;box-shadow:var(--shadow-sm)}
.areas-item h2{font-size:20px;margin:0 0 14px 0;display:flex;align-items:center;gap:8px}
.areas-item .more a{color:var(--primary)}
.areas-item-body{display:flex;gap:16px}
.house-itemad{width:232px;flex:0 0 232px}
.house-itemad img{width:232px;height:240px;border-radius:var(--radius-md);object-fit:cover;box-shadow:var(--shadow-sm)}
.house-item-container{flex:1;min-width:0}
.house-item-title-t{display:flex;gap:8px;margin-bottom:10px}
.house-item-title-t span{
  padding:8px 14px;border-radius:999px;background:#f1f5f9;color:#334155;font-weight:600;cursor:pointer;transition:all .2s ease
}
.house-item-title-t span.active{background:var(--primary);color:#fff}
.house-item-content{position:relative}
.house-ili{display:none}
.house-ili.active{display:block}
.house-item{
  width:calc(25% - 12px);margin:8px 12px 8px 0;background:#fff;border-radius:var(--radius-lg);overflow:hidden;
  border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease
}
.house-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.area-houseimg{position:relative;border-radius:var(--radius-lg);overflow:hidden}
.area-houseimg img{width:100%;height:155px;object-fit:cover;display:block}
.tag{
  position:absolute;top:10px;left:10px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;
  background:var(--accent-purple);box-shadow:var(--shadow-sm)
}
.groom{background:var(--accent-orange)}
.house-item-body{padding:12px}
.area-housetitle a{font-weight:700;color:#111827}
.area-housetitle a:hover{color:var(--primary)}
.area-housepir{color:#ef4444;font-weight:700;margin:6px 0}
.area-house-adr{color:var(--muted);font-size:13px}
.area-house-phone{margin-top:8px;font-size:13px;color:#334155}

/* Ad areas */
.ad-areas{margin:0 auto 18px}
.ad-item{position:relative;display:block}
.ad-item img{width:1200px;max-width:100%;height:60px;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}
.adit-href{position:absolute;inset:0}

/* Info column */
.colWrap2{display:flex;gap:16px;margin:18px auto;background:#fff;border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}
.hotwr img.hot{width:160px;height:90px;border-radius:12px;object-fit:cover;margin-right:12px}
.con1{flex:1}
.con1 a{font-weight:700;color:#111827}
.con1 a:hover{color:var(--primary)}
.con2{flex:1}
.con2 ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.con2 li{display:flex;gap:8px;align-items:flex-start}
.con2 li b{display:inline-block;width:6px;height:6px;margin-top:8px;background:var(--primary);border-radius:50%}
.con2 a{color:#334155}
.con2 a:hover{color:var(--primary)}
.cb0{clear:both}

/* Info list */
.info-item-container{flex:1;min-width:0}
.info-ili{display:flex;gap:16px}
.info-item{width:50%}
.info-b{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.info-lia{display:flex;gap:8px;align-items:flex-start}
.info-lia .icon-dot1{color:var(--primary);margin-top:6px}
.info-lia a{color:#334155}
.info-lia a:hover{color:var(--primary)}
#itemads{width:300px;height:200px;border-radius:var(--radius-md);overflow:hidden;margin-right:12px;box-shadow:var(--shadow-sm)}
#itemads img{width:100%;height:100%;object-fit:cover}

/* Topic carousel */
.ts_c{margin-top:6px;background:#fff;border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}
.item-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.item{background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;box-shadow:var(--shadow-sm)}
.item .title{font-weight:800;font-size:16px}
.item .sub_title{color:var(--muted);font-size:12px;margin-bottom:10px}
.item .img{border-radius:var(--radius-md);overflow:hidden}
.item .img img{width:100%;height:120px;object-fit:cover}
.item .name{margin-top:8px;font-weight:700}
.item .name a{color:#111827}
.item .name a:hover{color:var(--primary)}
.item .btn a{display:inline-block;margin-top:10px;padding:8px 12px;border-radius:999px;background:var(--primary);color:#fff}
.layui-carousel-ind{position:static;margin-top:8px}
.layui-carousel-ind ul{display:flex;justify-content:center;gap:6px}
.layui-carousel-ind li{width:8px;height:8px;border-radius:50%;background:#d1d5db}
.layui-carousel-ind li.layui-this{background:var(--primary)}

/* Friends links */
.friends-container{background:#fff;border-radius:var(--radius-lg);padding:16px;margin:18px auto;box-shadow:var(--shadow-sm)}
.frienlink{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.frienlink h3{margin:0;font-size:18px}
.contacttel{color:var(--muted)}
.tab-hover-container{display:flex;gap:16px}
.tab-head{flex:0 0 180px}
.tab-head-item{padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .2s ease}
.tab-head-item.active{background:var(--primary);color:#fff}
.tab-body{flex:1;min-width:0}
.tab-body-item{display:none}
.tab-body-item.active{display:block}
.tab-body-item ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.tab-body-item li a{display:block;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:#fff;color:#374151;transition:all .2s ease}
.tab-body-item li a:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-sm)}

/* Right bar */
.home-right-bar{
  position:fixed;right:20px;bottom:20px;z-index:40;display:flex;flex-direction:column;