.loan-good{
color:#28a36a;
}

.loan-normal{
color:#d89122;
}

.loan-bad{
color:#d9327c;
}

.loan-head{
display:block;
font-size:1.7rem;
line-height:1.35;
font-weight:900;
}

.loan-pay{
display:block;
font-size:2.35rem;
line-height:1.08;
font-weight:900;
color:#ff5fac;
}

.loan-unit{
display:block;
font-size:1.55rem;
line-height:1.25;
font-weight:900;
color:#2563eb;
}

.loan-note{
display:block;
margin-top:16px;
line-height:1.9;
font-size:1.18rem;
font-weight:400;
}

.loan-note b{
color:#ff5fac;
}

.loan-table{
width:100%;
margin-top:20px;
border-collapse:collapse;
overflow:hidden;
border-radius:16px;
}

.loan-table td{
padding:13px 10px;
border-bottom:1px solid rgba(255,255,255,.18);
font-size:1.18rem;
line-height:1.65;
}

.loan-table td:last-child{
text-align:right;
font-weight:900;
}

.amort-title{
display:block;
margin-top:24px;
padding-top:20px;
border-top:1px dashed rgba(255,255,255,.25);
line-height:1.9;
font-size:1.18rem;
}

.amort-wrap{
width:100%;
overflow-x:auto;
margin-top:14px;
border-radius:16px;
background:#fff;
}

.amort-table{
width:100%;
min-width:620px;
border-collapse:collapse;
color:#111114;
}

.amort-table th{
background:#111114;
color:#fff;
padding:14px 10px;
font-size:1rem;
line-height:1.45;
text-align:right;
white-space:nowrap;
}

.amort-table th:first-child{
text-align:center;
}

.amort-table td{
padding:13px 10px;
border-bottom:1px solid #eeeeee;
font-size:1rem;
line-height:1.5;
text-align:right;
white-space:nowrap;
}

.amort-table td:first-child{
text-align:center;
font-weight:900;
color:#ff2f93;
}

.amort-table tr:nth-child(even){
background:#fafafa;
}

@media(min-width:769px){

.percent-field label{
font-size:1.16rem;
line-height:1.5;
}

.percent-input{
height:62px;
font-size:1.75rem;
line-height:1.2;
}

.percent-addon{
height:62px;
font-size:1.08rem;
}

}

@media(max-width:768px){
.loan-head{
font-size:1.55rem;
line-height:1.35;
}

.loan-pay{
font-size:2.25rem;
line-height:1.08;
}

.loan-unit{
font-size:1.45rem;
line-height:1.25;
}

.loan-note{
font-size:1.22rem;
line-height:2;
padding-left:0;
padding-right:0;
margin-left:-4px;
margin-right:-4px;
}

.loan-table td{
font-size:1.16rem;
line-height:1.7;
padding:10px 8px;
}

.amort-title{
font-size:1.22rem;
line-height:2;
margin-left:-3px;
margin-right:-3px;
}

.amort-table th,
.amort-table td{
font-size:1rem;
padding:12px 8px;
}

.amort-wrap{
width:calc(100% + 28px);
margin-left:-14px;
margin-right:-14px;
border-radius:0;
}

}