.f-dfsb{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.f-bcf{
    background-color: #fff;
}
.f-tal{
    text-align: left;
}
.f-tar{
    text-align: right
}

.f-fs1{font-size: 12px;}
.f-fs2{font-size: 13px;}
.f-fs3{font-size: 14px;}
.f-fs4{font-size: 15px;}
.f-fs5{font-size: 16px;}
.f-fs6{font-size: 17px;}
.f-fs7{font-size: 18px;}

.f-fs8{font-size: 28px;}

.f-cl1{color: #A6A6A6;}
.f-cl2{color: #E5323B;}

.f-mgb{margin-bottom: 2.6vw;}

.u-detailsRecord{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 14.6667vw;
    padding: 0 4vw;
    font-size: 16px;
    background-color:#fff; 
}
.u-detailsRecord img {
    width: 2vw;
    height: 3.6vw;
}
body{
    background-color: #f7f7f7;
    color: #2c2c2c;
}
.u-title{
    display: flex;
    align-items: center;
    height: 11vw;
    margin-top: 3.3vw;
    padding: 0 4vw;
    background: #fff;
    font-size: 16px;
    border-bottom:1px solid #D4E5FF;
}
.u-title img{
    width: 1vw;
    margin-right: 3.3vw;
}
.u-progress{
    /* margin-bottom: 2.6vw; */
    width: 50vw;
    height: 10px;
    background: #f2f1f6;
    border-radius: 6px ;
}
.u-progress .progress_bar{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 0 4vw;
    background-color: #7BE59D;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    box-sizing: border-box;
}
.u-progress .progress_bar_02{
    background-color: #6bc4ff;
}