.trainingRecordsContainer{
    ul{
        li{
            display: flex;
            padding-top: 10px;
            padding-bottom: 12px;
            min-height: 126px;
            background-color: #fff;
            padding: 15px;
            margin-bottom: 10px;
            >div:first-child{
                margin-right: 7px;
                width: 0;
                height: 114px;
                background-color: #ccc;
                overflow: hidden;
                flex: 0 0 114px;
            }
            .introItem{
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                flex: 1 1 0;
            }
            h5{
                font-size: 16px;
                color: #333;
            }
    
            .rankItem{
               span{
                display: inline-block;
                padding: 1px 3px;
                border: 1px solid #5F83FF;
                border-radius: 2px;
                margin-right: 10px;
                margin-bottom: 2px;
                font-size: 14px;
                color: #5F83FF;
               }
            }
        }
    }
    h4{
        text-align: center;
        padding-top: 30px;
        font-size: 22px;
    }
}