@main-bgColor:rgb(40,40,40); //主背景颜色
@borderColor: #424242;
@primary-textColor:#fff; //文本主颜色
@second-textColor:#a5a5a5; //文本副级颜色
@primary-fontSize:14px;
@second-fontSize:16px;

.sm {

    &-container {
        height: 100%;
        background: @main-bgColor;
    }

    &-header {
        height: 80px;
        border-top: 1px solid @borderColor;
        border-bottom: 1px solid @borderColor;
        .fl-row-center;

        span {
            margin-left: 30px;
            color: @second-textColor;
            border-bottom: 2px solid transparent;
            font-size: @primary-fontSize;
            font-weight: bold;
            padding: 5px 0;
            cursor: pointer;
        }

        .tab-active {
            border-color: @primary-textColor;
            color: @primary-textColor;
        }
    }

    &-school-name {
        height: 60px;
        border-bottom: 1px solid @borderColor;
        justify-content: space-between;
        .fl-row-center;

        .setting-title {
            color: @second-textColor;
            font-size: @primary-fontSize;
            font-weight: bold;
            margin: 0 30px;
        }

        .school-name {
            font-size: @primary-fontSize;
            color: @primary-textColor;
        }

        .school-tools {
            color:@primary-textColor;
            font-size:@primary-fontSize;
            margin-right:30px;
            cursor:pointer;
        }

        .school-tools .ivu-icon{
            color: @primary-textColor;
            font-size: @second-fontSize;
            margin-right: 5px;
            vertical-align:text-top;
        }
    }
}

.fl-row-center{
    display:flex;
    align-items:center;
}

.fl-col-center {
    display: flex;
    flex-direction:column;
    align-items: center;
}

.sm-container::-webkit-scrollbar { /*滚动条整体样式*/
    width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

.sm-container::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #535353;
}

.sm-container::-webkit-scrollbar-track { /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #EDEDED;
}

