.train-mgt-container{
    width: 100%;
    height: 100%;
    padding: 15px;
    background: #fff;
}
.train-block-box{
    // background: white;
    width: 100%;
    // min-height: 800px;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
}
.train-item{
    width: 300px;
    background: #fcfcfc;
    border: 1px solid #f0f0f0;
    padding-bottom: 10px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
    margin-right: 30px;
    cursor: pointer;
    height: fit-content;
    transition: all .2s ease 0s;
    .info-label{
        color: #a5a5a5;
    }
    &:hover{
        box-shadow: 0 26px 40px -24px #aaa;
        transform: translateY(-4px);
    }
    &:hover .train-img{
        // transform: scale(1.1);
    }
    .train-img-box{
        width: 300px;
        height: 150px;
        overflow: hidden;   
        position: relative;
        .train-type-label{
            position: absolute;
            left: -2px;
            top: 5px;
            color: white;
            font-size: 12px;
            padding: 2px 5px;
            z-index: 99;
            transform: rotate(-45deg);
        }
        &::after {
            position: absolute;
            content: ' ';
            left: -32px;
            top: -6px;
            z-index: 0;
            border-right: 40px solid transparent;
            border-left: 40px solid transparent;
            border-bottom: 40px solid rgba(100, 100, 100, 1);
            transform: rotate(-45deg);
        }
    }
    .school-train-bg{
        &::after{
            border-bottom: 40px solid #19be6b !important; 
        }
    }
    .area-train-bg{
        &::after{
            border-bottom: 40px solid #ff9900 !important;
        }
    }
    .train-img{
        transition: all 0.3s;
        width: 300px;
        height: 150px;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .info-item{
        margin-top: 5px;
        width: 100%;
        padding-left: 5px;
    }
}
.train-mgt-top{
    width: ~"calc(100% - 20px)";
    height: 40px;
    box-shadow: 0px 2px 5px #e9e9e9;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 20px;
    margin-bottom: 10px;
    line-height: 40px;
}
.to-create-train{
    float: right;
    user-select: none;
    cursor: pointer;
}