CINXE.COM
【提前还房贷计算器】房贷提前还款计算器_提前还款计算器-乐居提前还房贷计算器
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>【提前还房贷计算器】房贷提前还款计算器_提前还款计算器-乐居提前还房贷计算器</title> <meta name="Keywords" content="提前还房贷计算器,房贷提前还款计算器,提前还款计算器"/> <meta name="Description" content="乐居提前还房贷计算器,提供房贷提前还款计算器2024在线计算。目前乐居推出的买房相关计算器有房贷计算器、税费计算器、住房公积金贷款计算器以及提前还款计算器,满足您购房任意环节计算所需。"/> <link rel="stylesheet" href="//res.leju.com/resources/house/pc/v1/styles/stylesCalculator.css"> <!--<link rel="stylesheet" href="//cdn.leju.com/page/calculator/styles/styles.css">--> <link rel="stylesheet" href="//imres.leju.com/resources/app/pc/im/styles/styles.css"> <script type="text/javascript" src="//res.leju.com/scripts/libs/jquery/v1/jquery.js"></script> <meta name="applicable-device" content="pc"> <meta name="mobile-agent"content="format=html5;url=https://m.leju.com/tools/"> <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.leju.com/tools/" > </head> <body> <script type="text/javascript"> (function(w){ w.pageInfo = { city: "bj", citycode:"bj", citypub: "bj", citycn: "北京", page: "", level1_page : '', level2_page : '', level3_page : '', }; })(window); </script> <!-- 统一调用页头 start --> <style charset="UTF-8"> @charset "UTF-8";/* svn相对地址 */ /* 项目下建立文本或者其他说明 本产品的产品及其对接的相关人员 */ /** * Description: Base style * Developers: zhiwen <zhiwen@leju.sina.com.cn> **/ /*RESET -------------------------------------------------------------- */ body, dl, dd, h1, h2, h3, h4, h5, h6, p, form, ul, li {margin: 0; } ul, input {padding: 0; } ol, li {margin: 0;padding: 0; } table {border-collapse: collapse;border-spacing: 0; } fieldset, img {border: 0; } address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal; } ol, ul {list-style: none; } del, ins {text-decoration: none; } caption, th {text-align: left; } h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal; } input, button, textarea, select {font-size: 100%; } q:before, q:after {content: ""; } addr, acronym {border: 0;font-variant: normal; } sub, sup {font-size: 75%;line-height: 0;position: relative; } sub {top: -0.5em; } sup {bottom: -0.25em; } /*CLEARFIX -------------------------------------------------------------- */ .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden; } .clearfix {display: inline-block; } * html .clearfix {height: 1%; } .clearfix {display: block; } /*FONT -------------------------------------------------------------- */ body {font: 12px/1.5 "Arial","\5FAE\8F6F\96C5\9ED1","\5b8b\4f53", sans-serif;color: #000;background: #fff; } a {color: #000;text-decoration: none; } a:active {color: #df1830; } .fb {font-weight: 700; } .fn {font-weight: 400; } .unl {text-decoration: underline; } .no_unl {text-decoration: none; } /*POSITION -------------------------------------------------------------- */ .tl {text-align: left; } .tc {text-align: center; } .tr {text-align: right; } .bc {margin-left: auto;margin-right: auto; } .fl {float: left;display: inline; } .fr {float: right;display: inline; } .vm {vertical-align: middle; } .vt {vertical-align: top; } .pr {position: relative; } .pa {position: absolute; } .abs-right {position: absolute;right: 0; } .abs-left {position: absolute;left: 0; } .hidden {visibility: hidden; } .none {display: none; } .z_global_nav_n .user_login .ul_app .app_ly li .code, .z_global_nav_n .user_login .ul_app .code_ly .arrow, .z_global_nav_n .user_login .logined .user_icon, .z_global_nav_n .user_login .logined .user_set_ly li a .icon, .z_global_nav_n .user_login .phone i, .z_global_nav_n .user_login .ipad i {background: url(//cdn.leju.com/page_publicSource/images/1212index_header.png) no-repeat 0 0; } .z_footer_new .bahIcon, .z_footer .bahIcon {background: url(//cdn.leju.com/page_publicSource/images/lh_bahIcon.png) no-repeat 0 0; } /* 统一调用头 */ .z_global_nav_n {height: 36px;background-color: #292c33;min-width: 1200px; } .z_global_nav_n a {text-decoration: none; } .z_global_nav_n .gn_header {margin: 0 auto;width: 1200px;font-family: "Microsoft Yahei";background-color: #292c33; } .z_global_nav_n .main_nav {float: left; } .z_global_nav_n .main_nav a {float: left;padding: 0 16px;height: 36px;line-height: 36px;font-size: 14px;color: #666e80; } .z_global_nav_n .main_nav a.cur {background-color: #f2304a;color: #ffffff; } .z_global_nav_n .main_nav a.cur:hover {color: #fff;text-decoration: underline; } .z_global_nav_n .main_nav a:hover {color: #fff; } .z_global_nav_n .user_login {float: right;font-size: 12px; } .z_global_nav_n .user_login .ul_app {float: left;position: relative;margin-right: 1px; } .z_global_nav_n .user_login .ul_app .app_link {float: left;padding: 0 9px 0 10px;height: 36px;line-height: 35px;color: #666e80; } .z_global_nav_n .user_login .ul_app .app_link:hover {color: #a3afcc; } .z_global_nav_n .user_login .ul_app .app_link:hover .arrow_down {border-top-color: #a3afcc; } .z_global_nav_n .user_login .ul_app .app_link:hover .arrow_up {border-bottom-color: #a3afcc; } .z_global_nav_n .user_login .ul_app .arrow_down, .z_global_nav_n .user_login .ul_app .arrow_up {margin-left: 6px;display: inline-block;width: 0;height: 0;border-style: solid dashed dashed dashed;border-width: 4px;border-color: #586170 transparent transparent transparent;vertical-align: -2px;*vertical-align: 5px; } .z_global_nav_n .user_login .ul_app .arrow_up {border-style: dashed dashed solid dashed;border-color: transparent transparent #586170 transparent;vertical-align: 2px;*vertical-align: 10px; } .z_global_nav_n .user_login .ul_app .line {color: #3b404a;margin: 8px 4px 0 0;float: left; } .z_global_nav_n .user_login .ul_app .app_ly {position: absolute;top: 36px;right: 8px;*right: -18px;background-color: #fff;z-index: 102;width: 803px;*width: 804px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);overflow: hidden;display: none;border: 1px solid #f3f2f7;border: 0 rgba(0, 0, 0, 0.2);height: 601px; } .z_global_nav_n .user_login .ul_app .app_ly ul {margin: -1px -1px 0 0; } .z_global_nav_n .user_login .ul_app .app_ly li {float: left;width: 200px;height: 200px;text-align: center;line-height: 23px;border: solid #f3f2f7;border-width: 0 1px 1px 0; } .z_global_nav_n .user_login .ul_app .app_ly li .code {display: inline-block;margin-top: 28px;width: 95px;height: 95px; } .z_global_nav_n .user_login .ul_app .app_ly li .code1 {background-position: 1px -327px; } .z_global_nav_n .user_login .ul_app .app_ly li .code2 {background-position: 0 -431px; } .z_global_nav_n .user_login .ul_app .app_ly li .code3 {background-position: 2px -534px; } .z_global_nav_n .user_login .ul_app .app_ly li .code4 {background-position: 1px -638px;margin-top: 35px; } .z_global_nav_n .user_login .ul_app .app_ly li .code5 {background-position: 1px -742px;margin-top: 35px; } .z_global_nav_n .user_login .ul_app .app_ly li .code6 {background-position: 1px -846px;margin-top: 35px; } .z_global_nav_n .user_login .ul_app .app_ly li .code7 {background-position: -117px -327px;margin-top: 35px; } .z_global_nav_n .user_login .ul_app .app_ly li .code8 {background-position: -117px -431px;margin-top: 35px; } .z_global_nav_n .user_login .ul_app .app_ly li .code9 {background-position: -117px -536px;margin-top: 35px; } .z_global_nav_n .user_login .ul_app .app_ly li .code10 {background-position: -117px -638px;margin-top: 35px; } .z_global_nav_n .user_login .ul_app .app_ly li .code11 {background-position: -117px -742px;margin-top: 35px; } .z_global_nav_n .user_login .ul_app .app_ly li .code12 {background-position: -117px -846px; } .z_global_nav_n .user_login .ul_app .app_ly li h4 {font-size: 14px;color: #425571;padding-top: 3px; } .z_global_nav_n .user_login .ul_app .app_ly li h5 {color: #a9b6ca; } .z_global_nav_n .user_login .ul_app.active .code_ly {display: block; } .z_global_nav_n .user_login .ul_app.active .app_link {background-color: #fff;position: relative;z-index: 103; } .z_global_nav_n .user_login .ul_app.active .app_link .arrow_up {border-bottom-color: #bcc0c6; } .z_global_nav_n .user_login .ul_app .code_ly {position: absolute;top: 36px;right: 0;background-color: #fff;z-index: 102;width: 501px;font-family: 'Miscrosoft yahei';display: none; } .z_global_nav_n .user_login .ul_app .code_ly .innerBox {overflow: hidden; } .z_global_nav_n .user_login .ul_app .code_ly .arrow {position: absolute;right: 19px;top: -10px;width: 11px;height: 11px;background-position: -50px -84px; } .z_global_nav_n .user_login .ul_app .code_ly .t {border: 1px solid #e3eaf4;margin-right: -1px; } .z_global_nav_n .user_login .ul_app .code_ly .t .code {float: left;width: 249px;height: 249px;border: solid #e3eaf4;text-align: center;border-width: 0 1px 1px 0; } .z_global_nav_n .user_login .ul_app .code_ly .t .code img {margin-top: 28px;vertical-align: top; display:inline-block} .z_global_nav_n .user_login .ul_app .code_ly .t .code p {font-size: 12px;color: #A9B6CA;line-height: 18px; } .z_global_nav_n .user_login .ul_app .code_ly .t .code p em {font-size: 14px;color: #425571;font-weight: bold;display: block;padding: 5px 0 0; } .z_global_nav_n .user_login .ul_app .code_ly .t .app {float: left;border: solid #e3eaf4;text-align: center;width: 124px;height: 124px;border-width: 0 1px 1px 0;cursor: pointer; } .z_global_nav_n .user_login .ul_app .code_ly .t .app:hover {box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.22); } .z_global_nav_n .user_login .ul_app .code_ly .t .app img {margin-top: 25px;vertical-align: top; display:inline-block} .z_global_nav_n .user_login .ul_app .code_ly .t .app p {font-size: 10px;color: #425571;line-height: 24px; } .z_global_nav_n .user_login .ul_app .code_ly .b {margin-top: -1px;background-color: #fff;height: 196px; } .z_global_nav_n .user_login .ul_app .code_ly .b .l {float: left;margin: 28px 28px 0 48px; } .z_global_nav_n .user_login .ul_app .code_ly .b .l img {vertical-align: top; } .z_global_nav_n .user_login .ul_app .code_ly .b .r {overflow: hidden;padding-top: 50px; } .z_global_nav_n .user_login .ul_app .code_ly .b .r p {float: left;min-width: 114px;font-size: 11px;color: #A9B6CA;margin-bottom: 24px;line-height: 20px; } .z_global_nav_n .user_login .ul_app .code_ly .b .r p em {display: block;font-size: 14px;color: #425571;font-weight: bold; } .z_global_nav_n .user_login .ul_login {float: left;color: #3a4049;margin-right: -8px; } .z_global_nav_n .user_login .ul_login a {display: inline-block;padding: 0 8px 0 4px;height: 35px;line-height: 35px;color: #666e80;font-size: 12px; } .z_global_nav_n .user_login .ul_login a:hover {color: #a3afcc; } .z_global_nav_n .user_login .logined {float: left;margin-left: 6px;position: relative;*z-index: 102;line-height: 35px;color: #666e80; } .z_global_nav_n .user_login .logined.active .user {background-color: #fff;position: relative;z-index: 103;color: #666e80; } .z_global_nav_n .user_login .logined.active .user .arrow_up {border-bottom-color: #bcc0c6; } .z_global_nav_n .user_login .logined.active .user_set_ly {display: block; } .z_global_nav_n .user_login .logined .user_icon {display: inline-block;width: 10px;height: 12px;background-position: -34px -84px;vertical-align: -2px;margin-right: -2px; } .z_global_nav_n .user_login .logined .user {color: #a3afcc;display: inline-block;padding: 0 10px 0 10px;margin: 0 0 0 -12px;height: 36px; } .z_global_nav_n .user_login .logined .user .arrow {display: inline-block;width: 0;height: 0;vertical-align: middle;margin-left: 6px; } .z_global_nav_n .user_login .logined .user .arrow_down {border-style: solid dashed dashed dashed;border-color: #586170 transparent transparent transparent;border-width: 4px; } .z_global_nav_n .user_login .logined .user .arrow_up {border-style: dashed dashed solid dashed;border-color: transparent transparent #586170 transparent;border-width: 4px;vertical-align: 3px;*vertical-align: 9px; } .z_global_nav_n .user_login .logined .user_set_ly {position: absolute;top: 36px;right: 0px;*right: -16px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);background-color: #ffffff;width: 170px;z-index: 102;padding: 20px 0;display: none; } .z_global_nav_n .user_login .logined .user_set_ly li a {display: block;line-height: 40px;font-size: 14px;color: #425571;border-left: 2px solid #ffffff;padding-left: 28px;font-family: "Microsoft Yahei"; } .z_global_nav_n .user_login .logined .user_set_ly li a:hover {background-color: #f5f6fa;border-color: #f2304a; } .z_global_nav_n .user_login .logined .user_set_ly li a .icon {display: inline-block;width: 13px;height: 12px;margin-right: 13px;vertical-align: -1px;*vertical-align: 1px; } .z_global_nav_n .user_login .logined .user_set_ly li a .icon1 {background-position: 0 -130px; } .z_global_nav_n .user_login .logined .user_set_ly li a .icon2 {background-position: 0 -171px; } .z_global_nav_n .user_login .logined .user_set_ly li a .icon3 {background-position: 0 -210px; } .z_global_nav_n .user_login .logined .user_set_ly li a .icon4 {background-position: 0 -250px; } .z_global_nav_n .user_login .logined .user_set_ly li a .icon5 {background-position: 0 -290px; } .z_global_nav_n .user_login .logined .user_set_ly li a .icon6 {background-position: -14px -130px; } .z_global_nav_n .user_login .logined .user_set_ly li a .icon7 {background-position: -14px -171px; } .z_global_nav_n .user_login .logined .user_set_ly li a .icon8 {background-position: -14px -210px; } .z_global_nav_n .user_login .phone, .z_global_nav_n .user_login .ipad {float: left;color: #666e80;line-height: 36px; } .z_global_nav_n .user_login .phone {margin-right: 6px; } .z_global_nav_n .user_login .phone i {display: inline-block;width: 11px;height: 14px;margin: 0 6px;vertical-align: -2px;*vertical-align: -1px;background-position: 0 -84px; } .z_global_nav_n .user_login .phone:hover i {background-position: 0 -100px; } .z_global_nav_n .user_login .ipad {margin-right: 10px; } .z_global_nav_n .user_login .ipad i {display: inline-block;width: 13px;height: 14px;margin: 0 6px;vertical-align: -2px;*vertical-align: -1px;background-position: -16px -84px; } .z_global_nav_n .user_login .ipad:hover i {background-position: -16px -100px; } .z_global_nav_n .user_login .vline {color: #3b404a;float: left;margin: 8px 0 0 0; } .z_global_nav_n .h_info {float: left;line-height: 36px;color: #666e80; } .yj_register {position: relative;width: 115px; } .yj_lejuhao_logo {position: absolute;left: 40px;top: 3px;width: 79px;height: 29px;background: url(//cdn.leju.com/page_publicSource/images/lejuhao_logo.gif) 0 0 no-repeat;overflow: hidden; } .yj_tui {font-size: 18px;color: #1d334a;line-height: 32px;margin-left: 20px; } .yj_tui i {display: inline-block;width: 28px;height: 24px;background: #fff url(//cdn.leju.com/page_publicSource/images/yj_arrow.png) 0 0 no-repeat;border-radius: 12px;box-shadow: 0px 5px 15px 0px rgba(55, 70, 143, 0.2);vertical-align: -4px;margin-left: 20px; } .yj_tui:hover {color: #f2304a; } .yj_tui:hover i {width: 28px;height: 24px;background: #fff url(//cdn.leju.com/page_publicSource/images/yj_arrow_hover.png) 0 0 no-repeat;box-shadow: 0px 2px 12px 0px rgba(241, 77, 74, 0.4); } /* 统一调用尾 */ .z_footer_new {background-color: #292c33; } .z_footer_new a {text-decoration: none; } .z_footer_new .inner {margin: 0 auto;padding: 35px 0 32px;width: 1200px;text-align: center;font-size: 12px;font-family: "Microsoft Yahei";background-color: #292c33; } .z_footer_new p {color: #525866;line-height: 32px;margin: 0; } .z_footer_new p a {color: #525866; } .z_footer_new p a:hover {text-decoration: underline; } .z_footer_new p.nav a {color: #666e80;margin: 0 9px; } .z_footer_new p.nav a:hover {text-decoration: underline; } .z_footer_new .bahIcon {width: 18px;height: 20px;display: inline-block;vertical-align: -5px; } .footer {min-width: 1200px;background-color: #f2f3f8; } .footer .d_fotter {background-color: #292c33;position: relative; } .footer .d_fotter:after {content: '';width: 100%;height: 1px;background-color: #3f414a;display: block;width: 1178px;position: absolute;bottom: -25px;left: 50%;margin-left: -589px; } .footer .d_panter {padding-top: 24px;padding-left: 11px; } .footer .d_panter li {float: left;width: 117px;list-style: none; } .footer .d_panter a {color: #666e80;display: block;float: left;width: 117px;height: 18px;overflow: hidden;margin-bottom: 3px;font-family: SimSun;font-size: 12px; } .footer .d_panter a:hover {text-decoration: underline; } .footer .z_panter {padding-left: 0;padding-top: 22px; } .footer .z_panter li {width: 120px; } .footer .z_panter a {margin-bottom: 8px;width: 120px; } .w {width: 1200px;margin: 0 auto; } .z_footer {background-color: #292c33; } .z_footer a {text-decoration: none; } .z_footer .inner {background-color: #292c33;margin: 0 auto;padding: 50px 0 30px;width: 1200px;text-align: center;font-size: 12px;font-family: "Simsun"; } .z_footer p {color: #525866;line-height: 30px;margin: 0; } .z_footer p a {color: #525866; } .z_footer p a:hover {text-decoration: underline; } .z_footer .bahIcon {width: 18px;height: 20px;display: inline-block;vertical-align: -5px; } .footer .z_fotter .w {border-bottom: 1px dashed #3f414a;padding-bottom: 20px;margin-bottom: -28px; } .footer .z_fotter:after {display: none; } .z_footer_lab {font-size: 0;padding: 30px 0 0; } .z_footer_lab a {margin-right: 15px;display: inline-block;padding: 0 12px;height: 35px;line-height: 35px;background-color: #22242b;font-size: 12px;color: #666e80;position: relative; } .z_footer_lab a i {position: absolute;bottom: -8px;left: 50%;border: 4px solid;border-color: #3c414c transparent transparent;margin-left: -4px;display: none; } .z_footer_lab a.cur {background-color: #3c414c;color: #a4aec7; } .z_footer_lab a.cur i {display: block; } /*# sourceMappingURL=styles.css.map */ .yj_register {position: relative;width: 115px; } .yj_lejuhao_logo {position: absolute;left: 40px;top: 3px;width: 79px;height: 29px;background: url(//cdn.leju.com/page/house/V2/build/images/lejuhao_logo.gif) 0 0 no-repeat;overflow: hidden;} .leju-ads object {vertical-align:top} .cf:before,.cf:after{content:"";display:table;} .cf:after{clear:both;} .cf{zoom:1;} .row-6-900 div,.row-3-930 div,.row-2-940 div{margin-right:10px;} .row-2 div,.row-3 div,.row-4 div,.row-5 div{float:left;} .row-6-900 div {margin-right:10px;} .row-3 .lunbo-585,.row-3 .banner-585,.row-3 .banner-635{float:left;diplay:inline;margin:4px 14px} .row-3 .banner-852{float:left;diplay:inline;margin:4px 1px} .mb10 .leju-ads,.row-2 .leju-ads,.row-3 .leju-ads {margin-bottom: 0;} .row-2,.row-3{margin-bottom:10px;} .leju-ads{margin-bottom:10px;} .close_btn { background: url("//www.sinaimg.cn/hs/sinahouse/images/adb.png") no-repeat scroll -25px -110px transparent; height: 20px; width: 20px; } .bfl50{position:absolute;top:0;left:50px;} .bfl60{position:absolute;top:0;left:60px;} .bfl70{position:absolute;top:0;left:70px;} .bfl80{position:absolute;top:0;left:80px;} .bfl90{position:absolute;top:0;left:90px;} .bfr50{position:absolute;top:0;right:50px;} .bfr60{position:absolute;top:0;right:60px;} .bfr70{position:absolute;top:0;right:70px;} .bfr80{position:absolute;top:0;right:80px;} .bfr90{position:absolute;top:0;right:90px;} .mod_blk .leju-ads,.blk .t .leju-ads{margin-bottom:0;} .scroll_bar{position:absolute;right:0;bottom:0;height:8px;background-color:#b1b1b1; border-radius:5px 0 0 0;padding:3px 6px 3px 1px;line-height:8px; background:rgba(0,0,0,0.3);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4D000000",endColorstr="#4D000000")} .scroll_bar a{margin:0 0 0 5px;width:8px;height:8px;border-radius:50%;background-color:#626262;line-height:50px;overflow:hidden;float:left} .scroll_bar a.cur{background-color:#cb2d4a} .lunbotitleImgTips { position:absolute; bottom:0; left:0; width:140px; height:15px; color:#fff; padding:5px 10px; text-align:center; filter:progid:DXImageTransform.Microsoft.gradient(enabled="true",startColorstr="#8C000000",endColorstr="#8C000000");background:rgba(0,0,0,0.55);} </style> <!-- 统一调用页头 start --> <div class="z_global_nav_n"> <div class="gn_header clearfix"> <!-- <p class="h_info">乐居房产、家居产品用户服务、产品咨询购买、技术支持客服服务热线：400-606-6969</p> --> <div class="main_nav"> <a class="cur" href="https://www.leju.com/#wt_source=bzdh_up_index" title="乐居首页" target="_blank">乐居首页</a> <a id="lj_headHouseNewsLink" href="https://news.leju.com/#wt_source=bzdh_up_xw" title="资讯" target="_blank">乐居财经</a> <a href="https://house.leju.com/bj/search/#wt_source=bzdh_up_xf" title="新房" id="lj_headHouseLink" target="_blank">新房</a> <a href="https://esf.leju.com/#wt_source=bzdh_up_esf" title="二手房" target="_blank" rel="nofollow">二手房</a> <a href="https://jiaju.sina.com.cn/?utm_source=ljbztw&utm_campaign=ljbztw01&utm_term=web" title="家居" target="_blank" rel="nofollow">家居</a> <a href="https://live.leju.com/" id="lj_headHouseLiveLink" title="直播" target="_blank" rel="nofollow">直播</a> </div> <div class="user_login"> <!-- 选中时加类名<div class="ul_app active"> 同时箭头的类名改为arrow_up--> <div class="ul_app" id="appBlock"> <a href="#" title="手机版" class="phone"><i></i>手机版</a> <!-- <a href="#" title="iPad版" class="ipad"><i></i>iPad版</a> --> <a class="app_link">移动端<span id ="lj_HeaderArrow" class="arrow arrow_down"></span></a> <span class="line">|</span> <!-- 浮层 --> <div class="code_ly" id = "appBlockPop"> <div class="t clearfix"> <div class="code"> <img id="codeId" src="//cdn.leju.com/page_publicSource/images/cd.png" alt="" > </div> <div class="app" data-pic="1"><img src="//cdn.leju.com/page_publicSource/images/ap7.png" alt=""><p>乐居买房支付宝小程序</p></div> <div class="app" data-pic="6"><img src="//cdn.leju.com/page_publicSource/images/ap7.png" alt=""><p>乐居买房APP</p></div> <div class="app" data-pic="4"><img src="//cdn.leju.com/page_publicSource/images/ap7.png" alt=""><p>乐居买房微信小程序</p></div> <div class="app" data-pic="2"><img src="//cdn.leju.com/page_publicSource/images/ap1.png" alt=""><p>乐居财经</p></div> </div> <div class="arrow"></div> </div> </div> <div class="ul_login" id ="userlogin"> <a href="https://my.leju.com/web/sso/loginView#wt_source=bzdh_login" title="登录" target="_blank" rel="nofollow"><span>登录</span></a>| <a href="https://my.leju.com/settings/register/indexview/#wt_source=bzdh_register" title="注册" target="_blank" class="yj_register" rel="nofollow">注册<i class="yj_lejuhao_logo"></i></a> </div> <div class="logined none" id ="userinfo"> <i class="user_icon"></i> 你好， <a href="https://my.leju.com/settings/index/index" class="user" id = "username" rel="nofollow">乐居用户<i id ="lj_loginArrow" class="arrow arrow_down"></i></a> <ul class="user_set_ly" id ="userinfoPop"> <li><a href="https://my.leju.com/settings/index/index" target="_blank" rel="nofollow"><i class="icon icon6"></i>个人中心</a></li> <li><a href="https://mvp.leju.com#wt_source=pc_pcenter_account" rel="nofollow"><i class="icon icon8"></i>乐居号</a></li> <li> <a id ="userlogout" href="javascript:void(0)" rel="nofollow"><i class="icon icon5"></i>账号退出</a> </li> </ul> </div> </div> </div> </div> <!-- 统一调用页头 end --> <script type="text/javascript" src="//res.leju.com/assets/app/pc/house/v1/sso.js"></script> <script type="text/javascript" src="//res.leju.com/assets/app/pc/house/v1/lejuHeader.v2.js"></script> <script type="text/javascript"> (function ($) { var app = document.getElementsByClassName("app"); var code = document.getElementsByClassName("codeId"); for(var i in app){ if(i==0){ app[i].onmouseover=function() { var codeurl = 'https://ess.leju.com/house/photo/42-1-OlPm6BluqGwbX1uX50NtA7bsdOr0Xo8WA8dnEAvYtqLzQbLgQjfu6GDanKJhOzrmJLVOBrc0W89KCYJy.jpg'; codeId.src = codeurl; var codeIds = document.getElementById('codeId'); //$('#codeId').css({"width":"161px","height":"161px"}); codeIds.style.width="161px"; codeIds.style.height="161px"; }; }else { app[i].onmouseover=function() { var codeurl = "//cdn.leju.com/page_publicSource/images/c"+this.getAttribute("data-pic")+".png"; codeId.src = codeurl; }; } } })() </script> <div class="dll_calculator w"> <h2> <i class="icon01"></i> <span id="LJ_curr_calculatorName">贷款计算器</span> </h2> <div class="dll_calculatorcont clearfix" id="J_Calculator_Wrap" style=""> <ul class="dll_calculatorul" id="J_Calculator_Nav"> <a href="https://house.leju.com/tools/"> <li> <i class="icon02"></i> <span class="ctit">贷款计算器</span> </li> </a> <a href="/tools/shuifei/"> <li> <i class="icon03"></i> <span class="ctit">税费计算器</span> </li> </a> <a href="/tools/gongjijinedu/"> <li> <i class="icon04"></i> <span class="ctit">公积金额度计算</span> </li> </a> <a href="/tools/huankuan/"> <li> <i class="icon05"></i> <span class="ctit">提前还款计算器</span> </li> </a> </ul> <div id="J_Calculator_Con"> <div id="loan_calculate_wrap" style="display: none"> <div class="dll_calculatelistwrap"> <ul class="dll_calculatelist"> <li class="clearfix"> <label for="" class="labeltext">还款方式<div class="tip hkTip"> <div class="z_layer"> <div class="inner"> <h2 class="tit">还款方式</h2> <div class="content"> <dl> <dt>什么是等额本息？</dt> <dd>等额本息是指一种贷款的还款方式，指在还款期内，每月偿还同等数额的贷款(包括本金和利息)。</dd> </dl> <dl> <dt>什么是等额本金？</dt> <dd>等额本金是指一种贷款的还款方式，是在还款期内把贷款数总额等分，每月偿还同等数额的本金和剩余贷款在该月所产生的利息，这样由于每月的还款本金额固定，而利息越来越少，借款人起初还款压力较大，但是随时间的推移每月还款数也越来越少。</dd> </dl> </div> <a href="javascript:;" class="close"></a> </div> </div> </div> </label> <div class="inputboxlist clearfix"> <!-- 加类名current显示下拉框 --> <div class="loantype "> <span id="refund_type" data-val="1" class="loantit">等额本息</span> <i class="icon06"></i> <ul class="typelist"> <li data-val = "1">等额本息</li> <li data-val = "2">等额本金</li> </ul> </div> </div> </li> <li class="clearfix"> <label for="" class="labeltext">贷款类别</label> <div class="inputboxlist clearfix"> <div class="loantype"> <span id="loan_type" data-val="1" class="loantit">商贷</span> <i class="icon06"></i> <ul class="typelist"> <li data-val = "1">商贷</li> <li data-val = "2">公积金</li> <li data-val = "3">组合贷</li> </ul> </div> </div> </li> <li class="clearfix" id="LJ_calculation_type"> <label for="" class="labeltext">计算方式</label> <div class="inputboxlist clearfix"> <div class="loantype"> <span id="loan_totalprice_type" data-val = "1" class="loantit">根据贷款总额</span> <i class="icon06"></i> <ul class="typelist"> <li data-val = "1">根据贷款总额</li> <li data-val = "2">根据单价和面积</li> </ul> </div> </div> </li> <li class="clearfix" id="single_price_wrap" style="display: none;"> <label for="" class="labeltext">单 价</label> <div class="inputboxlist clearfix"> <div class="inputmoney"> <input type="text" placeholder="请输入单价"> <span class="loanunit">元/m²</span> </div> </div> </li> <li class="clearfix" id="area_size_wrap" style="display: none;"> <label for="" class="labeltext">面 积</label> <div class="inputboxlist clearfix"> <div class="inputmoney"> <input type="text" placeholder="请输入平米数"> <span class="loanunit">m²</span> </div> </div> </li> <li class="clearfix" id="total_price_wrap"> <label for="" class="labeltext">总 价</label> <div class="inputboxlist clearfix"> <div class="inputmoney"> <input type="text" placeholder="请输入总价"> <span class="loanunit">万元</span> </div> </div> </li> <li class="clearfix" id="LJ_zuhe_shangyexing" style="display:none;"> <label for="" class="labeltext">商业性</label> <div class="inputboxlist clearfix"> <div class="inputmoney"> <input type="text" placeholder=""> <span class="loanunit">万元</span> </div> </div> </li> <li class="clearfix" id="LJ_zuhe_gongjijin" style="display:none;"> <label for="" class="labeltext">公积金</label> <div class="inputboxlist clearfix"> <div class="inputmoney"> <input type="text" placeholder=""> <span class="loanunit">万元</span> </div> </div> </li> <li class="clearfix" id="LJ_mortgage_type_wrap" style="display:none;"> <label for="" class="labeltext">按揭成数</label> <div class="inputboxlist clearfix"> <div class="loantype"> <span id="mortgage_type" data-val="0.9" class="loantit">9成</span> <i class="icon06"></i> <ul class="typelist" style="height: 200px;overflow: auto;"> <li data-val="0.1">1成</li> <li data-val="0.2">2成</li> <li data-val="0.3">3成</li> <li data-val="0.35" style="display: block;">3.5成</li> <li data-val="0.4">4成</li> <li data-val="0.5">5成</li> <li data-val="0.6">6成</li> <li data-val="0.65" style="display: block;">6.5成</li> <li data-val="0.7">7成</li> <li data-val="0.8">8成</li> <li data-val="0.9">9成</li> </ul> </div> </div> </li> <li class="clearfix" > <label for="" class="labeltext">按揭年数</label> <div class="inputboxlist clearfix"> <div class="loantype"> <span id="mortgage_month" data-val="240" class="loantit">20年（240期）</span> <i class="icon06"></i> <ul class="typelist" style="height: 200px;overflow: auto;" id="lj_anjie_year"> <li data-val="360">30年(360个月)</li> <li data-val="348">29年(348个月)</li> <li data-val="336">28年(336个月)</li> <li data-val="324">27年(324个月)</li> <li data-val="312">26年(312个月)</li> <li data-val="300">25年(300个月)</li> <li data-val="288">24年(288个月)</li> <li data-val="264">22年(264个月)</li> <li data-val="252">21年(252个月)</li> <li data-val="240">20年(240个月)</li> <li data-val="228">19年(228个月)</li> <li data-val="216">18年(216个月)</li> <li data-val="204">17年(204个月)</li> <li data-val="192">16年(192个月)</li> <li data-val="180">15年(180个月)</li> <li data-val="168">14年(168个月)</li> <li data-val="156">13年(156个月)</li> <li data-val="144">12年(144个月)</li> <li data-val="132">11年(132个月)</li> <li data-val="120">10年(120个月)</li> <li data-val="108">9年(108个月)</li> <li data-val="96">8年(96个月)</li> <li data-val="84">7年(84个月)</li> <li data-val="72">6年(72个月)</li> <li data-val="60">5年(60个月)</li> <li data-val="48">4年(48个月)</li> <li data-val="36">3年(36个月)</li> <li data-val="24">2年(24个月)</li> <li data-val="12">1年(12个月)</li> </ul> </div> </div> </li> <li class="clearfix"> <label for="" class="labeltext">利 率</label> <div class="inputboxlist clearfix"> <div class="loantype"> <span id="interest_rate" data-val="0" class="loantit">15年10月24日基准利率</span> <i class="icon06"></i> <ul class="typelist" id="LJ_interests_list" style="height:200px;overflow:auto;"> <li data-val="0.04">15年10月24日基准利率</li> <li data-val="0.04">15年10月24日基准利率</li> <li data-val="0.04">15年10月24日基准利率</li> </ul> </div> </div> </li> <li class="clearfix" id="LJ_loanType_shangye"> <div class="inputboxlist inputboxlist2 clearfix" > <div class="inputmoney w190" style="width:135px;"> <input type="text" id="LJ_calculate_discount" value="10.0"> <span class="loanunit" id="LJ_calculate_discount_text">折</span> </div> <div class="inputmoney w190" style="width:116px;"> <input type="text" id="LJ_calculate_loan_interest"> <span class="loanunit">%</span> </div> </div> </li> <!--<li class="clearfix" style="width:66%;float:right;display:none;" id="LJ_loanType_gongjijin">--> <!--<div class="inputboxlist clearfix" >--> <!--<div class="inputmoney w190" style="width:135px;border-bottom: 0;height: 20px;">--> <!--<!– <input type="text" id="LJ_calculate_discount" value="10.0"> –>--> <!--<span class="loanunit">公积金贷款利率</span>--> <!--</div>--> <!--<div class="inputmoney w190" style="width:135px;">--> <!--<input type="text" id="LJ_calculate_fund_interest">--> <!--<span class="loanunit">%</span>--> <!--</div>--> <!--</div>--> <!--</li>--> <li class="clearfix" style="display:none;" id="LJ_loanType_lpr"> <label for="" class="labeltext">L P R<div class="tip"> <div class="z_layer"> <div class="inner"> <h2 class="tit">商贷利率</h2> <div class="content"> <dl> <dt>什么是LPR（贷款市场报价利率）？</dt> <dd>自2019年10月8日起，新发放的商业住房贷款的贷款利率由“贷款基准利率（4.9%）”转换为“贷款市场报价利率（LPR）”。在LPR的基础上增加基点来确定最终的商贷利率；LPR每月20日（遇节假日顺延）报价一次，可在中国人民银行网站查询。</dd> </dl> <dl> <dt>最新LPR：一年期3.85%，五年期4.65%</dt> <dd> <div class="table"> <table> <thead> <tr> <th>贷款年限</th> <th>LPR</th> </tr> </thead> <tbody> <tr> <td>一年及以内</td> <td>一年期LPR</td> </tr> <tr> <td>一至五年</td> <td>由银行自主选择</td> </tr> <tr> <td>五年及以上</td> <td>五年期LPR</td> </tr> </tbody> </table> </div> </dd> </dl> </div> </div> </div> </div></label> <div class="inputboxlist clearfix"> <div class="inputmoney"> <input type="text" name='LPR'> <span class="loanunit">%</span> </div> </div> </li> <li class="clearfix" style="display:none;" id="LJ_loanType_lpr_2"> <label for="" class="labeltext">基 点<div class="tip jidianTip"> <div class="z_layer"> <div class="inner"> <h2 class="tit">基点</h2> <div class="content"> <dl> <dt>什么是基点？</dt> <dd>自2019年10月8日起，商业贷款利率的计算方式由“贷款基准利率（4.9%）*上浮或下浮比例”改为“LPR+基点（1基点=0.01%）”。</dd> </dl> </div> </div> </div> </div></label> <div class="inputboxlist clearfix"> <div class="inputmoney"> <input type="text" placeholder="请输入基数" name='jidian'> <span class="loanunit">‱</span> </div> </div> </li> <li class="clearfix" style="display:none;" id="LJ_loanType_lpr_3"> <label for="" class="labeltext">商贷利率</label> <div class="inputboxlist inputboxlist1 clearfix"> <div class="inputmoney"> <input type="text" value="4.85" name="loan_new_LPR" readonly>%+<input type="text" value="0000" name="loan_new_jidian" readonly>%=<input type="text" value="4.85" name="loan_new" readonly>% </div> </div> </li> <li class="clearfix" id="LJ_loanType_gongjijin"> <label for="" class="labeltext">公积金利率</label > <div class="inputboxlist clearfix"> <div class="inputmoney"> <input type="text" id="LJ_calculate_fund_interest"> <span class="loanunit">%</span> </div> </div> </li> </ul> <div class="calculatebtn clearfix"> <a href="" class="cbtn btn1" id="loan_calculate_btn">计 算</a> <span class="resetbtn" id="loan_cacel_btn">重置</span> </div> </div> <div class="dll_result"> <h3> 月均还款 <br/><em id="LJ_perMonth_payment">0</em><i>元</i> <a href="#" class="detail" style="display: none" id="viewDetail">查看详情</a> </h3> <div class="calculateresult" id="LJ_payment_info"> <ul class="calculatecont"> <li style="display: none;"> <span class="calcutit">房款总额</span> <span class="cmoney"><em id="LJ_loan_total_price">0</em>万元</span> </li> <li> <span class="calcutit">贷款总额</span> <span class="cmoney"><em id="LJ_loan_total_price_loan">0</em>万元</span> </li> <li> <span class="calcutit">还款总额</span> <span class="cmoney"><em id="LJ_loan_total_price_huankuan">0</em>万元</span> </li> <li> <span class="calcutit">支付利息款</span> <span class="cmoney"><em id="LJ_loan_total_price_interest">0</em>万元</span> </li> <li style="display: none;"> <span class="calcutit">首期付款 </span> <span class="cmoney"><em id="LJ_loan_firstPatment">0</em>元</span> </li> <li> <span class="calcutit">贷款月数 </span> <span class="cmoney"><em id="LJ_loan_mortgage_month">0</em>月</span> </li> </ul> <a href="javascript:void(0);" class="detailbtn" id="LJ_detailBtn_open" style="display:none;" target="_self">查看明细</a> </div> <div class="calculateresult scrollbar" id="LJ_monthPayemnt" style="display:none;"> <ul class="calculatecont" style="height:250px;overflow-y:auto;"> <li> <span class="calcutit">第1月</span> <span class="cmoney"><em>0</em>元</span> </li> </ul> <!-- <span class="scrollbars"> <i class="bar"></i> </span> --> <a href="javascript:void(0);" class="detailbtn" id="LJ_detailBtn_close" target="_self">关闭明细</a> </div> <p class="prompttext"><i class="icon08"></i>以上结果仅供参考，房产计算结果最终以实际交易金为准<br> 下载<a href="https://m.leju.com/web/app/detail.html?id=1#ln=pc_counter_app" target="_blank" style="color:#0066FF;">乐居房贷计算器app</a>，随时随地算税费。 </p> <div class="z_tip wenziTip" style="display: none;" id="daikuanword"> 我们根据您的计算结果，帮您找出了符合您条件的最新热盘. <span class="icon"></span> </div> </div> </div> <div id="taxes_calculate_wrap" style="display: none"> <div class="dll_calculatelistwrap"> <ul class="dll_calculatelist"> <!--新加--> <li class="clearfix"> <label for="" class="labeltext">房  屋</label> <div class="inputboxlist clearfix" id="houseType" data-val="1"> <div class="box fwlx" data-val="1"> <i class="icon cur"></i> <label for="" class="chk" data-val="1">新房</label> </div> <div class="box fwlx" data-val="2"> <i class="icon"></i> <label for="" class="chk" data-val="2">二手房</label> </div> </div> </li> <!--新加新房--> <div class="tax_tab"> <li class="clearfix"> <label for="" class="labeltext">单 价</label> <div class="inputboxlist clearfix"> <div class="inputmoney"> <input type="text" id="taxes_single_price" placeholder="请输入单价"> <span class="loanunit">元/m²</span> </div> </div> </li> <li class="clearfix"> <label for="" class="labeltext">面 积</label> <div class="inputboxlist clearfix"> <div class="inputmoney"> <input type="text" id="taxes_area_size" placeholder="请输入平米数"> <span class="loanunit">m²</span> </div> </div> </li> <!--新加新房--> <li class="clearfix"> <label for="" class="labeltext">是否有电梯</label> <div class="inputboxlist clearfix" id="hasShift" data-val="0"> <div class="box radioBox" data-val="1"> <i class="icon"></i> <label for="" class="chk" data-val="1">是</label> </div> <div class="box radioBox" data-val="0"> <i class="icon cur"></i> <label for="" class="chk" data-val="0">否</label> </div> </div> </li> </div> <!--新加二手房--> <div class="tax_tab none"> <li class="clearfix"> <label for="" class="labeltext">房屋面积</label> <div class="inputboxlist clearfix"> <div class="inputmoney"> <input type="text" name="area" id="taxes_area_all" placeholder="请输入面积"> <span class="loanunit">m²</span> </div> </div> </li> <li class="clearfix"> <label for="" class="labeltext">房屋总价</label> <div class="inputboxlist clearfix"> <div class="inputmoney"> <input type="text" name="totalPrice" id="taxes_price_all" placeholder="请输入总价"> <span class="loanunit">万元</span> </div> </div> </li> <li class="clearfix"> <label for="" class="labeltext">房屋原价</label> <div class="inputboxlist clearfix"> <div class="inputmoney"> <input type="text" name="oldPrice" id="taxes_price_original" placeholder="请输入原价"> <span class="loanunit">万元</span> </div> </div> </li> <li class="clearfix"> <label for="" class="labeltext">购置年限</label> <div class="inputboxlist clearfix" id="yearPurchase"> <div class="loantype"> <span class="loantit" data-val="1">不满两年</span> <i class="icon06"></i> <ul class="typelist"> <li data-val="1">不满两年</li> <li data-val="2">满两年</li> <li data-val="3">满五年</li> </ul> </div> </div> </li> <li class="clearfix"> <label for="" class="labeltext">卖房是否唯一</label> <div class="inputboxlist clearfix" id="isUnique" data-val="0"> <div class="box radioBox" data-val="1"> <i class="icon"></i> <label for="" class="chk" data-val="1">是</label> </div> <div class="box radioBox" data-val="0"> <i class="icon cur"></i> <label for="" class="chk" data-val="0">否</label> </div> </div> </li> </div> <li class="clearfix"> <label for="" class="labeltext">是否首次购房</label> <div class="inputboxlist clearfix" id="firstPurchase" data-val="0"> <div class="box radioBox" data-val="1"> <i class="icon"></i> <label for="" class="chk" data-val="1">是</label> </div> <div class="box radioBox" data-val="0"> <i class="icon cur"></i> <label for="" class="chk" data-val="0">否</label> </div> </div> </li> </ul> <div class="calculatebtn clearfix"> <a href="" class="cbtn btn1" id="taxes_calculate_btn">计 算</a> <span class="resetbtn" id="taxes_cacel_btn">重置</span> </div> </div> <div class="dll_result"> <h3 id="taxTotal">税费总计<br/><em>0</em><i>元</i> </h3> <div class="calculateresult"> <ul class="calculatecont" id="new"> <li> <span class="calcutit">契税</span> <span class="cmoney"><em>0</em>元</span> </li> <li> <span class="calcutit">印花税</span> <span class="cmoney"><em>0</em>元</span> </li> <li> <span class="calcutit">维修基金</span> <span class="cmoney"><em>0</em>元</span> </li> <li> <span class="calcutit">权属登记费</span> <span class="cmoney"><em>0</em>元</span> </li> <li> <span class="calcutit">交易手续费</span> <span class="cmoney"><em>0</em>元</span> </li> </ul> <ul class="calculatecont" id="esf" style="display: none;"> <li> <span class="calcutit">契税</span> <span class="cmoney"><em>0</em>元</span> </li> <li> <span class="calcutit">交易手续费</span> <span class="cmoney"><em>0</em>元</span> </li> <li> <span class="calcutit">营业税</span> <span class="cmoney"><em>0</em>元</span> </li> <li> <span class="calcutit">个人所得税</span> <span class="cmoney"><em>0</em>元</span> </li> <li> <span class="calcutit">土地增值税</span> <span class="cmoney"><em>0</em>元</span> </li> <div class="btns" style="margin-top:15px;"> <a href="//bj.esf.leju.com/" class="detailbtn">查看更多二手房</a> </div> </ul> </div> <p class="prompttext"><i class="icon08"></i>以上结果仅供参考，房产计算结果最终以实际交易金为准<br> 下载<a href="https://m.leju.com/web/app/detail.html?id=1#ln=pc_counter_app" target="_blank" style="color:#0066FF;">乐居房贷计算器app</a>，随时随地算房贷。</p> <div class="z_tip wenziTip" style="display: none;" id="shufeiword"> 我们根据您的计算结果，帮您找出了符合您条件的最新热盘. <span class="icon"></span> </div> </div> </div> <div id="fund_calculate_wrap" style="display: none"> <div class="dll_calculatelistwrap"> <ul class="dll_calculatelist"> <li class="clearfix"> <label for="" class="labeltext">个人月缴存</label> <div class="inputboxlist clearfix"> <div class="inputmoney"> <input type="text" id="personal_deposite" placeholder="请输入存额"> <span class="loanunit">元</span> </div> </div> </li> <li class="clearfix"> <label for="" class="labeltext">缴存比例</label> <div class="inputboxlist clearfix"> <div class="inputmoney"> <input type="text" id="personal_deposite_ratio" placeholder="请输入缴存比例"> <span class="loanunit">%</span> </div> </div> </li> <li class="clearfix"> <label for="" class="labeltext">配偶月缴存</label> <div class="inputboxlist clearfix"> <div class="inputmoney"> <input type="text" id="spouse_deposite" placeholder="请输入存额"> <span class="loanunit">元</span> </div> </div> </li> <li class="clearfix"> <label for="" class="labeltext">缴存比例</label> <div class="inputboxlist clearfix"> <div class="inputmoney"> <input type="text" id="spouse_deposite_ratio" placeholder="请输入缴存比例"> <span class="loanunit">%</span> </div> </div> </li> <li class="clearfix"> <label for="" class="labeltext">房屋估价</label> <div class="inputboxlist clearfix"> <div class="inputmoney"> <input type="text" placeholder="请输入房屋估价" id="LJ_evaluation"> <span class="loanunit">元</span> </div> </div> </li> <li class="clearfix"> <label for="" class="labeltext">贷款申请年限</label> <div class="inputboxlist clearfix"> <div class="inputmoney"> <input type="text" id="house_evaluate" placeholder="请输入时间"> <span class="loanunit">年</span> </div> </div> </li> <li class="clearfix"> <label for="" class="labeltext">房屋性质</label> <div class="inputboxlist clearfix"> <div class="loantype"> <span class="loantit" id="house_property" data-val="1">政策型住房</span> <i class="icon06"></i> <ul class="typelist"> <li data-val="1">政策型住房</li> <li data-val="2">其他</li> </ul> </div> </div> </li> <li class="clearfix"> <label for="" class="labeltext">个人信用等级</label> <div class="inputboxlist clearfix"> <div class="loantype"> <span class="loantit" id="credit_level" data-val="1">AAA级</span> <i class="icon06"></i> <ul class="typelist"> <li data-val="1">AAA级</li> <li data-val="2">AA级</li> <li data-val="3">其他</li> </ul> </div> </div> </li> </ul> <div class="calculatebtn clearfix"> <a href="" class="cbtn btn1" id="fund_calculate_btn">计 算</a> <span class="resetbtn" id="fund_cacel_btn">重置</span> </div> </div> <div class="dll_result"> <h3> 最高贷款额度 <br/><em id="LJ_maxFundMount">0</em><i>元</i> </h3> <p class="prompttext"><i class="icon08"></i>以上结果仅供参考，房产计算结果最终以实际交易金为准</p> </div> </div> <div id="refund_calculate_wrap" style="display: none"> <div class="dll_calculatelistwrap"> <ul class="dll_calculatelist"> <li class="clearfix"> <label for="" class="labeltext">还款类型</label> <div class="inputboxlist clearfix"> <div class="loantype w164"> <span id="refund_type1" data-val="1" class="loantit">商贷</span> <i class="icon06"></i> <ul class="typelist"> <li data-val="1">商贷</li> <li data-val="2">公积金贷</li> </ul> </div> <div class="inputmoney w190"> <input type="text" id="refund_price" placeholder="请输入数字"> <span class="loanunit">万元</span> </div> </div> </li> <li class="clearfix"> <label for="" class="labeltext">原贷款期限</label> <div class="inputboxlist clearfix"> <div class="loantype"> <span id="refund_deadline" data-val="240" class="loantit">20年（240期）</span> <i class="icon06"></i> <ul class="typelist" style="height: 200px;overflow: auto;"> <li data-val="12">1年(12个月)</li> <li data-val="24">2年(24个月)</li> <li data-val="36">3年(36个月)</li> <li data-val="48">4年(48个月)</li> <li data-val="60">5年(60个月)</li> <li data-val="72">6年(72个月)</li> <li data-val="84">7年(84个月)</li> <li data-val="96">8年(96个月)</li> <li data-val="108">9年(108个月)</li> <li data-val="120">10年(120个月)</li> <li data-val="132">11年(132个月)</li> <li data-val="144">12年(144个月)</li> <li data-val="156">13年(156个月)</li> <li data-val="168">14年(168个月)</li> <li data-val="180">15年(180个月)</li> <li data-val="192">16年(192个月)</li> <li data-val="204">17年(204个月)</li> <li data-val="216">18年(216个月)</li> <li data-val="228">19年(228个月)</li> <li data-val="240">20年(240个月)</li> <li data-val="252">21年(252个月)</li> <li data-val="264">22年(264个月)</li> <li data-val="276">23年(276个月)</li> <li data-val="288">24年(288个月)</li> <li data-val="300">25年(300个月)</li> <li data-val="312">26年(312个月)</li> <li data-val="324">27年(324个月)</li> <li data-val="336">28年(336个月)</li> <li data-val="348">29年(348个月)</li> <li data-val="360">30年(360个月)</li> </ul> </div> </div> </li> <li class="clearfix"> <label for="" class="labeltext">利 率</label> <div class="inputboxlist clearfix"> <div class="loantype"> <span id="refund_interest_rate" data-val="0" class="loantit">15年10月24日基础利率</span> <i class="icon06"></i> <ul class="typelist" id="LJ_refund_interests_list" style="height:240px;overflow-y:auto;"> <li data-val="0">15年10月24日基础利率</li> </ul> </div> </div> </li> <li class="clearfix" style="width:100%;float:right;" id="LJ_refundType_shangye"> <div class="inputboxlist clearfix" style="float:right;"> <div class="inputmoney w190" style="width:135px;"> <input type="text" id="LJ_refund_discount" value="10.0"> <span class="loanunit" id="LJ_refund_discount_text">折</span> </div> <div class="inputmoney w190" style="width:135px;"> <input type="text" id="LJ_refund_loan_interest"> <span class="loanunit">%</span> </div> </div> </li> <li class="clearfix" style="width:100%;float:right;display:none;" id="LJ_refundType_gongjijin"> <div class="inputboxlist clearfix" style="float:right;"> <div class="inputmoney w190" style="width:135px;border-bottom: 0;height: 20px;"> <!-- <input type="text" id="LJ_calculate_discount" value="10.0"> --> <span class="loanunit">公积金贷款利率</span> </div> <div class="inputmoney w190" style="width:135px;"> <input type="text" id="LJ_refund_fund_interest"> <span class="loanunit">%</span> </div> </div> </li> <li class="clearfix"> <label for="" class="labeltext">首次还款时间</label> <div class="inputboxlist clearfix"> <div class="loantype w164" id="first_refund_year"> <span id="refund_first_year" data-val="2016" class="loantit">2016</span> <i class="icon06"></i> <ul class="typelist" style="height: 200px;overflow: auto;"> </ul> </div> <span class="year">年</span> <div class="loantype w164"> <span id="refund_first_month" data-val="12" class="loantit">12</span> <i class="icon06"></i> <ul class="typelist" style="height: 200px;overflow: auto;"> <li data-val="1">1</li> <li data-val="2">2</li> <li data-val="3">3</li> <li data-val="4">4</li> <li data-val="5">5</li> <li data-val="6">6</li> <li data-val="7">7</li> <li data-val="8">8</li> <li data-val="9">9</li> <li data-val="10">10</li> <li data-val="11">11</li> <li data-val="12">12</li> </ul> </div> <span class="month">月</span> </div> </li> <li class="clearfix"> <label for="" class="labeltext">提前还款时间</label> <div class="inputboxlist clearfix"> <div class="loantype w164" id="advance_refund_year"> <span id="refund_ahead_year" data-val="2016" class="loantit">2016</span> <i class="icon06"></i> <ul class="typelist" style="height: 200px;overflow: auto;"> </ul> </div> <span class="year">年</span> <div class="loantype w164"> <span id="refund_ahead_month" data-val="12" class="loantit">12</span> <i class="icon06"></i> <ul class="typelist" style="height: 200px;overflow: auto;"> <li data-val="1">1</li> <li data-val="2">2</li> <li data-val="3">3</li> <li data-val="4">4</li> <li data-val="5">5</li> <li data-val="6">6</li> <li data-val="7">7</li> <li data-val="8">8</li> <li data-val="9">9</li> <li data-val="10">10</li> <li data-val="11">11</li> <li data-val="12">12</li> </ul> </div> <span class="month">月</span> </div> </li> <li class="clearfix"> <label for="" class="labeltext">提前还款方式</label> <div class="inputboxlist clearfix"> <div class="loantype"> <span id="refund_ahead_type" data-val="1" class="loantit">一次性提前还清</span> <i class="icon06"></i> <ul class="typelist"> <li data-val="1">一次性提前还清</li> <li data-val="2">部分提前还清</li> </ul> </div> <div class="inputmoney mt20" id="refund_ahead_price_wrap" style="display:none;"> <input type="text" id="refund_ahead_price" placeholder="请输入数字"> <span class="loanunit">万元</span> </div> </div> </li> <li class="clearfix"> <label for="" class="labeltext">还款类型</label> <div class="inputboxlist clearfix"> <div class="loantype"> <span id="refund_option" data-val="1" class="loantit">缩短还款年限</span> <i class="icon06"></i> <ul class="typelist"> <li data-val="1" >缩短还款年限</li> <li data-val="2" >减少月还款额</li> </ul> </div> </div> </li> </ul> <div class="calculatebtn clearfix"> <a href="" class="cbtn btn1" id="refund_calculate_btn">计 算</a> <span class="resetbtn" id="refund_cacel_btn">重置</span> </div> </div> <!-- 加类名newstate 显示红色二态 --> <div class="dll_result newstate"> <h3> 节省利息支出 <br/><em id="LJ_ahead_jslxzc">0</em><i>元</i> </h3> <div class="calculateresult"> <ul class="calculatecont"> <li> <span class="calcutit">原月还款额</span> <span class="cmoney"><em id="LJ_ahead_ykhke">0</em>元</span> </li> <li> <span class="calcutit">原最后还款期</span> <span class="cmoney"><em id="LJ_ahead_yzhhkq"></em></span> </li> <li> <span class="calcutit">已还款总额</span> <span class="cmoney"><em id="LJ_ahead_yhkze">0</em>元</span> </li> <li> <span class="calcutit">已还利息额</span> <span class="cmoney"><em id="LJ_ahead_yhlxe">0</em>元</span> </li> <li> <span class="calcutit">该月一次还款额</span> <span class="cmoney"><em id="LJ_ahead_month_gyyihke">0</em>元</span> </li> <li> <span class="calcutit">下月起月还款额</span> <span class="cmoney"><em id="LJ_ahead_xyqyhke">0</em>元</span> </li> <li> <span class="calcutit">新的最后还款期</span> <span class="cmoney"><em id="LJ_ahead_xdzhhkq"></em></span> </li> </ul> <span class="scrollbars"> <i class="bar"></i> </span> </div> <p class="prompttext"><i class="icon08"></i>以上结果仅供参考，房产计算结果最终以实际交易金为准</p> </div> </div> </div> </div> </div> <div class="dll_hothouse w" style="display: none" id="recommend_house"> <h2 class="z_main_hd"><i class="icon10"></i>根据您的计算结果推荐以下楼盘</h2> <div class="z_suggest_list"> <ul class="clearfix"></ul> </div> </div> <!-- 页尾 start --> <div class="z_footer_new"> </div> <script type="text/javascript"> var city = 'quanguo';//有城市属性传city_en，无城市属性传 quanguo var level1_page = 'house'; var level2_page = 'counter'; var level3_page = 'huankuan'; var custom_id = ''; var news_source=''; </script> <script> function tongji(event_name) { var event_params = new Object(); event_params.city_en = 'quanguo'; event_params.hid = ''; event_params.bid = '8';//必填固定 event_params.level1_page = 'house';//传level1_page event_params.level2_page = 'counter';//传level2_page event_params.level3_page = 'huankuan'; event_params.loc_source = '';//传左侧对应值 event_params.custom_id = ''; event_params.news_source = '';//传左侧对应值 event_params.news_origin = ''; //调用推送方法 lejuTj.event(event_name, event_params);//替换事件名称 } </script> <script type="text/javascript" src="//cdn.leju.com/lejuTj/gather.pc.source.js"></script> <script type="text/javascript" src="//cdn.leju.com/helper/js/helper.loader.js"></script></body> <!--<script src="//cdn.leju.com/page_publicSource/js/lib/LET;page/calculator/js/calculator.js?r"></script>--> <script src="//res.leju.com/assets/app/pc/house/v1/calculator.js"></script> <script src="https://imres.leju.com/scripts/app/im/v4/update/im_pc.js?1586241716"></script> </html>