/*默认设置*/
body,
html {
	line-height: 1;
}
*,
::after,
::before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
ul,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}
a,
a:focus,
a:hover {
	text-decoration:none;
}
button,
input {
	border: 0;
	outline: 0;
}

/*提示框*/
.toast {
    position: fixed;
    z-index: 101;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    display: none;
}
.toast-block {
	max-width: 80%;
	display: inline-block;
    line-height: 1rem;
    position: relative;
    top: 20%;
    margin: 0 auto;
    padding: 0 0.32rem;
    text-align: center;
    opacity: 0;
    background: rgba(0,0,0,.8);
    border-radius: .1rem;
}
.toast span {
    display: inline-block;
    font-size: .4rem;
    color: #fff;
}

/*返回顶部*/
.to-top {
	display: none;
	position: fixed;
    width: 0.96rem;
    height: 0.96rem;
    right: 0.16rem;
    bottom: 3.6rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyODNiZDg5Yy1jMDEwLTQ0NTEtYmQ2OC0yOWRkOWQyOTZjMWYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RThGMjJFNUFGMkVGMTFFOEI2RkFDMjlFRkNGQjg2NjYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RThGMjJFNTlGMkVGMTFFOEI2RkFDMjlFRkNGQjg2NjYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2YzgyMzUzZi01ZDhhLTQ1ZGYtYWQ5Mi00NWM2MzI0MTllNzQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo4Mjk3NWZkMy0zMjgxLTExN2MtYjg5NS1kMzM1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) no-repeat center;
    background-size: cover;
}

/*导航栏*/
#main {
	margin: 0 auto;
    width: 10rem;
    background: #f0f0f0;
}
#calculator-nav,
#result-nav {
	position: relative;
	width: 100%;
	height: 1.12rem;
    background:rgba(246,246,246,1);
	box-shadow:0px -1px 0px 0px rgba(238,238,238,1);
	overflow: hidden;
}
#calculator-nav .calculator-nav-item {
	float: left;
	width: 33.33%;
	height: 1.12rem;
	line-height: 1.12rem;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	color: #333;
	cursor: pointer;
}
#calculator-nav .calculator-nav-item.active {
	color: #eb6120;
	cursor: default;
}
#calculator-nav .calculator-nav-item a {
	color: #333;
	cursor: pointer;
}
#calculator-nav .calculator-nav-item.active a {
	color: #eb6120;
	cursor: default;
}
#calculator-nav .bar,
#result-nav .result-bar {
	position: absolute;
    bottom: 0;
    width: 33%;
    height: 0.08rem;
    transition-duration: 300ms;
    transform: translateX(0px);
}
#result-nav .result-bar {
	width: 50%;
}
#calculator-nav .bar .color,
#result-nav .result-bar .color {
	margin: 0 auto;
	width: 0.44rem;
    height: 0.08rem;
    background: linear-gradient(
    	90deg,
    	rgba(235,97,32,1),
    	rgba(252,148,25,1)
    );
	-webkit-border-radius: 0.04rem;
	-moz-border-radius: 0.04rem;
	border-radius: 0.04rem;
}
#result-nav .result-nav-item {
	float: left;
	width: 50%;
	height: 1.12rem;
	line-height: 1.12rem;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	color: #333;
	cursor: pointer;
}
#result-nav .result-nav-item.active {
	color: #eb6120;
	cursor: default;
}
.calculator-con {
	padding: 0 0.4rem;
	width: 100%;
    background: #fff;
	overflow: hidden;
}
.calculator-con.has-padding-top {
	padding-top: 0.4rem;
}
.calculator-con.no-bottom-has-margin {
	padding-bottom: 0;
	margin-bottom: 0.28rem;
}
.calculator-con .calculator-con-item {
	border-bottom: 0.02rem solid  #dcdcdc;
	overflow: hidden;
}
.calculator-con .calculator-con-item:last-of-type {
	border-bottom: none;
}
.calculator-con .calculator-con-item.border-none {
	border-bottom: none;
} 
.calculator-con .calculator-con-item .label {
	float: left;
	width: 3.2rem;
	height: 1.48rem;
	line-height: 1.48rem;
	text-align: left;
	font-weight: 400;
	font-size: 16px;
	color: #666;
}
.calculator-con .calculator-con-item .content {
	float: left;
	position: relative;
	width: 6rem;
	height: 1.48rem;
}
.content .calculator-type {
	float: left;
	margin-top: 0.3rem;
	margin-right: 0.24rem;
	width: 2.76rem;
	height: 0.88rem;
	line-height: 0.88rem;
	text-align: center;
	font-weight: 400;
	font-size: 14px;
	color: #333;
	background: #ededed;
	-webkit-border-radius: 0.44rem;
	-moz-border-radius: 0.44rem;
	border-radius: 0.44rem;
	cursor: pointer;
}
.content .calculator-type:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
    margin-top: 0.015rem;
}
.content .calculator-type.active {
	color: #eb6120;
	background: #fbdfd2;
	cursor: default;
}
.content input,
.content p {
	float: left;
	padding: 0.4rem 0px;
	width: 70%;
	height: 1.48rem;
	line-height: 0.68rem;
	text-align: left;
	font-size: 16px;
	color: #333;
	background: none;
}
.content p i,
.content p em {
	color: #666;
} 
.content .unit {
	float: right;
	height: 1.48rem;
	line-height: 1.48rem;
	font-weight: 400;
	font-size: 16px;
	color: #333;
}
.content .picker-btn {
	float: left;
	padding-right: 0.4rem;
	width: 100%;
	height: 1.48rem;
	line-height: 1.48rem;
	text-align: left;
	font-weight: 400;
	font-size: 16px;
	color: #333;
    background: url(../img/more.png) no-repeat right center;
    background-size: 0.32rem;
}
/*.content p.lprRate,#oldRate,#fundRate {
	font-size: 14px;
}*/
.calculator-con .calculator-con-item .description {
	padding-left: 0.44rem;
	height: 0.88rem;
	line-height: 0.88rem;
	text-align: left;
	font-weight: 400;
	font-size: 12px;
	color: #999;
	background: url(../img/attention.png) no-repeat left center;
	background-size: 0.32rem;
}
.calculator-con .calculator-result {
	padding: 0.68rem 0;
	overflow: hidden;
}
.calculator-con .calculator-result .calculator-btn {
	width: 100%;
	height: 1.2rem;
	line-height: 1.2rem;
	letter-spacing: 0.04rem;
	text-align: center;
	font-weight: 900;
	font-size: 18px;
	color: #fff;
	background: #1a199f;
	-webkit-border-radius: 0.16rem;
	-moz-border-radius: 0.16rem;
	border-radius: 0.16rem;
}
.calculator-con .calculator-result .calculator-btn[disabled] {
	background: #999;
}
/*@media only screen and (max-width: 374px) {
	#oldRate,.content p.lprRate,#fundRate {
		font-size: 12px;
	}
}*/

/*弹层*/
.lpr-modal {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	z-index: 999;
}
.lpr-modal-wrap {
	position: absolute;
	left: 50%;
	top: 45%;
	transform: translate(-50%,-50%);
	opacity: 0;
	padding: 0.56rem;
	width: 8.56rem;
	background: #fff;
	-webkit-border-radius: 0.16rem;
	-moz-border-radius: 0.16rem;
	border-radius: 0.16rem;
	z-index: 1000;
}
.lpr-modal-wrap h2 {
	margin-bottom: 0.28rem;
	height: 0.48rem;
	line-height: 0.48rem;
	text-align: left;
	font-weight: 600;
	font-size: 16px;
	color: #333;
}
.lpr-modal-wrap span {
	display: inline-block;
	vertical-align: middle;
	height: 0.48rem;
	line-height: 0.48rem;
	font-weight: 400;
	font-size: 12px;
	color: #999;
} 
.lpr-modal-wrap p {
	margin-bottom: 0.48rem;
	line-height: 0.48rem;
	font-weight: 400;
	font-size: 12px;
	color: #333;
}
.lpr-modal-wrap table {
	width: 100%;
	height: 1.04rem;
	line-height: 1.04rem;
	text-align: center;
	font-weight: 400;
	font-size: 12px;
	color: #333;
}
.lpr-modal-wrap table th {
	text-align: center;
	background: #f0f0f0;
}
.lpr-modal-wrap table tr td:nth-of-type(2) {
	font-weight: 600;
}
.lpr-modal-close {
	display: block;
	margin-top: 0.56rem;
	width: 100%;
	height: 1.2rem;
	line-height: 1.16rem;
	text-align: center;
	font-weight: 400;
	font-size: 16px;
	color: #eb6120;
	border: 0.02rem solid #eb6120;
	-webkit-border-radius: 0.16rem;
	-moz-border-radius: 0.16rem;
	border-radius: 0.16rem;
}

/*结果页*/
#credit_chart {
	padding: 0 0.4rem;
	width: 10rem;
	height: 6.8rem;
	background: #fff;
}
#result {
	padding: 0 0.4rem;
	width: 10rem;
	background: #fff;
}
.result-wrap {
	padding: 0.4rem 0.32rem;
	width: 100%;
	background: linear-gradient(
		90deg,
		rgba(235,97,32,1),
		rgba(252,148,25,1)
	);
	-webkit-border-radius: 0.16rem;
	-moz-border-radius: 0.16rem;
	border-radius: 0.16rem;
}
.result-content {
	margin-bottom: 0.32rem;
	width: 100%;
	overflow: hidden;
}
.result-content .result-con {
	float: left;
	width: 33.33%;
	height: 1.12rem;
	line-height: 0.56rem;
	text-align: center;
	font-weight: 400;
	font-size: 14px;
	color: #fff;
	border-right: thin solid  rgba(255,255,255);
	overflow: hidden;
}
.result-content .result-con:last-of-type {
	border: none;
}
.result-wrap .description {
	padding-left: 0.48rem;
	line-height: 0.48rem;
	text-align: left;
	font-weight: 400;
	font-size: 12px;
	color: #fff;
	background: url(../img/attention_fff.png) no-repeat left 0.08rem;
	background-size: 0.32rem;
	opacity: 0.6;
}
.result-list {
	padding: 0.68rem 0.4rem 0.4rem;
	background: #fff;
}
.result-list-title {
	padding: 0.08rem 0;
	width: 100%;
	height: 1.12rem;
	background: #f0f0f0;
	-webkit-border-radius: 0.12rem;
	-moz-border-radius: 0.12rem;
	border-radius: 0.12rem;
	overflow: hidden;
	color: #666;
}
.result-list-content {
	margin-top: 0.12rem;
	width: 100%;
	height: -webkit-calc(100vh - 13.48rem);
	height: -moz-calc(100vh - 13.48rem);
	height: -ms-calc(100vh - 13.48rem);
	height: -o-calc(100vh - 13.48rem);
	height: calc(100vh - 13.48rem);
	color: #333;
	overflow: auto;
}
.result-list-con {
	width: 100%;
	height: 0.96rem;
	overflow: hidden;
}
.result-list-item {
	float: left;
	width: 20%;
	height: 0.96rem;
	line-height: 0.96rem;
	text-align: center;
	font-weight: 400;
	font-size: 12px;
	overflow: hidden;
}
.result-list-item:first-of-type {
	width: 14%;
} 
.result-list-item:last-of-type {
	width: 26%;
}