/* ===== 微信授权 ===== */ .wxbox{background:var(--green-l);border:1px solid #cfe6da;border-radius:8px;padding:12px 13px;margin-bottom:12px} .wxhead{display:flex;align-items:center;gap:11px} .wxav{width:38px;height:38px;border-radius:50%;background:#d8e8df;object-fit:cover;flex:none; display:flex;align-items:center;justify-content:center;color:var(--green);font-size:17px;font-weight:600} .wxname{font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.4} .wxsub{font-size:11.5px;color:var(--green);margin-top:1px} .wxbtn{width:100%;background:#07C160;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px} .wxbtn:active{background:#06AD56} .wxnote{font-size:11.5px;color:var(--ink3);text-align:center;margin-top:8px;line-height:1.6} .qrbox{background:#fff;border:1px solid var(--line);border-radius:9px;padding:14px 13px;margin-bottom:12px;text-align:center} .qrhead{font-size:12.5px;color:var(--ink2);margin-bottom:10px;font-weight:500} .qrimg{width:148px;height:148px;border-radius:6px;border:1px solid #eeeae3;display:block;margin:0 auto} .qrwx{font-size:12.5px;color:var(--ink2);margin:9px 0 7px} .qrwx b{color:var(--red-d);font-size:14px;letter-spacing:.3px} .qrnote{font-size:11px;color:var(--ink3);margin-top:8px;line-height:1.5} @media(max-width:400px){.qrimg{width:132px;height:132px}} /* ===== 模块选择页 ===== */ /* ===== 获客版首屏 ===== */ .hero{background:linear-gradient(150deg,#a8332c 0%,#7d2520 100%);color:#fff;padding:24px 18px 22px} .hero h1{margin:0 0 10px;font-size:22px;font-weight:700;letter-spacing:.4px;line-height:1.45} .hero .sub{font-size:13.5px;opacity:.92;line-height:1.75;margin:0} .hero .hl{background:rgba(255,255,255,.18);padding:1px 5px;border-radius:3px;font-weight:600} .hero .tag2{display:inline-block;margin-top:13px;padding:4px 11px;background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.3);border-radius:14px;font-size:11.5px;letter-spacing:.3px} .hero .nums{display:flex;gap:14px;margin-top:16px;padding-top:15px;border-top:1px solid rgba(255,255,255,.2)} .hero .nums div{flex:1;text-align:center} .hero .nums b{display:block;font-size:17px;font-weight:700;line-height:1.3} .hero .nums span{font-size:10.5px;opacity:.85} /* ===== 账本 ===== */ .ledger{background:linear-gradient(135deg,#1f7a4d,#155e3b);color:#fff;border-radius:10px; padding:16px 17px;margin-bottom:13px} .ledger .lt{font-size:12.5px;opacity:.92;margin-bottom:8px;display:flex;align-items:center;gap:6px} .ledger .lv{font-size:32px;font-weight:700;line-height:1.2;letter-spacing:-.5px} .ledger .lv small{font-size:14px;font-weight:600;margin-left:3px} .ledger .ld{font-size:11.5px;opacity:.88;margin-top:7px;line-height:1.6} .ledger .ll{margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.22);font-size:12px; line-height:1.85;opacity:.96} .ledger .ll b{font-weight:600} .ledger.warn{background:linear-gradient(135deg,#8a6d1f,#6b5518)} .ledger.flat{background:linear-gradient(135deg,#5a6472,#454e5a)} /* ===== 入口卡片强化 ===== */ .pcard.hl2{position:relative;border-color:var(--red);background:linear-gradient(160deg,#fff,#fdf3f1)} .pcard.hl2 .badge2{position:absolute;top:-7px;right:9px;background:var(--red);color:#fff; font-size:10px;padding:2px 7px;border-radius:9px;letter-spacing:.3px} /* ===== 留资区强化 ===== */ .lead.locked{position:relative} .gate{background:var(--bg);border:1px dashed #d5cfc5;border-radius:8px;padding:15px;margin-top:12px} .gate .gt{font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:5px} .gate .gd{font-size:12px;color:var(--ink3);line-height:1.65;margin-bottom:11px} .gate .gl{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px} .gate .gl span{font-size:11.5px;color:var(--ink2);background:#fff;border:1px solid var(--line); border-radius:4px;padding:5px 9px} .gate .gl span b{color:var(--red-d)} .ph2{font-size:12.5px;color:var(--ink3);margin-top:2px} /* ===== 双路径留资 ===== */ .pathbox{background:#fff;border:1px solid var(--line);border-radius:9px;padding:14px;margin-top:12px} .pathbox.alt{background:var(--bg);border-style:dashed} .pathhead{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px} .pathno{width:21px;height:21px;line-height:21px;text-align:center;border-radius:50%; background:var(--red);color:#fff;font-size:12px;font-weight:600;flex:none;margin-top:1px} .pathbox.alt .pathno{background:var(--ink3)} .pathtitle{font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.5} .pathdesc{font-size:11.5px;color:var(--ink3);line-height:1.5;margin-top:1px} .pathrec{display:inline-block;background:var(--red-l);color:var(--red-d);font-size:10.5px; padding:1px 6px;border-radius:3px;margin-left:5px;vertical-align:1px;font-weight:500} .qrcopy{width:100%;background:var(--red);color:#fff;border:none;font-size:14px;font-weight:600; padding:11px;border-radius:7px;cursor:pointer;font-family:inherit;margin-top:4px} .qrcopy:active{background:var(--red-d)} .picker{padding:20px 16px 8px} .ph{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:4px} .pgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 6px} @media(max-width:400px){.pgrid{grid-template-columns:1fr}} .pcard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 12px; text-align:left;cursor:pointer;font-family:inherit;transition:.18s;display:block;position:relative} .pcard:hover{border-color:var(--red);transform:translateY(-2px);box-shadow:0 4px 12px rgba(168,51,44,.09)} .pcard:active{transform:translateY(0)} .pi{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px; border-radius:8px;background:var(--red);color:#fff;font-size:14px;font-weight:600;margin-bottom:9px} .pt{display:block;font-size:15px;font-weight:600;color:var(--ink);margin-bottom:3px} .pd{display:block;font-size:12px;color:var(--ink3);line-height:1.55} .pbottom{padding:12px 2px 0} .ptip{font-size:12.5px;color:var(--ink3);background:var(--bg);padding:11px 13px;border-radius:7px;line-height:1.6} .ptip b{color:var(--red-d)} /* ===== 模块工作区 ===== */ .wtop{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff; border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20} .back{border:1px solid #ddd8d0;background:#fff;border-radius:6px;padding:6px 11px;font-size:13px; cursor:pointer;font-family:inherit;color:var(--ink2)} .back:hover{border-color:var(--red);color:var(--red)} .wname{font-size:16px;font-weight:600;color:var(--ink)} .wbody{padding:18px 16px 10px} .wdesc{font-size:13px;color:var(--ink3);margin-bottom:16px;line-height:1.6} .winput{background:#fff;border:1px solid var(--line);border-radius:9px;padding:16px 15px 4px} .calcbtn{width:100%;margin:14px 0 0} .wresult{margin-top:16px} .rhead{font-size:12px;color:var(--ink3);font-weight:600;letter-spacing:.3px;margin:0 0 8px;padding:0 16px} .recs{margin:0 16px}

苏州园区买房
到底要花多少钱？

契税、公积金额度、政府补贴、换房退税、贷款贴息
填 3 个数，算清你实际要掏多少、能拿回多少

8个模块任选
30秒出结果
0元免费测算
政策口径截至 2026-10-28 · 苏州工业园区专版
先选你要算什么
每个模块只要几项，填完立刻出结果，不用填一整套
不确定？先点「买房税费」，它只需要总价和面积。