body{background: #fff;}
.header{margin-bottom: 0;}
.icon-jieshi{position: relative;font-size: 12px;color: #979797;margin-left: 4px;}
.cal_wrapper{width: 100%;}
.cal_wrapper h1{height: 0;overflow: hidden;}
.gooter_wrap{margin-top: 30px;}
.cal_header_bg{display: none;width: 100%;height: 86px;line-height: 86px;background: #fff;}
.cal_header{position: relative;width: 1200px;margin: 0 auto;}
.cal_header img{position: absolute;left: 0;top: 22px;width: 168px;height: 44px;}
.cal_header div{position: absolute;width: 3px;height: 45px;top: 23px;left: 184px;background: #E7E7E7;}
.cal_header h2{position: absolute;left: 203px;top: 24px;font-size: 28px;font-weight: bold;color: #333;}
.j_loanTotal{background: #f7f7f7;}
.cal_content{width: 1200px;margin: 0 auto;}
.cal_nav{width: 100%;height: 37px;line-height: 37px;overflow: hidden;}
.cal_nav a{color: #333;}
.cal_nav a:hover{color: #f35257;}
.cal_box{background: #fff;position: relative;}
.cal_sd_box{height: 573px;}
.cal_accumulation_box{height: 573px;}
.cal_combined_box{height: 841px;}
.cal_tab{width: 174px;float: left;position: absolute;top: 0;left: 0;bottom: 0;background: #f8f8f8;}
.cal_tab ul{width: 100%;}
.cal_tab ul li{box-sizing: border-box;width: 174px;height: 70px;line-height: 70px;text-align: center;color: #000;}
.cal_tab ul li:hover{background: #f1f1f1;}
.cal_tab ul li a{display: block;height: 70px;line-height: 70px;color: #999;font-size: 14px;}
.cal_tab ul li a:hover{color: #f35257;}
.cal_tab .selected{border-left: 3px solid #f35257;height: 70px;background: #fff;}
.cal_tab .selected a{color: #333;font-weight: bold;}
.cal_detail{width: 1027px;margin-left: 173px;}

.counter_content {position: relative;margin-top: 25px!important;}
.counter_content .counter_left {margin-top: 0;width: 508px;float: left;}
.counter_content .counter_left > div{padding-left: 30px;}
.c_div {height: 54px;line-height: 37px;font-size: 14px;}

.counter_content .select_content {width: 340px;float: left;cursor: pointer;position: relative;}

.c_div .name ,.loan_methods_box .name{float: left;width: 84px;color: #666;font-size: 14px;}

.c_div .select_content {margin-bottom: 14px;height: 37px;background: #f7f7f7;}

.counter_content .counter_right {width: 519px;float: left;}

.select_content .select {background: #F7F7F7;height: 100%;line-height: 100%;padding: 0 10px 0 16px;}

.select_option {display: none;position: absolute;max-height: 180px;background: #fff;border: 1px solid #DDDDDD;overflow-x: hidden;overflow-y: scroll;left: 0;top: 40px;width: 100%;z-index: 1;}

.select p {float: left;line-height: 37px;color: #333;}

.select_option > p {font-size: 14px;color: #333;padding-left:16px;width: 100%;height: 35px;line-height: 35px;}

.select_option > p:hover {color: #333;background: #f3f3f3;}
.select-method{padding: 0;}
.select-method > p{height: 35px;line-height: 35px;padding-left: 16px;color: #999;margin-bottom: 0;}
.select-method > p:hover{background: #f3f3f3;color: #333;}
.select i {float: right;width: 0;height: 0;margin-top: 17px;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 5px solid #333;}

.select_content .check_p {float: right;margin-left: 30px;color: #333;}

.check_p .iconfont {font-size: 18px;color: #999;float: left;margin: 11px 10px 0 0;line-height: 18px;}

.check_p .iconfont.check {color: #f35257;}

.select_content input {border: none;width: 270px;background: #f7f7f7;font-size: 14px;text-indent: 6px;color: #333;padding-left: 10px;}

.select_content input::placeholder {color: #bbb;}

.select_content .unit {float: right;margin-right: 10px;}

.counter_content .counter_btn {margin: 20px 0 0 86px;}

.btn_block a {border: 1px solid #ECECEC;border-radius: 3px;background: #fff;line-height: 40px;text-align: center;color: #999999;padding: 0 16px;font-size: 14px;float: left;cursor: pointer;width: 150px;height: 40px;}

.btn_block a.check {background-color: #f35257;background-image: linear-gradient(135deg, #f97d85 0%, #f35257 100%);color: #fff;border: none;margin-left: 17px;}
.btn_block a.check:hover{opacity: 0.7;}
#j_resetCal:hover{border:1px solid #f35257;color: #f35257;}
.counter_btn .text {color: #999;font-size: 12px;margin-top: 12px;}

.counter_right .right_img {display: block;}

.right_border {width: 488px;height: 356px;margin-left: 30px;}

.counter_right img {float: left;margin: 58px 0 26px 137px;}

.counter_right .text {color: #999;font-size: 14px;width: 100%;clear: both;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.j_calResultBox .counter_right .text{max-width: 170px;}
.border_top {background-color:#f35257;background-image: linear-gradient(135deg, #f97d85 0%, #f35257 100%);height: 46px;line-height: 46px;}

.border_top > i {color: #fff;font-size: 14px;float: left;font-weight: bold;}

.border_top > i > span {display: inline-block;font-weight: normal;cursor: pointer;position: relative;width:18px;height: 18px;background: url('../images/help_white.png') no-repeat;vertical-align: -4px;}

.border_top .left {width: 103px;text-indent: 28px;}

.border_top .center {width: 165px;text-indent: 31px;}
.border_top .center:hover .explain_block{display: block;}
.border_top .right:hover .explain_block{display: block;}
.border_top .right {text-indent: 34px;}

.border_bottom {width: 488px;border: 1px solid #F0F0F0;border-top: none;border-right: none;}

.border_bottom li.top_li {width: 100%;height: 70px;}

li.top_li i {background: #F7F7F7;padding: 21px 0 0 25px;font-size: 12px;color: #333;width: 77px;border-right: 1px solid #F0F0F0;float: left;height: 70px;}

li.top_li i.center {font-size: 16px;background: #fff;width: 133px;padding-left: 31px;}

li.top_li div.right {height: 70px;font-size: 16px;background: #fff;width: 218px;padding-top: 21px;float: left;border-right: 1px solid #F0F0F0;}

li.top_li div.right .top_m {font-size: 16px;padding-left: 38px;}

li.top_li i.center span, .top_m span {color: #f35257;}

.right .text {font-size: 12px;}

li.other {height: 59px;line-height: 58px;font-size: 12px;color: #333;clear: both;}

li.other i {border-top: 1px solid #F0F0F0;border-right: 1px solid #F0F0F0;float: left;}

li.other i.left {text-indent: 28px;width: 102px;background: #F7F7F7;}

li.other i.center {text-indent: 31px;width: 164px;font-size: 14px;}

li.other i.right {text-indent: 38px;width: 218px;font-size: 14px;}

.explain_block {display: none;position: absolute;top: 33px;line-height: initial;width: 268px;left: 7px;text-indent: 0;z-index: 3;}

.right .explain_block {right: 7px;left: auto;}

.explain_block .explain {position: relative;padding: 5px 12px 14px;background: #fff;color: #333;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.13);border-radius: 0 0 6px 6px;}

.explain:before {content: "";position: absolute;top: -15px;border-right: 15px solid transparent;left: 0;border-bottom: 15px solid #fff;}

.right .explain:before {border-right: none;border-left: 15px solid transparent;left: auto;right: 0;border-bottom: 15px solid #fff;}

.select_content.error {border-bottom: 1px solid #ff4100;}
.error_text {display: none;color: #ff4100;text-indent: 80px;margin: 10px 0 0;}

.fund, .blend, .loan_price {display: none;}
.loan_methods_box{margin-top: 12px;}
.loan_methods{float: right;width: 362px;padding-bottom: 20px;border-bottom: 1px solid #f7f7f7;}
.loan_methods > div{position: relative;display: inline-block;font-size: 14px;float: right;}
.loan_methods .radio_box{margin-right: 30px;}
.loan_methods > div input{margin-right: 10px;opacity: 0;}
.loan_methods > div label{color: #333;}
.cal_slogan{position: absolute;bottom: 0;color: #bbb;left: 203px;}
.loan_methods label::before {position: absolute;content: "\e661";font-size: 18px;top: 0px;left: -2px;border: 2px solid #fff;border-top: none;border-left: none;transform: rotate(45deg);z-index: 99;}

.loan_methods input:checked+label::after {position: absolute;content: "\e662";color: #f35257;font-size: 18px;top: 0px;left: -2px;border: 2px solid #fff;border-top: none;border-left: none;transform: rotate(45deg);z-index: 100;}
/* 购房资质导航 */
.pg-tab{border-bottom: 2px solid #f35257;width: 100%;height: 46px;margin-bottom: 24px;margin-top: 20px;}
.pg-tab li{float: left;}
.pg-tab li a{display: block;width: 144px;height: 46px;line-height: 46px;text-align: center;color: #666;font-size: 16px;}
.pg-tab li .active{background: #f35257;color: #fff;}
.news-box{margin: 48px auto;padding-top: 48px;width: 100%;border-top: 1px solid #eee;}
.news-wrap{float: left;width: 560px;margin-right: 80px;}
.ask-wrap{margin-right: 0;}
.news-title{line-height: 28px;padding-bottom: 8px;border-bottom: 2px solid #f35257;font-size: 20px;color: #333;font-weight: bold;margin-bottom: 12px;}
.news-wrap li{line-height: 44px;border-bottom: 1px solid #f2f2f2;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-wrap li a{color: #333;}
.qualify-title{height: 24px;}
.qualify-title span{float: left;line-height: 24px;font-size: 14px;color: #666;}
.qualify-city{float: left;padding: 3px 22px 3px 8px;border: 1px solid #eee;position: relative;line-height: 16px;font-size: 12px;color: #666;z-index: 10;}
.qualify-city::before {content: '';width: 0;height: 0;position: absolute;border-top: 5px solid #bbb;border-right: 5px solid rgba(0,0,0,0);border-bottom: 5px solid rgba(0,0,0,0);border-left: 5px solid rgba(0,0,0,0);top: 8px;right: 7px;}
.qualify-city b{font-weight: normal;}
.qualify-question dl{padding-top: 24px;}
.qualify-question dt{line-height: 22px;font-size: 16px;color: #f35257;margin-bottom: 16px;}
.qualify-question dd{font-size: 14px;color: #333;line-height: 20px;padding-left: 24px;position: relative;margin-bottom: 16px;cursor: pointer;}
.qualify-question dd::after{content: "";position: absolute;left: 0;top: 2px;width: 12px;height: 12px;border: 2px solid #bbb;border-radius: 50%;}
.qualify-question .active::after{width: 4px;height: 4px;border: 5px solid #f35257;border-radius: 50%;}
.qualify-prev{margin-top: 24px;width: 90px;height: 32px;border-radius: 4px;border:1px solid rgba(238,238,238,1);text-align: center;font-size: 14px;color: #666;line-height: 32px;cursor: pointer;}
.qualify-citylist{position: absolute;left: 0;top: 24px;width: 480px;height: 480px;overflow-x: hidden;overflow-y: scroll;box-shadow:0px 4px 12px 0px rgba(0,0,0,0.2);border-radius:4px;background: #fff;display: none;}
.qualify-desc{font-size: 16px;color: #333;height: 55px;line-height: 55px;padding-left: 24px;border-bottom: 1px solid #eee;}
.qualify-citylist dt{background: #f8f8f8;height: 32px;line-height: 32px;padding-left: 24px;font-size: 16px;color: #333;}
.qualify-citylist dd{line-height: 44px;height: 44px;font-size: 14px;color: #333;padding-left: 24px;background: #fff;cursor: pointer;}
.qualify-citylist dd a{color: #333;display: block;}
.qualify-citylist dd a:hover{color: #f35257;}
.qualify-citylist dd:hover{color: #f35257;}
.qualify-result{display: none;}
.result-title{margin-top: 16px;line-height: 22px;font-size: 16px;font-weight: bold;color: #333;padding-left: 4px;position: relative;margin-bottom: 16px;}
.result-title::after{content: "";position: absolute;left: 0;top: 3px;width: 2px;height: 16px;background: #f35257;}
.result-text{line-height: 28px;font-size: 20px;font-weight: bold;color: #f35257;margin-bottom: 16px;}
.result-btn{margin-bottom: 8px;}
.result-btn a{display: block;width:88px;height:32px;background:linear-gradient(135deg,rgba(255,132,0,1) 0%,rgba(255,65,0,1) 100%);border-radius:2px;font-size: 14px;color: #fff;line-height: 32px;text-align: center;}
.result-tip{font-size: 12px;line-height: 16px;color: #999;}
.sdlvCal{overflow: hidden;}
.input-sdLv{width: 93px;height: 37px;float: left;font-size: 14px;text-align: left;line-height: 37px;color: #979797;}
.plus-sign,.equal-sign{float: left;height: 37px;font-size: 14px;color: #979797;line-height: 37px;}
.input-base-point{float: left;width: 126px;height: 37px;text-align: center;font-size: 14px;color: #979797;line-height: 37px;}
.input-total-number{float: left;width: 72px;height: 37px;text-align: right;font-size: 14px;color: #333;line-height: 37px;}
.select_content input::-webkit-input-placeholder {color: #333;}
.select_content input::-moz-input-placeholder {color: #333;}
.select_content input::-ms-input-placeholder {color: #333;}
.LPR-explain-box{position: absolute;width: 306px;display: none;z-index: 9;line-height: 20px;background: #fff;padding: 14px;padding-bottom: 20px;box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.13);left: 25px;top: -70px;border-radius: 5px;}
.LPR-explain-box::before{position: absolute;content: '';width: 0;height: 0;top: 70px;left: -14px;border: 7px solid transparent;border-right: 7px solid #fff;

}
.LPR-explain{font-size: 12px;color: #333;font-weight: normal;}
.LPR-explain span{font-weight: 800;font-size: 14px;}
.icon-jieshi:hover .LPR-explain-box{display: block;}
.j_loanBasePointWrapper .LPR-explain-box{top: -50px;}
.j_loanBasePointWrapper .LPR-explain-box::before{top: 50px;}
.header_w .com-banner-right .com-open-list li a.hover{color: #333!important;font-weight: normal;}