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

.order-learn-main-label {
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid @borderColor;
    color: @second-textColor;
}
.base-info-wrap {
    width: 100%;
    padding-top: 20px;

    .base-info-item {
        margin-bottom: 20px;
    }

    .base-info-label {
        color: @second-textColor;
        display: inline-block;
        width: 80px;
        font-size: 15px;
        margin-bottom: 5px;
    }

    .base-info-value {
        color: white;
        font-size: 16px;
        border-bottom: 1px solid #202020;
        padding-bottom: 4px;
    }
}
.order-learn-content-wrap {
    width: 100%;
    height: 100%;
    padding-left: 18px;

    .order-learn-content-label {
        color: white;
        line-height: 13px;
        margin-top: 15px;
        padding: 5px;
        padding-left: 8px;
        border-left: 2px solid white;
        background: #333333;
    }

    .order-learn-file-wrap {
        color: white;
        margin-top: 5px;

        .order-learn-file-item {
            margin-bottom: 2px;
            font-size: 16px;

            .file-item-action {
                display: none;
                float: right;
                padding-right: 20px;
            }

            .action-icon {
                margin-right: 10px;
                font-size: 16px;
                cursor: pointer;

                &:hover {
                    color: aqua;
                }
            }

            &:hover {
                background: #404040;
                padding-left: 5px;
                border-radius: 5px;
            }

            &:hover .file-item-action {
                display: inline-block;
            }
        }
    }
}

.order-learn-step-item {
    /*margin-top:10px;*/
    border-bottom: 1px solid @borderColor;
    font-size: 15px;
    line-height: 40px;
    height: 40px;
    color: white;
    cursor: pointer;
}

.order-learn-step-item-active {
    background-image: linear-gradient(90deg, rgba(30, 30, 30, 0) 0%, rgba(110, 110, 110, 0.2) 50%, rgba(110, 110, 110, 0.4) 100%);
}