@import "common.css";
/* 1px */
.line_1px{
    border-bottom: 1px solid #e8e8e8;  
    box-shadow: 0 1px 1px #fff;
}
/* 第一张card */
.finance_card{
    padding-left: .256rem;
    margin-bottom: .1706rem;
    background-color: #fff;
}
.finance_card h3{
    height: .6143rem;
    line-height: .6143rem;
    font-size: .256rem;
    color: #c00000;
}
.finance_card h3::before{
    content: '';
    display: inline-block;
    position: relative;
    top: -1px;
    height: .256rem;
    width: 3px;
    vertical-align: middle;
    background-color: #ef2c2c;
    margin-right: .1706rem;
}
.title{
    margin-right: .256rem;
    display: -webkit-flex;  
    display: flex; 
    -webkit-justify-content: flex-start; 
    justify-content: flex-start; 
    font-size: .2218rem;
}
.title>div{
    flex: 1;
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    line-height: .7509rem;
    color: #000;
}
.title .type{
    text-align: center;
}
.title .rate{
    text-align: right;
}
.finance_card .frist li{
    list-style: none;
    display: -webkit-flex;
    display: flex;
    height: .5119rem;
    line-height: .5119rem;
    font-size: .2389rem;
    color: #222222;
    margin-right: .256rem;
}
.finance_card .three span{
    flex: 1;
    -webkit-flex: 1;
    -webkit-box-flex: 1;
}
.finance_card .three span:nth-child(2){
    text-align: center;
}
.finance_card .three span:nth-child(3){
    text-align: right;
}
/* 第二张card */
.two_column{
    margin-right: .256rem;
    color: #000;
    height: .7509rem;
    line-height: .7509rem;
    font-size: .2218rem;
}
.two_column div{
    float: left;
}
.two_column div:nth-child(1){
    width: 70%;
}
.two_column div:nth-child(2){
    width: 30%;
    text-align: right;
}
/* maybe common */
.finance_card ul{
    padding-bottom: .256rem;
    font-size: .2218rem;
}
.finance_card ul li{
    display: -webkit-flex;
    display: flex;
    margin-right: .256rem;
    line-height: .5119rem;
}
.finance_card ul li span:nth-child(1){
    width: 72%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.finance_card ul li span:nth-child(2){
    width: 28%;
    text-align: right;
}