#teachermgmt{
    width: 100%;
    height: 100%;
    .mgmt-top {
        width: 100%;
        height: 50px;
        border-bottom: 1px solid var(--border-color);
        padding: 0px 20px;
        background-color: var(--body-bg);
        .tab-box {
            display: inline-block;
            width: 30%;
            min-width: 303px;
            .pane{
                margin-right: 50px;
                color: #777777;
                line-height: 50px;
                padding: 5px 0;
                cursor: pointer;
                vertical-align: middle;
                &.active{
                    font-weight: bold;
                    color: var(--tabs-text-color);
                    border-bottom: 2px var(--tabs-bottom-color) solid;
                }
            }
        }
    }
    .mgmt-main {
        height: calc(100% - 50px);
        width: 100%;     
    }
}
.opacity-enter-active, .opacity-leave-active {
    transition: all 0.3s;
}
.opacity-enter, .opacity-leave-to /* .list-leave-active below version 2.1.8 */ {
    opacity: 0;
}