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

.manage-order-learn {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    .order-learn-list-box {
        width: 100%;
        height: 100%;
        padding-left: 10px;
    }

    .order-learn-main {
        width: 100%;
        height: 100%;
        padding-left: 15px;
    }
}
.order-learn-list-box {
    .order-learn-list-label {
        height: 45px;
        width: 100%;
        line-height: 45px;
        color: @second-textColor;
        border-bottom: 1px solid @borderColor;
    }

}
.learn-list-header{
    height: 45px;
    line-height: 45px;
    color: white;
    border-bottom: 1px solid @borderColor;
}
.order-learn-main {
    .main-bar-wrap {
        width: 100%;
        height: 45px;
        line-height: 45px;
        border-bottom: 1px solid @borderColor;

        .main-bar-action-btn {
            color: white;
            float: right;
            margin-right: 50px;
            cursor: pointer;

            &:hover {
                color: aqua;
            }
        }

        .main-bar-item {
            color: #CCCCCC;
            margin-right: 35px;
            cursor: pointer;
        }

        .main-bar-item-active {
            border-bottom: 2px solid white;
            color: white;
        }
    }


    .order-learn-main-body {
        width: 100%;
        height: ~"calc(100% - 45px)";

    }
}
.to-create-icon {
    margin-right: 15px;
    margin-top: 8px;
    cursor: pointer;
    color: white;
    font-size: 18px;
}
.to-create-icon:hover{
    color:aqua;
}
.main-header-tab {
    color: @second-textColor;
    margin-right: 35px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    line-height: 45px;
    height:45px;
}
.learn-action-wrap{
    float: right;
    height: 45px;
    line-height: 45px;
}