:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .h-title{color:#1a1c21;margin-bottom:24px;font-size:22px;font-weight:700;line-height:1}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .h-table{box-sizing:border-box;background:#fff;border:1px solid #eee;width:100%;padding:26px 0;display:flex}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .ht-left{flex-direction:column;gap:20px;padding:0 36px;display:inline-flex}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-price,:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-rate{align-items:center;display:flex}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-price .price,:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-rate .rate{box-sizing:border-box;background:#fff;border:1px solid #e9e9e9;border-radius:4px;align-items:center;width:380px;height:40px;padding-right:20px;font-size:14px;display:flex}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-price .price input,:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-rate .rate input{border:0;outline:none;flex-grow:1;width:300px;height:100%;padding:0 20px}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-percent .text,:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-price .text,:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-rate .text,:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-time .text,:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-type .text{color:#333;width:86px;font-size:14px;line-height:44px}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-btn{text-align:center;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e9e9e9;border-radius:4px;width:380px;height:40px;margin-top:18px;margin-left:86px;line-height:42px}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-percent,:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-time,:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-type{display:inline-flex;position:relative}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-percent .exhibition,:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-time .exhibition,:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-type .exhibition{cursor:pointer;box-sizing:border-box;background:#f5f5f5;border-radius:4px;justify-content:space-between;align-items:center;width:380px;height:44px;padding:0 20px;font-size:14px;display:flex}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-percent .exhibition:after,:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-time .exhibition:after,:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-type .exhibition:after{content:"";border:4px solid #0000;border-top-color:#aaa}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-percent .list,:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-time .list{z-index:1;background-color:#f5f5f5;border-radius:0 0 4px 4px;width:380px;max-height:160px;display:none;position:absolute;top:42px;right:0;overflow:auto}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-percent .list::-webkit-scrollbar{display:none}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-time .list::-webkit-scrollbar{display:none}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-percent .list div,:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-time .list div{cursor:pointer;color:#333;height:44px;padding:0 20px;font-size:14px;line-height:44px}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-percent .list div:hover,:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htl-time .list div:hover{color:#fff;background:#606265}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .ht-right{flex-grow:1}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htr-tab{margin-bottom:20px;display:flex}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htr-tab div{color:#666;cursor:pointer;background:#fafafa;padding:0 16px;font-size:14px;line-height:34px;display:inline-block}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htr-tab .active{color:#fff;background-color:#f54343}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htr-chart .chart{align-items:center;width:300px;height:300px}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htr-chart{display:flex}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htr-chart .explain{padding-top:60px}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htr-chart .explain .title{color:#333;margin-bottom:20px;font-size:18px}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htr-chart .explain .title span{color:#f54343}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htr-chart .explain .series{flex-direction:column;display:flex}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htr-chart .explain .series .item{color:#343434;padding-left:18px;font-size:14px;line-height:40px;position:relative}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htr-chart .explain .series .item:before{content:"";border-radius:50%;width:8px;height:8px;margin-top:-4px;display:block;position:absolute;top:50%;left:0}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htr-chart .explain .series .item.pay:before{background-color:#f54343}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htr-chart .explain .series .item.loan:before{background-color:#6094ff}:where(html.pc-html) .hn-pchouse-calcbox.houseLoan .htr-chart .explain .series .item.interest:before{background-color:#fbb4b4}