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

.create-school-container {
    width: 100%;
    height: 100%;
    background: #242328;

    .create-header {
        width: 100%;
        height: 45px;
        border-bottom: 1px solid @borderColor;

        .create-header-title {
            height: 45px;
            line-height: 45px;
            width: 100%;
            color: @primary-textColor;
            padding-left: 20px;
            font-size: 16px;
            width: 150px;
            display: inline-block;
        }

        .btn-save {
            float: right;
            cursor: pointer;
            margin-top: 6px;
            margin-right: 10px;
        }
    }

    .create-body {
        width: 100%;
        height: ~"calc(100% - 45px)";
        display: flex;
        flex-direction: row;
    }
}

.create-body {
    .evaluation-attr-wrap {
        width: 400px;
        border-right: 1px solid @borderColor;
        height: 100%;
        padding-left: 20px;

        .wrap-label {
            color: white;
            font-size: @primary-fontSize;
            height: 40px;
            line-height: 40px;
            border-bottom: 1px solid @borderColor;
        }
    }

    .evaluation-question-wrap {
        width: ~"calc(100% - 400px)";
        height: 100%;
        padding-left: 20px;

        .wrap-label {
            color: white;
            font-size: @primary-fontSize;
            height: 40px;
            line-height: 40px;
            border-bottom: 1px solid @borderColor;

            p {
                display: inline-block;
                margin-right: 5px;
            }

            .subject-item {
                display: inline-block;
                color: @second-textColor;
                cursor: pointer;
                line-height: 39px;
                padding:0px 20px;
                font-size: 16px;
                text-align: center;
                position: relative;

                .delete-subject-btn {
                    position: absolute;
                    display: none;
                    color:white;
                    font-size:18px;
                    top:10px;
                    right:0px;
                }

                &:hover .delete-subject-btn {
                    display: inline-block;
                }
            }

            .subject-item-active {
                color: @primary-textColor;
                border-bottom: 2px solid white;
                font-weight: 600;

                /*.delete-subject-btn {
                    display: inline-block;
                }*/
            }
        }
    }
}
.evaluation-question-main /deep/ .ivu-tabs-bar {
    border-color: #404040;
    margin-bottom: 0px;
    border-bottom: none;
}

.evaluation-question-main /deep/ .ivu-tabs-content-animated {
    height: 100%;
}
.evaluation-question-main /deep/ .ivu-tabs .ivu-tabs-tabpane {
}
.evaluation-question-main .ivu-tabs.ivu-tabs-card /deep/ .ivu-tabs-bar .ivu-tabs-tab {
    border: none;
    background-color: #303030;
    color: white;
    margin-right: 2px;
}
.evaluation-attr-form {
    /*margin-top:30px;*/
    margin-right: 10px;
}

.evaluation-question-main {
    width: 100%;
    height: ~"calc(100% - 10px)";
    padding-top: 15px;

    .create-type-wrap {
        color: white;
        margin-right:40px;
    }
}

.add-subject-icon {
    margin-left:15px;
    color:white;
    font-size:16px;
    margin-top: 8px;
    cursor: pointer;
}

.question-main-tabs {
    /*padding-top: 15px;*/
    height: ~"calc(100% - 35px)";
}

.test-paper-analysis {
    color: white;
    cursor: pointer;
    float: right;
    margin-right: 50px;

    &:hover {
        color: aqua;
    }
}
.ivu-select-nochoose {
    background-color: none !important;
}
