.c_left{margin-top: 30px;}
.c_left .bg_year {
    width: 110px;
    background: url("202112-year.png") no-repeat;
    font-weight: 700;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 33px;
    text-align: center;
    margin-top: 5px;
}
.c_left .line {
    width: 60px;
    height: 2px;
    margin-left: 25px;
    background-color: #5296E9;
    float: left;
    margin-top: 22px;
    margin-left: 2px;
}
.c_left .date {
    width: 45px;
    height: 45px;
    margin-left: 5px;
    border: 1px solid  #5296E9;
    border-radius: 50%;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    float: left;
}

.c_left .date p{display: inline-block; padding-top: 6px;}
.flowname a {
    text-decoration: none;
    color: #666666;
}
.c_left .flowname {
    width: 121px;
    height: 33px;
    font-weight: 700;
    background: url(202112-name.png) no-repeat;
    background-position: right;
    color: #FFFFFF;
    margin-top: 6px;
    text-align: center;
    line-height: 31px;
    font-size: 16px;
    cursor: pointer;
    float: left;
    margin-left: 10px;
}
.c_left .n_curr {
    background: url(202112-name.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    color: gray;
    margin-left: 5px;
}

@media screen and (max-width: 750px){
    .c_left .line{width: 30px;}
    
    
    
    
    
    
}
  @media screen and (max-width: 650px){  
      .c_left .bg_year{float: none;margin-bottom: 10px;}
    .c_fir,.c_sec{display: block;margin-bottom: 8px;margin-top: 8px;}
     
    
}