.keyContent{
    .overdue{
        // --pinkcolor:#ffe3e1;
        display:inline-block;
        border-radius: 17px;
        height: 35px;
        max-width:100%;
        background-color: white;
        margin-top:12px;
        box-shadow: 0px -1px 3px #ececec;
        padding:0 20px 0 0px;

        line-height:30px;

        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        .overdueLeftMix{
            display: inline-block;
            vertical-align:middle;
            width:36px;
            height:36px;
            border-radius: 50%;
            text-align: center;
            margin-top:-2px;
        }
        .overdueLeft{  
            .overdueLeftMix;
            background: #d6e8fb;    
        }
        .overdueLeft-warning{
            .overdueLeftMix;
            background:#ffe3e1;
        }
        span{
            display:inline-block;
            padding-left:10px;
            color:#3e90ec;
            line-height: 35px;
        }
        span.span-warning{
            color:#fb4a46;
        }
    }
    .keyContent-title{
        display:block;
        margin-top:8px;
        height:18px;
        width:100%;

        font-weight:bold ;
        font-size:17px;
        line-height: 18px;
        color:#000000;
        white-space: nowrap;

        overflow: hidden;
        text-overflow: ellipsis;


    }
}