#teachermgmt{
    .mgmt-top {
        width: 100%;
        height: 50px;
        border-bottom: 1px solid #303030;
        padding: 0px 20px;
        background-color: #282828;
        .tab-box {
            display: inline-block;
            width: 30%;
            min-width: 303px;
            .pane{
                font-weight: bold;
                margin-right: 50px;
                color: #777777;
                line-height: 50px;
                padding: 5px 0;
                cursor: pointer;
                vertical-align: middle;
                &.active{
                    color: #e2e2e2;
                    border-bottom: 1px #777777 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;
}