.charge-bar{
    padding:0 22px; font-size: 20px; font-weight: 600; display: flex;
}
.charge-bar>.more{
    font-size: 16px; color: #777777; font-weight: normal;
}
.charge-container{
    display: flex; align-items: flex-start;
}
.related-policy-warp{
    background: #F8F8F8; border: 1px solid #DCDCDC; border-radius: 18px; width: 324px; margin-left: 12px;
}
.related-policy-warp>.title{
    height: 60px; line-height: 60px; padding:0 20px; font-size: 20px;font-weight: 600;
}
.related-policy-warp li{
    height: 64px; border-bottom: 1px solid #E8E8E8; display: block; padding:20px 16px;
}
.related-policy-warp li>a{
    display: block; position: relative; font-size: 16px;padding:0 15px 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}
.related-policy-warp li>a:before{
    width: 5px; height: 5px; border-radius: 5px; background: #333; display: inline-block; content: ' '; position: absolute; top: 8px; left: 0;
}
.related-policy-warp li>a:after{
    width: 8px; height: 8px; border-right: 2px solid #ACAAAA; border-top: 2px solid #ACAAAA; position: absolute; top: 5px; right: 5px; content: ' '; transform: rotate(45deg);
}
.related-policy-warp li:last-child{
    border-color: transparent;
}
.charge-wrap{
    display: flex; margin:30px -6px 0 -6px; flex-wrap: wrap;
}
.charge-list{
    width: calc(50% - 12px); background: #FFF; border-radius: 16px; height: 150px; margin:6px; padding: 23px 23px 23px 38px;
}
.charge-list>.name-distance{
    display: flex; height: 24px; line-height: 24px;
}
.charge-list>.name-distance>.name{
    flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; font-size: 20px; background: url("../../images/store-location.svg") left center no-repeat;
    padding-left: 15px; margin-left: -15px;
}
.charge-list>.name-distance>.distance{
    color: var(--green); font-size: 26px; width: 120px; text-align: center; font-weight: 700;
}
.charge-list>.name-distance>.distance>span{
    font-size: 16px;
}
.charge-list>.other-action{
    display: flex; align-items: center; margin-top: 14px;
}
.charge-list>.other-action>.other{
    flex: 1; width: 0; background: linear-gradient(90deg, #F5F5F5 31.16%, rgba(245, 245, 245, 0) 100%); border-radius: 10px; display: flex; font-size: 14px; line-height: 24px; padding:10px 0;
}
.charge-list>.other-action>.other>li{
    display: block; width: 50%; padding:0 20px; position: relative;
}
.charge-list>.other-action>.other>li:after{
    position: absolute; right: 0; top: 15px; bottom: 0;  border-right: 1px solid #E8E8E8; content: ' ';
}
.charge-list>.other-action>.other>li:last-child:after{
    display: none;
}
.charge-list>.other-action>.other>li>.tips{
    color: #777;
}
.charge-list>.other-action>.other>li .price{
    color: #FF7B51; font-size: 20px;
}
.charge-list>.other-action .button{
    padding: 5px 24px;  width: 120px; height: 40px; line-height: 30px; background: #FFF;  border: 1px solid #0EB67E; border-radius: 20px; margin-left: 45px; text-align: center; font-size: 14px; font-weight: 500; color: var(--green);
}