/**
 * @Time 2019/10/25
 * @Author Wxy
 * @Description 考试模块 颜色混入修正页面
 * 此页面集成 颜色基础变量 + 未修正页面样式 + 已修正页面样式
 */
@import "../base/utils.scss";

@mixin setStyleAframeKaoshi($project) {
  .mta-exam-analysis {
    //display: flex;
    flex-direction: column;
    height: 100%;

    .mta-wrap {
      margin-top: 15px;
      background: #FFF;
      border-radius: 8px;
      padding: 30px 5px 15px 20px;
      /*flex: 1;
      display: flex;
      flex-direction: column;*/
      //IE11 hack
      margin-bottom: 20px;
    }

    .grfx-charts {
      width: 95%;
      height: 240px;
      margin: 15px 0;
    }

    .date-block {
      .el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner {
        width: 260px;
      }
    }

    .mta-shiti-fenxi {
      display: flex;
      justify-content: space-between;
      flex-direction: row;

      &-left {
        flex: 1;
      }
      &-right {
        flex: 1;
      }
    }
    //分页
    .response-el-pagination{
      margin-top: 5px;
    }
    //新增响应式
    @media screen and (max-width: 1600px){
      .mta-wrap{padding: 20px 20px 15px;}
    }
    @media screen and (max-width: 1440px){
      .mta-wrap{padding:15px;}
      //时间选择框
      .chart-box{margin-top: 0}
      //基本数据
      .first-row-line{
        margin: 10px 0;
        .el-col .text-label{
          margin: 10px auto;
          @include setFontBase(-4);
        }
        .el-col .text-label + div{
          @include setFontBase(8);
          margin-bottom: 15px;
        }
      }
      //图表上边距
      .grfx-charts{
        margin: 0;
      }
      //分页
      .response-el-pagination{
        margin-top: 3px;
      }
    }


  }

  /******** 试题库-试题新增 *********/
  .mta-question-add {
    @include setFontBase(-4);
    .w98 {
      width: 98%
    }

    .depth-one {
      margin-top: 15px;
      margin-left: 0;
    }
    //单选框、复选框
    .depth-one-choice{
      margin-left: 15px;
      margin-top: 2px;
    }
    .depth-two {
      margin-top: 15px;
      //margin-left: 30px;
    }
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;

    .mta-head-area {
      display: flex;
      flex-direction: row;

      .el-breadcrumb {
        margin-bottom: 16px;
      }

      .head-area-item {
        flex-grow: 0.5
      }

      .text-a-r {
        text-align: right;
      }
    }


    .mta-UE-wrap {
      background: #FFF;
      flex: 1;
      border-radius: 8px;
      padding: 30px 30px 15px;
      display: flex;
      flex-direction: column;

      .el-tab-pane {
        height: calc(100vh - 295px);
      }

      .mta-shiti-attr {
        display: flex;
        flex-direction: column;

        .content {
          display: flex;
          flex-direction: row;
          margin-top: 15px;
          // justify-content: space-around;

          .mta-ue-row-shititype {
            float: left;
            width: 224px;
          }

          .select-input-star {
            color: red;
            height: 40px;
            line-height: 40px;
            float: left
          }

          .select-input-label {
            float: left;
            margin-left: 7px;
            height: 40px;
            line-height: 40px;
          }

          .content-item {
            margin-right: 72px;
          }


        }
      }

      .mta-shiti-timu {
        margin-top: 30px;
        display: flex;
        flex-direction: column;
      }

      .mta-shiti-xuanxiang {
        margin-top: 30px;
        display: flex;
        flex-direction: column;

        .content-list {
          display: flex;
          flex-direction: column;

          .content-list-item {
            margin-top: 15px;
          }
        }

        .content-fillblank {
          display: flex;
          flex-direction: column;

          .content-fillblank-row {
            margin-top: 0;
            display: flex;
            flex-direction: row;
            //   justify-content: space-between;

            /*margin: 15px;*/
            /*border-bottom: 1px dashed slateblue;*/


            .content-fillblank-col-l {
              width: 95px;
              text-align: right;

              .content-fillblank-col-i {
                margin: 20px 0;
                height: 40px;
                line-height: 40px;
                border-radius: 5px;
                width: calc(100% - 0px);
              }
            }

            .content-fillblank-col-c {
              width: calc(100% - 150px);
              display: flex;
              flex-direction: row;
              flex-wrap: wrap;


              .content-fillblank-col-item {
                margin: 23px 3% 23px 0;
                padding: 0;
              }
            }

            .content-fillblank-col-r {
              width: 40px;

              .content-fillblank-col-i {
                margin: 20px;
                border-radius: 5px;
                width: calc(100% - 60px);
                height: 40px;
                line-height: 40px;
                .content-fillblank-add-i {
                  width: 40px;
                  height: 40px;
                  line-height: 40px;
                  float: left;
                  font-size: 42px;
                  cursor: pointer;
                }
              }
            }

          }
        }

        .btnAdd {
          text-align: center;
          background-color: #F2F2F2;
          width: calc(100% - 67px)
        }

        .btnAdd.btnAddTk {
          width: calc(100% - 0px)
        }
      }

      .mta-shiti-jiexi {
        margin-top: 30px;
        display: flex;
        flex-direction: column;
      }

      .mta-shiti-anniu {
        margin: 30px 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
      }

    }

    .rove-paragraph-btn {
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 40px;
      border-radius: 3px;
      cursor: pointer;
      color: #FFF;
      font-size: 36px;
      margin-left: 5px;
      display: inline-block;
    }

    .btnAdd {
      margin-top: 15px;
      text-align: center;
      background-color: #F2F2F2;
      width: calc(100% - 0px);
      height: 45px;
      line-height: 45px;
      cursor: pointer;

      .btn-box {
        display: inline-flex;
        margin: 0 auto;

        i {
          font-size: 40px;
          font-weight: 600;
          margin-right: 20px;
        }

        span {
          //font-size: 16px;
          // color: #555;
        }
      }

    }
    //试题分类
    .icon-shititype {
      float: left;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      cursor: pointer;
    }
    .rove-paragraph-btn{@include setThemeColorBase("background-color", 1);}
    //.btnAdd .btn-box span{@include setThemeColorBase("color", 1);}
    .btn-box i{@include setThemeColorBase("color", 1);}
    .content-fillblank-add-i{@include setThemeColorBase("color", 1);}

    //阅读理解table
    .ydlj-table{
      margin-top: 30px;
    }
    .rich-text-box{
      border: 1px solid #ccc;
      display: flex;
      justify-content: space-around;
      padding: 24px;
      //富文本
      /*.StQuillEditor-box{
        width: 30px;
        display: inline-block;
        .ql-container{
          display: none;
        }
        .ql-toolbar.ql-snow{
          border: 0;
        }
        .ql-snow .ql-formats{
          display: block;
          margin-right: 0;
          button {
            display: block;
            float: none;
          }
        }
      }*/
      //解释
      .explain-box{
        display: inline-block;
        vertical-align: top;

        p{
          height: 24px;
          line-height: 24px;
          margin: 0;
          display: flex;
          align-items: center;
          margin-bottom: 4px;
        }
        i{
          width: 20px;
          height: 20px;
          display: inline-block;
          text-align: center;
        }
        //icon
        .ql-stroke {
          fill: none;
          stroke: #444;
          stroke-linecap: round;
          stroke-linejoin: round;
          stroke-width: 2;
        }
      }
      //线
      .explain-line{
        width: 1px;
        height:inherit;
        background: #ccc;
      }

    }
    //富文本按钮
    .richTextBtn{
      width: 20px;
      height: 20px;
      display: inline-block;
      background-image: url("../../../assets/images/icons/rich-help-icon.svg");
      background-position: center;
      background-repeat: no-repeat;
    }
    //新增响应式
    @media screen and (max-width: 1600px){
      .depth-one,.depth-two {
        margin-top: 10px;
      }
      //单选框、复选框
      .depth-one-choice{
        margin-left: 10px;
      }
      .mta-UE-wrap{
        padding: 20px 20px 15px;
        .mta-shiti-attr {

          .content {
            margin-top: 10px;
          }
        }
        //题目
        .mta-shiti-timu {
          margin-top: 20px;
        }
        //选项
        .mta-shiti-xuanxiang {
          margin-top: 20px;
          .content-list .content-list-item {
            margin-top: 10px;
          }
          //填空题
          .content-fillblank .content-fillblank-row {

            .content-fillblank-col-l {

              .content-fillblank-col-i {
                margin: 15px 0;
              }
            }

            .content-fillblank-col-c {

              .content-fillblank-col-item {
                margin: 15px 3% 15px 0;
              }
            }
            //增加填空题选项
            .content-fillblank-col-r {

              .content-fillblank-col-i {
                margin: 15px;
              }
            }
          }
        }
        //答题解析
        .mta-shiti-jiexi {
          margin-top: 20px;
        }
      }
      //阅读理解table
      .ydlj-table{
        margin-top: 20px;
      }
    }
    @media screen and (max-width: 1440px){
      .depth-one,.depth-two {
        margin-top: 5px;
        @include setFontBase(-6);
      }
      //单选框、复选框
      .depth-one-choice{
        margin-left: 5px;
      }
      .mta-UE-wrap{
        padding: 15px;
        .mta-shiti-attr {

          .content {

            //红色*
            .select-input-star {
              height: 36px;
              line-height: 36px;
            }
            //label
            .select-input-label {
              height: 36px;
              line-height: 36px;
              @include setFontBase(-7);
            }
            //input
            .mta-ue-row-shititype {
              width: 200px;
              .el-input__inner{
                height: 36px;
                line-height: 36px;
                @include setFontBase(-7);
              }
              .el-input__icon{
                height: 36px;
                line-height: 36px;
              }
            }
          }
        }
        //题目
        .mta-shiti-timu {
          margin-top: 10px;
        }
        //选项
        .mta-shiti-xuanxiang {
          margin-top: 10px;
          .content-list .content-list-item {
            margin-top: 5px;
          }
          //填空题
          .content-fillblank .content-fillblank-row {

            .content-fillblank-col-l {

              .content-fillblank-col-i {
                height: 36px;
                line-height: 36px;
                @include setFontBase(-7);
                margin: 10px 0;
              }
            }

            .content-fillblank-col-c {

              .el-input{
                .el-input__inner{
                  height: 36px;
                  line-height: 36px;
                  @include setFontBase(-7);
                }
              }
              .content-fillblank-col-item {
                margin: 10px 3% 10px 0;
              }
            }
            //增加填空题选项
            .content-fillblank-col-r {

              .content-fillblank-col-i {
                margin: 10px;
                height: 36px;
                line-height: 36px;
                .content-fillblank-add-i {
                  width: 36px;
                  height: 36px;
                  line-height: 36px;
                  @include setFontBase(14);
                }
              }
            }
          }
        }
        //答题解析
        .mta-shiti-jiexi {
          margin-top: 10px;
        }
      }
      //试题分类
      .icon-shititype{
        width: 36px;
        height: 36px;
        line-height: 36px;
      }
      //新增按钮
      .btnAdd {
        margin-top: 10px;
        height: 40px;
        line-height: 40px;
      }
      .fsize-p{@include setFontBase(-4);}
      .fsize-p8{@include setFontBase(4);}
      //阅读理解table
      .ydlj-table{
        margin-top: 10px;
        .el-table th > .cell{
          @include setFontBase(-6);
        }
        .el-table__row .el-button--text{
          @include setFontBase(-7);
        }
      }
    }
  }
  /******** 试卷配置 *********/
  .mta-examine-add {

    .mta-head-area {
      display: flex;
      flex-direction: row;

      .head-area-item {
        flex-grow: 0.5
      }
      .text-a-r {
        text-align: right;
      }
    }


    .mta-EA-wrap {

      > div {
        height: calc(100vh - 250px);
        overflow: auto;

        .mta-examine-attr {
          display: flex;
          flex-direction: column;
          margin-right: 45px;


          .mta-shijuan-anniu {
            margin-top: 20px;
            display: flex;
            flex-direction: row;
            justify-content: center;
          }
        }
      }

      .AddExamWrap {
        margin-top: 10px;
        .selectInput{display: inline-block;width: auto;}
      }
      .response-examAdd-box{
        .el-col{width: 25%;}
      }
      .btnAdd {
        margin-top: 15px;
        text-align: center;
        background-color: #F2F2F2;
        width: calc(100% - 0px);
        height: 45px;
        line-height: 45px;
        cursor: pointer;

        .btn-box {
          display: inline-flex;
          margin: 0 auto;

          i {
            @include setFontBase(10);
            font-weight: 600;
            margin-right: 20px;
            font-style: normal;
          }

          span {
            font-size: 16px;
            color: #555;
          }
        }

      }
    }

    //固定试题
    .AddExamGdDlWrap {
      .el-table__body td {
        height: 38px;
        line-height: 38px;
        padding: 0;
      }
      .el-col {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;

        .el-form-item {
          width: 96%;
          margin-right: 4%;
        }
      }

      .mta-el-switch {
        padding-top: 9px;
        margin-left: 8%;
      }

      //添加固定试题-row
      .exam-shiti-row {
        flex: 1;
        margin-top: 15px;

        .el-col {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
        }

        .el-pagination {
          margin: 15px 0;
          float: left;
          width: calc(100% - 100px);
        }
      }
      //试题分数
      .stScore-row{
        .el-form-item{margin-bottom: 0;}
      }
    }

    .first-span {
      color: #333;
      text-align: left;
      font-size: 14px;
      line-height: 32px;
      padding: 0 5px;
    }

    .dialog-sub-question {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;

      .dialog-sub-question-item {
        margin: 20px;
      }
    }
    .el-icon-plus{
      margin: 10px 0 0 5px;
      cursor: pointer
    }
    //新增响应式
    @media screen and (max-width: 1600px) {
      .mta-EA-wrap{
        > div {
          .mta-examine-attr {
            margin-right: 30px;
            //保存并关闭按钮
            .mta-shijuan-anniu {
              margin-top: 15px;
            }
          }
        }
        .response-examAdd-box{
          .el-col{width: 23%;}
          .examAdd-sjfl{width: 27%;}
        }
      }
    }
    @media screen and (max-width: 1440px) {
      .mta-EA-wrap{
        > div {
          height: calc(100vh - 225px);
          .mta-examine-attr {
            margin-right: 20px;
            //保存并关闭按钮
            .mta-shijuan-anniu {
              margin-top: 10px;
            }
          }
        }
        .response-examAdd-box{
          .el-col{width: 23%;}
          .examAdd-sjfl{width: 28%;}
        }
        //新增段落按钮
        .btnAdd {
          margin-top: 10px;
          height: 40px;
          line-height: 40px;

          .btn-box {
            i {
              @include setFontBase(7);
              margin-right: 14px;
            }
            span {
              @include setFontBase(-6);
            }
          }

        }
      }
      //添加固定试题-row
      .exam-shiti-row {
        .el-pagination {
          margin: 10px 0;
        }
      }
    }
    .formula-table .el-table__row .cell{
      height: 49px;
      line-height: 49px;
    }
    .formula-table .el-table__row .MJX-TEX{
      margin-top: -50%;
    }
    .formula-table .el-table__row .cell p{margin: 0;padding: 0;}
    .formula-table td {
      height: 49px;
      line-height: 49px;
      overflow: hidden;
      margin: 0;
      padding: 0;
    }
    .el-tooltip-box{
      width: 20px;
      height: 20px;
      margin-left: 5px;
      margin-top: 6px;
      display: inline-block;
      position: relative;
      vertical-align: middle;
      .aliUpload-note-word{
        width: 20px;
        height: 20px;
        background-image: url("../../../assets/images/icons/note-word.svg");
        position: absolute;
        left: 0;
        top: 0;
        background-position: center;
        background-repeat: no-repeat;
      }
    }

    @media screen and (max-height: 800px) {
      .formula-table .el-table__row .cell{
        height: 38px;
        line-height: 38px;
      }
      .formula-table td {
        height: 38px;
        line-height: 38px;
      }
    }
    @media screen and (max-height: 700px) {
      .formula-table .el-table__row .cell{
        height: 29px;
        line-height: 29px;
      }
      .formula-table td {
        height: 29px;
        line-height: 29px;
      }
    }
  }

  /******** 试卷内容 *********/
  .mta-ExamineList {
    .add-examine {
      width: 100%;
      height: 50px;
      clear: both;

      .add-examine-btn {
        width: 150px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        margin: 10px 0;
        float: right;
        border-radius: 3px;
        cursor: pointer;
        color: #FFF;

        i {
          font-size: 24px;
          float: left;
          font-weight: 600;
          margin-left: 16px;
          font-style: normal;
          height: 30px;
          line-height: 30px;
        }

        span {
          font-size: 14px;
          height: 30px;
          line-height: 30px;
          display: block;
        }
      }
    }

    .rove-paragraph-btn {
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 40px;
      border-radius: 3px;
      cursor: pointer;
      color: #FFF;
      font-size: 36px;
      margin-left: 5px;
      display: inline-block;
    }

    .paragraph-box {
      width: 100%;
      height: 40px;
      line-height: 40px;
      margin-top: 20px;

      .paragraph-label {
        width: 100px;
        text-align: right;
        float: left;
        @include setFontBase(-6);
        color: #606266;
      }
      .paragraph-time {
        width: 355px;
        text-align: left;
        float: left;
        margin-left: 26px;
        @include setFontBase(-6);
        color: #606266;

        .el-input-number__decrease,.el-input-number__increase {
          display: none;
        }
      }

      .el-input.myInput {
        width: calc(50% - 100px);
        float: left;
      }
    }

    .mta-btn-span {
      padding: 0 5px;
    }
    /***宽度响应式***/
    @media screen and (max-width: 1440px) {
      >ul{
        margin: 0;
      }
      //段落input
      .paragraph-box {
        height: 36px;
        line-height: 36px;
        margin-top: 10px;

        .paragraph-label {
          @include setFontBase(-7);
        }

        .el-input.myInput {
          width: calc(50% - 135px);
        }
      }
      //删除按钮
      .rove-paragraph-btn {
        width: 36px;
        height: 36px;
        line-height: 36px;
        @include setFontBase(6);
      }
      //添加试题按钮
      .add-examine {
        height: 40px;

        .add-examine-btn {
          width: 130px;
          margin: 10px 0;

          i {
            @include setFontBase(0);
            font-weight: 600;
            margin-left: 16px;
            font-style: normal;
          }

          span {
            @include setFontBase(-7);
          }
        }
      }
    }
  }

  /******** 考试配置 wxy *********/
  .mta-kaoshi-config {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    .row-span.selectSpanlight {
      color: #2C3E50
    }

    .row-span {
      color: #CCC;
      cursor: pointer;
      @include setFontBase(-4);
    }

    .mta-head-area {
      display: flex;
      flex-direction: row;

      .el-breadcrumb {
        margin-bottom: 16px;
      }

      .head-area-item {
        flex-grow: 0.5
      }

      .text-a-r {
        text-align: right;
      }
    }

    .mta-KC-wrap {
      background: #FFF;
      flex: 1;
      border-radius: 8px;
      padding: 30px 5px 15px 20px;
      display: flex;
      flex-direction: column;


      > div.mta-box {
        height: calc(100vh - 250px);
        overflow: auto;

        div.mta-scroll-box {
          display: flex;
          flex-direction: column;
          margin-right: 30px;

          //describe:IE样式-兼容性修改 author: TX date:2019-08-27
          .mta-test-attributes {
            position: relative;
            display: block;
            flex-direction: column;
            height: 100%;

            .el-form {
              flex: 1;
            }

            .first-left-box {
              display: flex;
              justify-content: space-between;
              flex-direction: row;
              flex: 1;
              margin-top: 15px;

              .mta-two-left-box {
                margin-right: 90px;
                flex: 3;

                .mta-first-row {

                  .el-col {
                    display: flex;
                    justify-content: space-between;
                    flex-direction: row;

                    > div {
                      flex: 1;
                    }
                  }

                  .top-kaoshifenlei {
                    .mta-select-input {
                      margin-right: 10px;
                    }
                    .el-select {
                      width: 96%;
                    }
                  }
                }

                .mta-two-row {
                  .el-col {
                    display: flex;
                    justify-content: space-between;
                    flex-direction: row;

                    > div {
                      flex: 1;

                      .el-select {
                        width: 100%;
                      }

                      .el-date-editor {
                        width: 100%;
                      }
                    }

                  }
                }
              }

              .two-right-box {
                display: flex;
                flex: 3;
                flex-direction: column;
                justify-content: flex-start;

                .el-button {
                  margin-top: 15px;
                }

                .kaoshi-right-top {
                  display: flex;
                  justify-content: flex-start;
                  flex-direction: row;
                  color: #606266;
                  margin-bottom: 16px;
                  @include setFontBase(-6);

                  > span {
                    width: 85px;
                  }

                  > div {
                    margin: 0 auto;
                    text-align: center;
                    flex: 1;
                  }
                }

                .mta-kaoshixuzhi-quill-editor {
                  min-width: 400px;
                  max-width: 640px;
                }
              }
            }
          }

          .config-table-wrap {
            width: calc(100% - 0px);
            margin-left: 10px;
            margin-bottom: 20px;

            .mta-row-first {
              .el-col.first-row-col {
                position: relative;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                padding-left: 10px;

                .btn-area-model {
                  position: relative;
                }
              }
            }

            .mta-row-two {
              .el-pagination {
                margin-top: 10px;
              }
            }
          }

          .btn-area {
            text-align: center;
          }

          .mta-top {
            .y-axis {
              margin-top: 8px;
            }

          }
        }

        .el-collapse {
          margin-bottom: 20px;

          .other-control {
            display: flex;
            justify-content: space-between;
            flex-direction: row;

            > div {
              flex: 1;
            }
          }
        }
      }

      .mta-search-row {

        .el-col {
          display: flex;
          flex-direction: row;
          justify-content: space-between;

          .mta-serach-area {
            display: flex;
            flex-direction: row;
            justify-content: space-between;

            .mta-search-left {
              display: flex;
              justify-content: space-between;
              flex-direction: row;
              margin-right: 30px;

              > span {
                width: 80px;
                line-height: 30px;
              }
            }
          }
        }

        .mta-table-area {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          margin-top: 20px;

          .el-pagination {
            margin-top: 15px;
          }
        }
      }

      .mta-box {
        .mta-box-collapse {

          .other-control {
            position: relative;

            &-box {
              margin: 5px 0;
              color: #606266;

              > div {
                margin: 20px 0;

                > span.show-lable {
                  display: inline-block;
                  width: 120px;
                  text-align: right;
                  margin-right: 5px;
                }
              }
              //防切屏
              > div.ToggleScreenFlagStatusClass{
                background-color: #eaeaea;
                text-align: center;
                padding: 10px 0;
                margin: 0 8px;
                .ToggleScreenSpan{
                  width: 120px;
                  text-align: right;
                }
                span{
                  display: inline-block;
                  margin: 0 5px;
                }
                .el-input__inner{
                  height: 28px!important;
                  line-height: 28px!important;
                }
              }
            }

            &-box3 {
              margin: 5px 0;
              color: #606266;

              > div {
                margin: 20px 0;

                > span.show-lable {
                  display: inline-block;
                  width: 180px;
                  text-align: right;
                  margin-right: 5px;
                }


              }
            }

            &-box2 {
              color: #606266;
              margin: 5px 0;

              > div {
                margin: 20px 0;

                > span.show-lable {
                  display: inline-block;
                  width: 120px;
                  text-align: right;
                  margin-right: 5px;
                }
                >span.show-lable3 {
                  display: inline-block;
                  width: 94px;
                  text-align: right;
                  margin-right: 5px;
                }
              }
            }

            &-isShowDiv {
              display: flex;
              flex-direction: row;
              background-color: #eaeaea;
              padding: 10px 0;
              >span{
                margin: 0 5px;
                line-height: 28px;
              }
              > span.first {
                width: 80px;
                text-align: right;
              }
            }
          }

        }
      }
    }

    .mta-model {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
    }

    .addUserInfo {
      overflow: auto;

      &-body {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        max-height: 477px;

        &-left {
          flex: 1;
          padding: 20px 10px;
          background-color: #FFF;
          border-radius: 8px;
          min-width: 130px;
          max-width: 200px;
          overflow: auto;
          border: 1px solid #CCC;
          max-height: 477px;
        }

        &-right {
          background: #FFF;
          border-radius: 8px;
          flex: 3;
          margin-left: 10px;
          border: 1px solid #CCC;
          padding: 20px 30px;
          display: flex;
          flex-direction: column;
          overflow: auto;
        }
      }
    }

    .addshijuan {
      &-body {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        max-height: 477px;

        &-left {
          flex: 1;
          padding: 20px 10px;
          background-color: #FFF;
          border-radius: 8px;
          min-width: 130px;
          max-width: 200px;
          overflow: auto;
          border: 1px solid #CCC;
          max-height: 477px;
        }

        &-right {
          background: #FFF;
          border-radius: 8px;
          flex: 3;
          margin-left: 10px;
          border: 1px solid #CCC;
          padding: 20px 30px;
          display: flex;
          flex-direction: column;
          overflow: auto;
        }
      }
    }

    .mta-box-collapse-wrap {
      @include setFontBase(-4);
      .myIcon {
        transition: all .5s ease;
      }
      .isRevent {
        transform: rotate(-180deg);
      }

      & + i {
        visibility: hidden;
      }
    }
    .pagination-box{text-align: left;margin-top: 5px}
    .aliUpload-note-word,.aliUpload-note-word-djms{
      width: 20px;
      height: 20px;
      background-image: url("../../../assets/images/icons/note-word.svg");
      position: absolute;
      left: 146px;
      top: 5px;
      background-position: center;
      background-repeat: no-repeat;
    }
    .aliUpload-note-word-djms{
      left: 0;
      top:0;
    }
    /***宽度响应式***/
    @media screen and (max-width: 1600px) {
      .mta-KC-wrap {
        padding: 20px 5px 10px 20px;
        //考试属性
        > div.mta-box {
          div.mta-scroll-box {
            margin-right: 20px;
            .mta-test-attributes {

              .first-left-box {

                .mta-two-left-box {
                  margin-right: 60px;
                }
              }
            }
          }
        }
        //展开更多设置
        .mta-box {
          .mta-box-collapse {

            .other-control {

              &-box {

                > div {
                  margin: 10px 0;
                }
              }

              &-box3 {

                > div {
                  margin: 10px 0;
                }
              }

              &-box2 {

                > div {
                  margin: 12px 0;
                }
                .el-radio{margin-bottom: 15px;}
              }
              &-isShowDiv {
                @include setFontBase(-7);
              }
            }

          }
        }
      }
      //新增弹窗
      .addshijuan,.addUserInfo {
        &-body {
          &-left{
            padding: 15px 10px;
            min-width: 120px;
            max-width: 170px;
          }
          &-right {
            padding: 20px;
          }
        }
      }
      //防切屏
      .ToggleScreenFlagStatusClass{
        @include setFontBase(-7);
      }
    }
    @media screen and (max-width: 1440px) {
      //添加试卷
      .row-span {
        @include setFontBase(-6);
      }
      .mta-KC-wrap {
        padding: 10px 5px 10px 10px;
        //考试属性
        > div.mta-box {
          height: calc(100vh - 225px);
          div.mta-scroll-box {
            //margin-right: 10px;
            .mta-test-attributes {

              .first-left-box {

                .mta-two-left-box {
                  margin-right: 30px;
                }
                .two-right-box {
                  .kaoshi-right-top {
                    @include setFontBase(-7);
                  }
                  .kaoshi-right-bottom{
                    .el-form-item__label{@include setFontBase(-7);}
                  }
                }
              }
            }
          }
        }
        //弹窗文字
        .mta-search-row .el-col .mta-serach-area .mta-search-left > span{
          @include setFontBase(-7);
          width: 74px;
        }
        //展开更多设置
        .mta-box {
          .mta-box-collapse {

            .other-control {

              &-box {

                > div {
                  margin: 5px 0;
                  > span.show-lable {
                    @include setFontBase(-7);
                  }
                  .el-input .el-input__inner{
                    @include setFontBase(-7);
                    height: 36px;
                    line-height: 36px;
                  }
                }
              }

              &-box3 {

                > div {
                  margin: 5px 0;
                  > span.show-lable {
                    @include setFontBase(-7);
                  }


                }
              }

              &-box2 {

                > div {
                  margin: 10px 0;
                  > span.show-lable {
                    @include setFontBase(-7);
                  }
                  >span.show-lable3 {
                    @include setFontBase(-7);
                  }
                }
                .el-radio{margin-bottom: 10px;}
              }
              .el-radio__label{@include setFontBase(-7);}
              .el-radio__inner{width: 12px;height: 12px;}
            }

          }
        }
      }
      //展开更多设置
      .mta-box-collapse-wrap {
        @include setFontBase(-6);
      }
      //新增弹窗
      .addshijuan,.addUserInfo {
        &-body {
          &-right {
            padding: 15px;
          }
        }
      }

    }
    .span-minute{margin-left: 10px;line-height: 40px}
    .djms-box{
      width: 20px;
      height: 20px;
      margin-right: 5px;
      display: inline-block;
      position: relative;
      vertical-align: middle;
    }
  }
  /******* 考试管理 wxy **********/
  .mta-kaoshi-management {

    .mta-km-wrap {
      flex: 1;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      position: relative;

    }
  }
 /* !*删除弹窗*!
  .BatchFailureDL {

    .el-dialog__close {
      width: 30px;
      height: 30px;
      background-repeat: no-repeat;
      @include bgImg("icon-close_d.png")
    }

    .el-dialog__close:before {
      content: '';
    }
    .el-dialog__header {
      background: #FFF;
      height: 30px;
      line-height: 30px;
    }

    .el-dialog__footer {
      background: #F0F0F0;
      padding: 20px 20px;
    }

    .be_careful {
      width: 80%;
      margin: 0 auto;
      color: #333;
      margin-bottom: 30px;
      line-height: 50px;
    }

    .be_careful i {
      width: 50px;
      height: 50px;
      display: block;
      float: left;
      margin-right: 20px;
      @include bgImg("be_careful.png");
    }
  }*/
  /*********** 成绩管理 wxy ********/
  .mta-OnlineScore {


    .el-tabs{
      flex: 1;
      display: flex;
      flex-direction: column;
      .el-tabs__content{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex: 1;
      }
    }
    .el-tab-pane{
      flex: 1;
      display: flex;
      flex-direction: column;
    }
    //弹窗时间框
    .el-dialog__body{
      .el-date-editor.el-input{
        width: 100%;
      }
    }
    .UserDL-note{margin-left: 28px;}
    @media screen and (max-width: 1440px){
      //弹窗中注释文字大小
      .UserDL-note{
        @include setFontBase(-7);
      }
      //导入成功数据
      .importInfoShow{
        @include setFontBase(-7);
        p{margin-top: 0;}
      }

    }
  }
  /********** 人工评卷 wxy ********/
  .mta-evaluation {}
  //人工评卷-评分-tx
    .mta-evaluationEditor {
      .mta-head-area {
        display: flex;
        flex-direction: row;

        .head-area-item {
          flex-grow: 0.5
        }

        .text-a-r {
          text-align: right;
        }
      }

        .mta-wrap-box {
          height: calc(100vh - 250px);
          overflow: auto;
          flex: 1;

          .mta-scroll-box {
            margin-right: 40px;
            display: flex;
            flex-direction: column;

            .mta-btn-submit {
              text-align: center;
              margin-top: 20px;

              .el-button {
                width: 100px;
              }
            }
          }
        }
      @media screen and (max-width: 1600px){
        .mta-wrap-box .mta-scroll-box .mta-btn-submit{margin-top: 15px;}
      }
      @media screen and (max-width: 1440px){
        .mta-wrap-box .mta-scroll-box .mta-btn-submit{
          margin-top: 10px;
          .el-button {
            width: 80px;
          }
        }
      }
    }
  /************ 考试报名审核 *********/
  .mta-SignUpReview {
  }
  /************ 考试监控 ************/
  .mta-examUserMon {
  }

}
