.crumb {border-bottom: 1px solid #eee; margin-bottom: 10px;}


h2.title {font-size: 30px; color: #000;}

/* 导航 */
.sub-nav {height: 43px; background-color: #f7f7f7; line-height: 43px; border-top: 2px solid #f1370b; margin-top: 10px;}
.sub-nav li {float: left;}
.sub-nav li a {display: block; padding: 0 25px; font-size: 16px;}
.sub-nav li.curr a {background-color: #f1370b; color: #fff;}


/* 内容 */
.calculator {position: relative; padding: 0 10px 15px; margin: 40px 0 60px; font-size: 14px;}
.w1200 .calculator {padding: 0 70px 15px;}
.calculator .split {position: absolute; display: none; top: 0; bottom: 0; left: 430px; width: 1px; background: #dedede;}
.w1200 .calculator .split {left: 520px;}
.calculator .split s, .calculator .split i {position: absolute; width: 0; height: 0; border: 14px solid transparent;}
.calculator .split s {border-left-color: #ccc; top: 50%; left: 0; margin-top: -7px;}
.calculator .split i {left: -15px; top: -14px; border-left-color: #fff;}
.calculator .ct {height: 35px; line-height: 35px; border-bottom: 1px solid #dfdfdf;}
.calculator .ct span {float: left; font-size: 18px; border-bottom: 1px solid #f1370b;}

/* 填写信息 */
.calculator .write {float: left; width: 375px; margin: 0 100px 0 300px;}
.w1200 .calculator .write { margin: 0 150px 0 330px;}
.calculator .write dl {margin-top: 25px; line-height: 34px;}
.calculator .write .mode-item {display: none;}
.calculator .write dl.nm {margin-top: 0;}
.calculator .write dt {float: left; width: 120px; text-align: right; margin-right: 5px;}
.calculator .write dd {float: left; position: relative; display: inline; }
.calculator .write dd label {margin-right: 15px; cursor: pointer;}
.calculator .write dd input {vertical-align: middle;}
.calculator .write dd label input {margin-top: -2px;}
.calculator .write dd input[type=text] {width: 200px; height: 32px; padding: 0 10px; border: 1px solid #dfdfdf; line-height: 32px; font-size: 16px;}
.calculator .write dd input[type=text]:focus {border: 1px solid #3789d3;}
.calculator .write dd input.error_txt {border-color: red;}
.calculator .write dd em {position: absolute; right: 10px; top: 0; color: #999; line-height: 35px;}
.calculator .write dd .ll {width: 90px; position: relative;}
.calculator .write dd .ll input {width: 68px;}
.calculator .write dd .sel {display: block; position: relative; width: 200px; height: 32px; padding: 0 10px; border: 1px solid #dfdfdf; line-height: 32px;}
.calculator .write dd .sel s, .calculator .write dd .sel i {position: absolute; width: 0; height: 0; border: 6px solid transparent;}
.calculator .write dd .sel s {border-top-color: #999; top: 13px; right: 10px;}
.calculator .write dd .sel i {left: -6px; top: -7px; border-top-color: #fff;}
.calculator .write dd .sel-con {position: absolute; display: none; left: 0; top: 33px; width: 220px; max-height: 300px; overflow-y: auto; background: #fff; z-index: 100; border: 1px solid #dfdfdf; box-shadow: 0 10px 20px rgba(0,0,0,.2);}
.calculator .write dd .sel-con a {display: block; padding: 0 10px;}
.calculator .write dd .sel-con a:hover, .calculator .write dd .sel-con .curr a {background: #efefef; color: #666;} 
.calculator .write .error_msg {color: red; line-height: 30px; visibility: hidden;}
.calculator .write .subtn {width: 138px; height: 40px; margin-right: 10px; background: #f1370b; border: none; font-size: 18px; color: #fff; cursor: pointer;}
#reset {color: #296ecc;}

/* 计算结果 */
.calculator .result {float: left; display: none;}
.calculator .result .item {float: left; margin-top: 25px;}
.calculator .result .item.l {margin-right: 25px;}
.w1200 .calculator .result .item.l {margin-right: 50px;}
.calculator .result h3 {padding-bottom: 20px; font-size: 14px;}
.calculator .result h3 .tips {position: relative; margin-left: 10px;}
.calculator .result h3 .tips i {display: inline-block; width: 16px; height: 16px; vertical-align: middle; cursor: pointer; text-align: center; line-height: 16px; font-size: 12px; color: #fff; background-color: #f15959; border-radius: 50%; font-style: normal; margin-top: -2px;}
.calculator .result h3 .tips_div {position: absolute; display: none; left: 0px; top: 8px; margin: 0 0px 0px -98px; padding: 20px 0 10px; -webkit-animation: topFadeIn .2s ease-out; -moz-animation: topFadeIn .2s ease-out; animation: topFadeIn .2s ease-out;}
.calculator .result h3 .tips_con {position: relative; width: 208px; padding: 8px 15px; background: #fff; border: 1px solid #dfdfdf; box-shadow: 0 0 20px rgba(0,0,0,.2);}
.calculator .result h3 .tips_con em, .calculator .result h3 .tips_con s {position: absolute; width: 0; height: 0; border: 8px solid transparent;}
.calculator .result h3 .tips_con em {border-bottom-color: #ccc; top: -16px; left: 97px;}
.calculator .result h3 .tips_con s {left: -8px; top: -7px; border-bottom-color: #fff;}
.calculator .result h3 .tips_con p {font-size: 12px; line-height: 20px; color: #666;}
.calculator .result .r-con {border: 1px solid #efefef; border-bottom: 0;}
.calculator .result .r-con dl {border-bottom: 1px solid #efefef; height: 39px; line-height: 39px;}
.calculator .result .r-con dt {float: left; width: 90px; text-align: center;}
.calculator .result .r-con dd {float: left; width: 135px; padding-right: 10px; text-align: right; border-left: 1px solid #efefef;}
.calculator .result .r-con dd a {color: #296ecc; margin-left: 10px;}
.calculator .result .bz {margin-top: 20px;}
.calculator .result .bz h4 {padding-bottom: 10px;}
.calculator .result .bz p {color: #999;}

/* 等额本金还款明细 */
.ui_content {margin: 0 0 10px;}
.mxtit {height: 50px; font-size: 16px; background-color: #fff; line-height: 50px; text-align: center;}
.mxtit strong {font-size: 20px; color: #f60;}
.bj_popup {padding: 10px; height: 500px; background-color: #f1f1f1; overflow-y: auto;}
.bj_popup li {position: relative; height: 30px; line-height: 30px; background: #fff; margin-bottom: 10px;}
.bj_popup li span {position: absolute; left: 0; top: 0; height: 30px; background-color: #f60; color: #fff; text-indent: 10px;}
.bj_popup li span em {position: absolute; right: 10px; top: 0;}


/* 热门 */
.gzlist .lpTop{margin:60px 0 35px;font-size: 22px;font-weight: bold;color:#1a1c21;}
.gzlist  ul li{width: 285px;height: 370px;float:left;margin-right:20px;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.gzlist  ul li:nth-child(4n){margin-right: 0;}
.gzlist  ul li:hover{box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.07);}
.gzlist  ul li a{display: block;}
.gzlist  ul li .imgbox{width: 285px;height: 230px;overflow: hidden;position: relative;}
.gzlist  ul li .imgbox img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;margin:auto;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1);}
.gzlist  ul li .imgbox img:hover{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);-moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.gzlist .vrIcon{width:60px;height:60px;position: absolute;left:0;bottom:0;}
.gzlist .vrIcon img{width:60px!important;height:60px!important;}
.gzlist .viIcon{width:50px;height:50px;position: absolute;left:50%;top:50%;margin-top: -25px;margin-left:-25px;}
.gzlist .viIcon img{width:50px!important;height:50px!important;}
.gzlist  ul li .txtbox{padding:20px 0;}
.gzlist  ul li .txtbox h4{font-size: 18px;color:#212121;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;line-height: 32px;}
.gzlist  ul li:hover h4{color:#2974ff;}
.gzlist  ul li .txtbox p{padding:0;line-height: 32px;}
.gzlist  ul li .txtbox .pprice{font-size: 12px;color:#f1370b;font-weight: bold;}
.gzlist  ul li .txtbox .pprice span{float: left;margin-right: 10px;}
.gzlist  ul li .txtbox .pprice b{font-size: 20px;}
.gzlist  ul li .txtbox .parea{font-size: 14px;color:#797a82;}
.gzlist  ul li .txtbox .parea em{font-size: 12px;color:#d3d4de;margin:0 10px;}