.banner img {
    width:100%;
}

.list {
    padding:.92rem 0 .87rem 0;
}
.list img{
    width:1rem;
    margin-bottom:.27rem;
}
.list dl dt {
    text-align: center;
}
.list dl dd {
    font-size: 18px;
    color: #242424;
    text-align: center;
    line-height: 30px;
}
.charge {

}
.chargeContent {
    padding-top:.9rem;
    padding-bottom:1.1rem;
}
.chargeContent p.title {
    font-size: 36px;
    color: #242424;
    text-align: center;
    line-height: 36px;
    margin-bottom:.6rem;
}
.chargeContent .row {
    display: flex;
}
.chargeContent .col-md-6:first-child {
    margin-right:.6rem;
}
.chargeContent .col-md-6 {
    background: #C73A3D;
    border-radius: 8px;
    padding-bottom:.5rem;
}
.chargeContent p.subtitle {
    font-size: 24px;
    color: #FFFFFF;
    text-align: center;
    line-height: 32px;
    padding:.4rem 0 .35rem 0;
}
.chargeContent ul {
    padding-left:.6rem;
}
.chargeContent .hk-list li,.chargeContent .us-list li{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
}
.chargeContent .hk-list li span.ra ,.chargeContent .us-list li span.ra{
    font-size: 26px;
    color: #FFFFFF;
    text-align: center;
    line-height: 30px;
}
.chargeContent ul li p.rate{
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    padding:.17rem 0 .14rem 0;
    background:#b9373a;
    border-bottom:1px solid #cd6366;
}
.chargeContent .hk-list li p.rate,.chargeContent .us-list li p.rate{
    -webkit-flex: 1;
    flex:1;
    text-align: right;
    padding-right:.3rem;
    margin-right:.6rem;
}

.chargeContent ul li p.sub-title{
    width:1.4rem;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    background: #ad3235;
    line-height:.64rem;
    border-bottom:1px solid #9c282a;
}


.charge {
    background: url("../images/bond/bg_bond_charge.jpg") no-repeat;
    background-size: 100% 100%;
}