@import "../base/utils.scss";
@import "./cus-aframe-common-media";

@mixin setStyleAFrameCommon($project) {

  .btn-group {
    float: right;

    &-audio-show {

    }
  }

  // 设定缓动动画过渡
  .response-tree-div {
    transition: all 1s ease;

    .editableTree {
      overflow: hidden;
    }
  }
  // 使dom脱离文档
  .response-tree-div.extendTree_position {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2020;
  }
  // 设置dom 宽度 并增加 阴影
  .response-tree-div.extendTree_width {
    min-width: 500px;
    box-shadow: 2px 0 1px 1px rgba(44, 152, 242, .3);
  }

  .addshijuan-body-left.response-tree-div.extendTree_width {
    min-width: 500px;
    box-shadow: 2px 0 1px 1px rgba(44, 152, 242, .3);
  }

  // 响应式计算 固定 宽度
  .fullscreen.response-fullscreen.extendTreeWrapTable {
    margin-left: 280px;

    @include mediaMax(large) {
      margin-left: 245px;
    }
    @include mediaMax(small) {
      margin-left: 230px;
    }
  }

  .mta-peixun-course {
    .course-main_table.extendTreeWrapTable {
      margin-left: 280px;

      @include mediaMax(large) {
        margin-left: 250px;
      }
      @include mediaMax(small) {
        margin-left: 240px;
      }
    }

    .my-courseStore-tree {
      height: calc(100vh - 236px);

      @include mediaMax(large) {
        height: calc(100vh - 236px);
      }
      @include mediaMax(small) {
        height: calc(100vh - 236px);
      }
    }
  }


  // 设定弹性盒 隐藏table高度
  .flex-column {
    display: flex;
    flex-direction: column
  }
  // dialog 的table宽度
  .addshijuan-body-right.extendTreeWrapdialogTable, .addUserInfo-body-right.extendTreeWrapdialogTable {
    margin-left: 232px;

    @include mediaMax(large) {
      margin-left: 202px;
    }
    @include mediaMax(small) {
      margin-left: 202px;
    }
  }

  .mta-exercise-control .addshijuan-body-right.extendTreeWrapdialogTable, .mta-exercise-control .addUserInfo-body-right.extendTreeWrapdialogTable {
    margin-left: 282px;

    @include mediaMax(large) {
      margin-left: 267px;
    }
    @include mediaMax(small) {
      margin-left: 252px;
    }
  }

  .addshijuan-body, .addUserInfo-body {
    position: relative;
  }
  .addUserInfo-body-right.extendTreeWrapdialogTable {
    margin-left: 277px;
    @include mediaMax(large) {
      margin-left: 247px;
    }
    @include mediaMax(small) {
      margin-left: 237px;
    }
  }
  .mta-ur-table.addUserInfo-body-right.extendTreeWrapdialogTable {
    margin-left: 257px;

    @include mediaMax(large) {
      margin-left: 237px;
    }
    @include mediaMax(small) {
      margin-left: 232px;
    }
  }

  // table 置顶图示
  tr.row-upFlag {
    position: relative;
  }
  tr.row-upFlag:after {
    width: 100px;
    height: 50px;
    content: "";
    position: absolute;
    //top: 0;
    left: 0;
    background: url("~@/assets/images/default/" + "set-top.png") no-repeat;
    background-size: 32%;
  }


  @include setMediaAFrameCommon($project);
  .examineTypeDl {
    .examinetype-container {
      height: 300px;
    }
  }
  .popover-login {
    .popover-login2 {
      > span {
        @include setThemeColorBase("color", 0);
      }
    }
  }

  .sjPrevied .el-dialog--center .el-dialog__body {
    text-align: left;
  }

  .ps {
    height: 100%;
  }

  .el-tag.qyztQx {
    background: transparent;
  }

  .el-tag.qyztQx:after {
    background: #ddd;
  }

  .introjs-bullets {
    display: block;
    float: left;
    width: 49%;
    padding-top: 5px;
    text-align: left;
  }

  .introjs-tooltipbuttons {
    display: block;
    float: left;
    width: 49%;
  }

  // 标题样式
  .shiti-title {
    overflow: hidden;

    .y-axis {
      float: left;
      width: 4px;
      height: 16px;
      @include setThemeColorBase("background", 2);
      margin-top: 2px;
    }

    .title-txt {
      float: left;
      font-weight: 600;
      margin-left: 10px;
      //font-size: 18px;
    }
  }
  //首页、试题、试卷title颜色
  .shiti-title .y-axis {
    @include setThemeColorBase("background-color", 1);
  }

  //tab页active
  .el-tabs__item.is-active {
    @include setThemeColorBase("color", 1);
  }
  .el-tabs__active-bar {
    @include setThemeColorBase("background-color", 1);
  }
  .el-tabs__item:hover {
    @include setThemeColorBase("color", 1);
  }
  //分页
  .el-pager li.active {
    @include setThemeColorBase("color", 1);
  }
  .el-pager li:hover {
    @include setThemeColorBase("color", 1);
  }
  .el-pagination button:hover {
    @include setThemeColorBase("color", 1);
  }
  //预览页面表头颜色
  .mta-ss-title {
    @include setThemeColorBase("background-color", -4);
  }

  //滑块el-switch
  .el-switch__label.is-active {
    @include setThemeColorBase("color", 1);
  }

  //复选框颜色
  .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    @include setThemeColorBase("background-color", 1);
    @include setThemeColorBase("border-color", 1);
  }
  .el-checkbox__input.is-focus .el-checkbox__inner {
    @include setThemeColorBase("border-color", 1);
  }
  .el-checkbox__inner:hover {
    @include setThemeColorBase("border-color", 1);
  }
  //单选框选中
  .el-radio.is-bordered.is-checked {
    @include setThemeColorBase("border-color", 1);
  }
  .el-radio__input.is-checked .el-radio__inner {
    @include setThemeColorBase("border-color", 1);
    @include setThemeColorBase("background-color", 1);
  }
  .el-radio__input.is-checked + .el-radio__label {
    @include setThemeColorBase("color", 1);
  }
  //input框颜色
  .el-input.is-active .el-input__inner, .el-input__inner:focus, .el-select .el-input.is-focus .el-input__inner {
    @include setThemeColorBase("border-color", 1);
  }
  //弹窗取消按钮
  .el-dialog {
    .el-button.el-button--default:focus, .el-button.el-button--default:hover {
      @include setThemeColorBase("color", 1);
      @include setThemeColorBase("background-color", -5);
    }
  }

  .steps-container {
    width: 100%;

    &-item {
      width: 460px;
      margin-left: -5%;
    }
  }
  /*删除弹窗组件*/
  .BatchProcessDL {
    //头部
    .el-dialog__header {
      background: #FFF;
      height: 30px;
      line-height: 30px;
    }

    //右上角删除
    .el-dialog__headerbtn {
      right: 0;
    }

    .el-dialog__close:before {
      content: '';
    }

    .el-dialog__close {
      width: 30px;
      height: 30px;
      background: url("~@/assets/images/" + "icon-close_d.png") no-repeat;
    }

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

    i {
      width: 50px;
      height: 50px;
      float: left;
      margin-right: 20px;
      display: block;
    }

    .warn-img {
      background: url("~@/assets/images/" + "be_careful.png") no-repeat;
      background-size: cover;
    }

    .delete-img {
      background: url("~@/assets/images/" + "icon-delete.png") no-repeat;
      background-size: cover;
    }

    .el-dialog__body {
      padding: 32px 30px;
      min-height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;

      .img-box {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
      }

      p {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        font-size: 18px;
        color: #333;
      }
    }

  }
  /*删除弹窗*/
  .BatchFailureDL .el-dialog__close {
    width: 30px;
    height: 30px;
    background: url("~@/assets/images/" + "icon-close_d.png") no-repeat;
  }

  .BatchFailureDL .el-dialog__close:before {
    content: '';
  }

  .BatchFailureDL .el-dialog__header {
    background: #FFF;
    height: 30px;
    line-height: 30px;
  }

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

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

  .BatchFailureDL .be_careful i {
    width: 50px;
    height: 50px;
    display: block;
    background-image: url("~@/assets/images/" + "be_careful.png");
    float: left;
    margin-right: 20px;
  }
  /*****上传中弹窗*****/
  .uploading-dialog {
    //头部
    .el-dialog {
      width: 960px;
    }
    .el-dialog__header {
      background: #FFF;
      height: 30px;
      line-height: 30px;
      //右上角删除
      .el-dialog__headerbtn {
        top: 30px;
        right: 16px;
      }
    }

    .el-dialog__close:before {
      content: '';
    }

    .el-dialog__close {
      width: 30px;
      height: 30px;
      background: url("~@/assets/images/" + "icon-close_d.png") no-repeat;
    }

    //footer
    .el-dialog__body {
      height: 500px;
    }
      .uploading-dialog-box{
        i {
          width: 382px;
          height: 260px;
          display: block;
          margin: 0 auto;
          margin-top: 40px;
          background: url("~@/assets/images/default/" + "uploading-img.svg") no-repeat;
        }

        p {
          font-size: 20px;
          color: #333333;
          text-align: center;
          margin: 30px 0;
        }

        .warning {
          width: 220px;
          height: 10px;
          margin: 0 auto;
          position: relative;
          background-color: #1890ff;
          border: 1px solid #1890ff;
          border-radius: 10px;
          box-shadow: 1vw 3vh 10vh rgba(204, 227, 249, 0.8);
          background-size: 3em 3em;
          background-image: linear-gradient(-45deg, transparent 0em, transparent 0.8em, #d0e4f7 0.9em, #c0d7ec 2.1em, transparent 2.1em, transparent 2.9em, #c2dbf3 3.1em);
          -webkit-animation: warning-animation 750ms infinite linear;
          -moz-animation: warning-animation 750ms infinite linear;
          animation: warning-animation 750ms infinite linear;
        }

        .warning:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          height: 100%;
          border-radius: 10px;
          background-image: linear-gradient(to bottom, #81b8ea, rgba(215, 232, 249, 0.6) 15%, transparent 60%, #81b8ea);
        }

        @-webkit-keyframes warning-animation {
          0% {
            background-position: 0 0;
          }
          100% {
            background-position: 3em 0;
          }
        }
        @-moz-keyframes warning-animation {
          0% {
            background-position: 0 0;
          }
          100% {
            background-position: 3em 0;
          }
        }
        @keyframes warning-animation {
          0% {
            background-position: 0 0;
          }
          100% {
            background-position: 3em 0;
          }
        }
      }
    @media screen and (max-width: 1600px) {
      .el-dialog {
        width: 800px;
      }
    }
  }
  .sjPrevied .el-dialog--center .el-dialog__body {
    text-align: left;
  }

  .fullscreen {
    width: 50%;
    background: #FFF;
    flex: 1;
    border-radius: 8px;
    padding: 30px 30px 15px;
    display: flex;
    flex-direction: column;

    &-icon {
      position: relative;
    }
  }

  .orgSecondDlForOrg {
    .mta-editable-tree {
      padding-right: 20px;
    }
  }

  .orgSecondDlForPos {
    .mta-editable-tree {
      padding-right: 20px;
    }
  }

  /**
   * 首页人员全局展示抽全局
   */
  .first-row-line {
    margin-bottom: 20px;
    margin-top: 20px;

    .el-col {
      flex: 1;
      border-left: .5px solid $color2;
      border-bottom: .5px solid $color2;

      &:first-child {
        border-left: none;
      }

      .text-label {
        margin-top: 10px;
        margin-bottom: 20px;
        text-align: center;

        & + div {
          text-align: center;
          font-size: 30px;
          margin-bottom: 20px;
          //cursor: pointer;
        }
      }
    }

    span.isdisabledForFont {
      color: #ccc;
    }
  }
  /**
 * 首页快速入口展示抽全局
 */
  .mta-quick-entrys-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 30px 0;
    color: $color1;

    > div {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      flex: 1;
      padding: 10px 20px;
      margin: 0 20px;
      cursor: pointer;

      img {
        /*min-width: 80px;*/
        margin: 20px 30px 0 20px;
      }

      .quick-etrys-info {
        flex: 1;
        margin-right: 10px;

        h3 {
          font-weight: normal;
        }
      }


    }

    .isdisabledForBg {
      background: #ccc;
    }
  }
  /***** 试卷配置*****/
  .mta-ExamineList {
    .rove-paragraph-btn {
      @include setThemeColorBase("background-color", 1);
    }

    .add-examine-btn {
      @include setThemeColorBase("background-color", 1);
    }
  }
  .mta-examine-add .btn-box i {
    @include setThemeColorBase("color", 1);
  }
  /***** 登录页*****/
  .mta-login {
    .mta-login-btns {
      .el-button--text {
        @include setThemeColorBase("color", 1);

        > span {
          @include setThemeColorBase("color", 1);
        }
      }

      .el-button--text:hover {
        @include setThemeColorBase("color", -2);

        > span {
          @include setThemeColorBase("color", -2);
        }
      }
    }
  }
    /*****通用样式*****/
    //树-图标
    .editorTreeContent i::before {
      color: #409EFF;
    }
    //input框颜色
    .el-input.is-active .el-input__inner, .el-input__inner:focus {
      border-color: #409EFF;
    }
    //下拉框颜色
    .el-select-dropdown__item.selected {
      color: #409EFF;
    }
    .el-select .el-input__inner:focus {
      border-color: #409EFF;
    }
    //表格操作栏文字颜色
    .el-table__row .el-button--text {
      color: #409EFF;
    }
    //图片上传框边线hover颜色
    .uploadAlCloud .avatar-uploader .el-upload:hover {
      border-color: #409EFF;
    }

    //单选框悬浮
    .el-radio__inner:hover {
      border-color: #409EFF;
    }

    //文本域颜色
    .el-textarea__inner:focus {
      border-color: #409EFF;
    }
    //日期组件
    .el-date-table td.today span {
      color: #409EFF;
    }
    .el-date-table td.available:hover {
      color: #409EFF;
    }
    .el-date-table td.current:not(.disabled) span {
      color: #fff;
      background: #409EFF;
    }
    //有开始时间和结束时间的时间组件
    .el-range-editor.is-active, .el-range-editor.is-active:hover {
      border-color: #409EFF;
    }
    .el-date-table td.end-date span, .el-date-table td.start-date span {
      background-color: #409EFF;
    }
    .el-picker-panel__footer {
      .el-button--text {
        color: #409EFF;
      }

      .el-button.is-plain:focus, .el-button.is-plain:hover {
        background: #FFF;
        border-color: #409EFF;
        color: #409EFF;
      }
    }

    /*****登录页*****/
    .mta-login-title {
      p {
        color: #0468CC;
      }
    }
    /*.mta-login-btns {
      .el-button--text {
        color: #409EFF;
      }

      .el-button--text:hover {
        color: #66b1ff;
      }
    }*/

    /*****首页*****/
    .mta-Welcome-wrap {
      .text-color, .ks-status {
        //color: #2C98F2;
      }
    }

    /***** 考试配置*****/
    .mta-kaoshi-config {
      .el-switch.is-checked .el-switch__core {
        border-color: #409EFF;
        background-color: #409EFF;
      }
    }
    /***** 试题管理*****/
    .mta-questionstore, .mta-examinestore {
      .el-step__title.is-finish {
        color: #409EFF;
      }

      .el-step__head.is-finish {
        color: #409EFF;
        border-color: #409EFF;
      }
    }
    /***** 线上成绩管理*****/



  .full-height {
    height: 100%;
  }

  .row-st-collapse {
    display: block;
    position: absolute;
    left: 0;
    top: 55px;
    z-index: 99;
    background-color: rgba(255, 255, 255, 0.9);
    width: 92%;
    padding-bottom: 10px;
  }

  .icon-collapse {
    padding: 7px 6px 5px 6px !important;
    width: 40px;
    height: 40px;
    float: left;

    .fa-collapse:before, .fa-collapse-updown:before {
      margin-left: 4px;
      margin-top: 0;
    }
  }

  .icon-full-screen {
    padding: 7px 6px 5px 6px !important;
    width: 40px;
    height: 40px
  }

  .fade-enter-active, .fade-leave-active {
    transition: opacity 1s
  }
  .fade-enter, .fade-leave-to /* .fade-leave-active, 2.1.8 版本以下 */
  {
    opacity: 0
  }

  .mta-CF-wrap-tree {
    .el-tree-node__content {
      margin-right: 0;
      @include setFontBase(-4)
    }
  }
  //页面通用布局
  .management-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    //主要区域---页面通用，需要在增加class
    .management-content-wrap {
      background: #FFF;
      flex: 1;
      border-radius: 8px;
      padding: 30px 30px 15px;
      display: flex;
      flex-direction: column;
    }

    //查询

    .UserFromWrap {
      display: flex;
      flex-direction: row;
      flex: 1;
      justify-content: space-around;

      //userHasPlus{}

      & .selectInput {
        width: 100%;
      }

      & .el-select {
        width: 100%;

      }


      &.userOrgHasPlus .selectInput {
        width: calc(100% - 30px);
        min-width: 100px;
        display: inline-block;
      }

      &.userPosHasPlus .el-select {
        width: calc(100% - 30px);
        min-width: 100px;
        display: inline-block;
      }
    }

    //左侧菜单图标间距
    .mta-menu-span {
      padding-left: 0px;
    }

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

    //表格
    .el-table {
      flex: 1;
    }

    .mta-UE-first-row {
      .icon-collapse {
        padding: 7px 6px 5px 6px !important;
        width: 40px;
        height: 40px;
      }
    }

    //input框通用宽度
    .mta-UE-first-row .el-input {
      width: 180px;
      margin-right: 24px;
    }

    .mta-UE-first-row.row-org-collapse {
      display: block;
      position: absolute;
      left: 0px;
      top: 50px;
      z-index: 99;
      background-color: rgba(255, 255, 255, 0.9);
      width: 100%;
      padding-bottom: 10px;
    }

    //内容中（wrap）左侧树中input框通用宽度
    .editableTree {
      .el-input {
        width: 100%;
      }
    }

    //表格分页中input通用宽度
    .el-pagination__editor.el-input {
      width: 50px;
      margin-right: 0;
    }

    //表格分页
    .el-pagination {
      margin-top: 15px;
    }

  }

  //7天 14天 30天日期选择框
  .chart-box {
    margin-top: 10px;
    color: #2c3e50;
    @include setFontBase(-4);

    .sbzt-box {
      float: left;
      height: 40px;
      line-height: 40px;
      margin-right: 20px;
      cursor: pointer;

      a {
        margin: 0 15px;
        padding: 1px 5px;
      }

      a.ztBtn-active {
        @include setThemeColorBase("background", -4);
      }
    }

    .date-block {
      display: inline-block;

      .el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner {
        width: 260px;
      }
    }
  }
  .mta-cx-row {
    .el-col {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      flex-wrap: wrap;
    }

    .el-input {
      width: 180px;
      margin-right: 24px;
    }
  }

  .mta-cx-row-left {
    display: flex;
    flex-direction: row;
  }

  .mta-cx-row-right {
    display: flex;
    flex-direction: row;
  }
  .dialog-sub-question, .response-dialog-sub-question {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    .dialog-sub-question-item {
      margin: 30px;
    }
  }

  /*****响应式页面公共样式*****/
  //响应式页面通用布局---待修改
  .response-management-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    //主要区域---页面通用，需要在增加class
    .management-content-wrap {
      background: #FFF;
      flex: 1;
      border-radius: 8px;
      padding: 30px 30px 15px;
      display: flex;
      flex-direction: column;
    }

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

    //表格
    .el-table {
      flex: 1;
    }

    //圆形按钮
    .icon-collapse {
      padding: 7px 6px 5px 6px !important;
      width: 40px;
      height: 40px;
    }

    //点击圆形下拉按钮的查询框
    .row-org-collapse {
      display: block;
      position: absolute;
      left: 0px;
      top: 50px;
      z-index: 99;
      background-color: rgba(255, 255, 255, 0.9);
      width: 100%;
      padding-bottom: 10px;
    }

    //内容中（wrap）左侧树中input框通用宽度
    .editableTree {
      .el-input {
        width: 100%;
      }
    }

    //表格分页
    .el-pagination {
      margin-top: 15px;
    }

    //表格分页中input通用宽度
    .el-pagination__editor.el-input {
      width: 50px;
      margin-right: 0;
    }

  }
  //查询row(查询区域)
  .management-search-row {
    .el-col {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;

      .row-btn-right {
        justify-content: flex-end;
      }

      > div {
        display: flex;
        //margin-top: 10px;
      }
    }
  }
  //表格row
  .management-table-row {
    flex: 1;
    margin-top: 15px;

    .el-col {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
  }
  //弹窗-表格row
  .response-dialog-row {
    flex: 1;
    margin-top: 15px;

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

  /*** 输入框、下拉框组件***/
  //文本框组件-查询区域
  .response-input {
    width: 180px;
    margin-right: 24px;
  }
  //文本框组件-新增页面表格区域
  .response-form-input {
    .middle-input {
      width: 180px;

      .el-input {
        width: 180px;
      }
    }
  }
  //文本框组件-弹窗查询区域
  .response-dialog-input {
    width: 160px;
    margin-right: 20px;
  }

  /*** 时间组件 ***/
  .response-search-date-block {
    margin-right: 24px;

    .el-date-editor {
      width: 180px;
      margin-right: 0;
    }

    //分割线
    .data-line {
      margin: 0 8px;
      font-weight: normal;
      height: 30px;
      line-height: 20px;
      display: inline-block;
      vertical-align: middle;

      i {
        width: 10px;
        height: 1px;
        display: inline-block;
        background: #333;
      }
    }
  }

  /*** table列表组件 ***/
  .response-table, .response-simple-table {
    td {
      .cell {
        .el-button {
          padding: 0;
        }
      }
    }
  }
  .response-table {
    td {
      height: 49px;
      line-height: 49px;

      > .cell {
        color: #666666;
        p{
          margin: 0;
          padding: 0;
        }
      }
    }

    th {
      padding: 8px 0;

      > .cell {
        @include setFontBase(-6);
      }

    }

    .cell {
      @include setFontBase(-6);

      > img {
        width: 24px;
        height: 24px;
        display: block;
        //margin: 8px auto;
      }
    }
  }

  /*** 按钮 ***/
  //按钮间距-查询区域
  .response-btn + .response-btn {
    margin-left: 24px;
  }
  //按钮（小）-高度32px
  .response-small-btn {
    height: 32px;
    padding: 8px 14px;
  }

  /*** 弹窗组件 ***/
  .response-big-dialog, .response-middle-dialog, .response-small-dialog {
    .el-dialog {
      border-radius: 8px;

      .el-dialog__header {
        height: 40px;
        line-height: 40px;
        border-radius: 8px 8px 0 0;

        .el-dialog__title {
          font-size: 16px;
        }

        .el-dialog__headerbtn {
          top: 12px;
        }
      }

      .el-dialog__body {
        padding: 32px 32px 0;
      }

      .el-dialog__footer {
        .el-button {
          height: 32px;
          padding: 8px 14px;
          margin: 0 15px;
          @include setFontBase(-6);
          min-width: auto;
        }
      }
    }
  }
  //大弹窗
  .response-big-dialog {
    .el-dialog {
      width: 1300px;
    }
  }
  //中等弹窗
  .response-middle-dialog {
    .el-dialog {
      width: 960px;
    }
  }
  //小弹窗
  .response-small-dialog {
    .el-dialog {
      width: 640px;
    }
  }
  //固定高度的弹窗
  .response-fixed-height-dialog {
    .el-dialog__body {
      max-height: 600px;
      overflow: auto;
      .el-dialog__body{
        max-height: 600px;
        overflow: auto;
      }
    }
  }
  /*** 富文本 ***/
  .response-quill-editor-two, .response-quill-editor-three {
    min-width: 400px;
    max-width: 640px;
  }

  //单选按钮
  .response-form-radio {
    .el-radio {
      height: 40px;
      line-height: 40px;
    }
  }
  /*** 开关组件 ***/
  //开关（有效全部）-查询区域
  .response-el-switch {
    padding-top: 10px;
    margin-right: 24px;
  }
  //开关 - 新增页面表格区域
  .response-form-switch {
    .show-lable {
      @include setFontBase(-6);
    }

    .el-switch {
      margin-right: 24px
    }
  }

  //树-页面中
  .response-tree, .response-tree-div {
    background: #FFF;
    border-radius: 8px;
    padding: 0;

    .org-self-tree {
      padding: 10px;
    }

    .editableTree {
      padding: 0 10px;
    }
  }
  .response-tree-div {
    //火狐浏览器兼容写法
    min-width: 220px;
    max-width: 220px;
    padding: 30px 20px 15px;
  }
  //左侧有树页面，右侧内容区域
  .response-fullscreen {
    margin-left: 20px;
    padding: 30px 30px 15px;
    //火狐兼容写法
    overflow: auto;
  }
  //试卷、考试、试题、练习、统计标题
  .response-title {
    @include setFontBase(-2);
    display: inline-block;

    .y-axis {
      float: left;
      width: 4px;
      height: 16px;
      @include setThemeColorBase("background", 2);
      margin-top: 2px;
    }

    .title-txt {
      float: left;
      font-weight: 600;
      margin-left: 10px;
    }
  }
  //tab文字
  .response-tab {
    .el-tabs__item {
      @include setFontBase(-2);
      margin-bottom: 15px;
      height: auto;
      line-height: normal;
    }
  }

  //添加图片
  .response-add-image {
    .avatar-uploader .el-upload {
      width: 180px;
      height: 180px;

      .avatar {
        max-width: 100%;
        height: auto;
      }
    }
  }

  /***宽度响应式***/
  @media screen and (max-width: 1600px) {
    .response-management-content .management-content-wrap {
      padding: 20px 20px 15px;
    }
    /***input输入框***/
    //文本框组件-查询区域 && 弹窗查询区域
    .response-input, .response-dialog-input {
      margin-right: 15px;
    }
    .response-input {
      width: 170px;
    }
    //文本框组件-新增页面表格区域
    .response-form-input {
      .middle-input {
        width: 170px;

        .el-input {
          width: 170px;
        }
      }
    }
    //文本框组件-弹窗查询区域
    .response-dialog-input {
      width: 150px;
    }

    /*** 时间组件 ***/
    .response-search-date-block {
      margin-right: 15px;

      .el-date-editor.el-input {
        width: 170px;
      }

      //分割线
      .data-line {
        margin: 0 4px;

        i {
          width: 7px;
        }
      }
    }

    /*** table列表组件 ***/
    .response-table, .response-simple-table {
      //表格th
      th {
        > .cell {
          padding-right: 8px;
          padding-left: 12px;
        }
      }

      .cell {
        @include setFontBase(-7);
        padding-right: 8px;
        padding-left: 12px;
      }
    }

    /*** 按钮 ***/
    //按钮间距-查询区域
    .response-btn + .response-btn {
      margin-left: 15px;
    }
    //按钮-查询区域 && 普通按钮
    .response-btn, .response-middle-btn {
      padding: 12px 14px;
    }

    /*** 弹窗组件 ***/
    //大中小弹窗
    .response-big-dialog, .response-middle-dialog, .response-small-dialog {
      .el-dialog {
        .el-dialog__body {
          padding: 24px 24px 0;
        }
      }
    }
    //大弹窗
    .response-big-dialog {
      .el-dialog {
        width: 960px;
      }
    }
    //中等弹窗
    .response-middle-dialog {
      .el-dialog {
        width: 800px;
      }
    }

    /*** 富文本 ***/
    .response-quill-editor-three {
      min-width: 330px;
    }

    /*** 开关组件 ***/
    //开关（有效全部）-查询区域
    .response-el-switch {
      margin-right: 15px;
    }
    //开关 - 新增页面表格区域
    .response-form-switch {
      .el-switch {
        margin-right: 15px
      }
    }

    /*** 文本域 ***/
    .response-form-textarea {
      .el-textarea__inner {
        padding: 5px 10px;
      }
    }

    //树-页面中
    .response-tree-div {
      //火狐浏览器兼容写法
      min-width: 210px;
      max-width: 210px;
      padding: 20px 10px 15px;
    }
    //左侧有树页面，右侧内容区域
    .response-fullscreen {
      margin-left: 15px;
      padding: 20px 20px 15px;
    }

    //弹窗-考试阅读理解题-选择子项类型
    .response-dialog-sub-question {
      .dialog-sub-question-item {
        margin: 20px 30px;
      }
    }
  }
  @media screen and (max-width: 1440px) {
    //响应式页面通用布局
    .response-management-content {
      //导航
      .el-breadcrumb {
        margin-bottom: 10px;
        @include setFontBase(-5);
      }

      .management-content-wrap {
        padding: 15px;
      }

      //点击下拉按钮的查询框
      .row-org-collapse {
        top: 45px;
      }

      //表格row
      .management-table-row {
        margin-top: 10px;
      }
    }
    //分页
    .response-el-pagination {
      padding: 0 5px;

      span {
        @include setFontBase(-8);
      }

      .el-pagination__editor, .el-pagination__editor.el-input .el-input__inner, .el-select .el-input, .el-select .el-input .el-input__inner, span:not([class*=suffix]), .el-pager li, button {
        height: 25px;
        line-height: 25px;
        @include setFontBase(-8);
      }
    }

    /***input输入框***/
    //文本框组件-查询区域
    .response-input {
      width: 150px;
      margin-right: 10px;

      .el-input {
        @include setFontBase(-7);
      }

      .el-input__inner {
        height: 36px;
        line-height: 36px;
        @include setFontBase(-7);
      }

      .el-input {
        //图标
        .el-range-separator, .el-range__icon, .el-date-editor .el-range__close-icon, .el-input__icon, .el-select__caret {
          line-height: 28px;
        }
      }

      //下拉树
      .tree-wrap-box {
        .el-tree-node__label {
          @include setFontBase(-7);
        }
      }
    }
    //文本框组件-弹窗表格区域 && 新增页面表格区域
    .response-dialog-form-input, .response-form-input {
      //label字体大小
      .el-form-item__label {
        @include setFontBase(-7);
      }

      //input、textarea字体大小
      .el-input, .el-textarea, .el-radio__label {
        @include setFontBase(-7);
      }

      //必填项字体大小
      .el-form-item__error {
        padding-top: 1px;
      }

      //item下边距
      .el-form-item {
        margin-bottom: 14px;
      }
    }
    //文本框组件-新增页面表格区域
    .response-form-input {
      .el-form-item__label {
        line-height: 36px;
      }

      .middle-input {
        width: 150px;

        .el-input {
          width: 150px;
        }
      }

      .el-input {
        //图标
        .el-range-separator, .el-range__icon, .el-date-editor .el-range__close-icon, .el-input__icon, .el-select__caret {
          line-height: 36px;
        }
      }

      .el-input__inner {
        height: 36px;
        line-height: 36px
      }

      .el-date-editor {
        height: 36px;
        line-height: 36px;
      }

      .el-form-item__content {
        height: 36px;
        line-height: 36px;
      }

    }
    //文本框组件-弹窗查询区域
    .response-dialog-input {
      margin-right: 10px;
      @include setFontBase(-7);
    }

    /*** 时间组件 ***/
    .response-search-date-block {
      margin-right: 10px;

      .el-date-editor.el-input {
        width: 150px;

        .el-input__inner {
          height: 36px;
          line-height: 36px;
          @include setFontBase(-7);
          padding-left: 25px;
          padding-right: 25px;
        }

        .el-input__icon {
          width: 20px;
          line-height: 38px;
        }
      }

      //分割线
      .data-line {
        margin: 0 2px;

        i {
          width: 6px;
        }
      }
    }

    /*** table列表组件 ***/
    .response-table, .response-simple-table {
      //表格th
      th {
        > .cell {
          @include setFontBase(-6);
          padding-right: 6px;
          padding-left: 10px;
        }
      }

      //表格td
      td {
        @include setFontBase(-7);
      }

      .cell {
        @include setFontBase(-7);
        padding-right: 6px;
        padding-left: 10px;
      }

      .el-button--small {
        @include setFontBase(-7);
      }

      .el-button {
        @include setFontBase(-7);
      }
    }

    /*** 按钮 ***/
    //按钮间距-查询区域
    .response-btn + .response-btn {
      margin-left: 10px;
    }
    //按钮-查询区域 && 普通按钮
    .response-btn, .response-middle-btn {
      padding: 10px 12px;
      height: 36px;
      @include setFontBase(-7);
    }
    //按钮（小）-高度32px
    .response-small-btn {
      @include setFontBase(-7);
    }
    //圆形按钮[下拉按钮、全屏按钮] - 考试系统
    .response-btn.icon-collapse, .icon-full-screen {
      width: 36px;
      height: 36px;
    }
    //圆形按钮图标 - 考试系统
    .response-btn .fa:before {
      margin-left: 2px;
    }

    /*** 弹窗组件 ***/
    //中等弹窗
    .response-big-dialog, .response-middle-dialog, .response-small-dialog {
      .el-dialog {
        .el-dialog__body {
          padding: 16px 16px 0;
        }

        .el-dialog__footer {
          .el-button {
            margin: 0 10px;
            @include setFontBase(-7);
          }
        }
      }
    }

    /*** 富文本 ***/
    .response-quill-editor-three {
      min-width: 320px;
    }

    //单选按钮
    .response-form-radio {
      .el-radio {
        height: 36px;
        line-height: 36px;

        .el-radio__inner {
          width: 12px;
          height: 12px;
        }

        .el-radio__label {
          @include setFontBase(-7);
        }

      }
    }
    /*** 文本域 ***/
    .response-form-textarea {
      .el-textarea__inner {
        padding: 5px;
        @include setFontBase(-7);
      }
    }
    //input-下拉框悬浮区域
    .el-select-dropdown__item {
      @include setFontBase(-7);
    }

    /*** 开关组件 ***/
    //开关（有效全部）-查询区域
    .response-el-switch {
      margin-right: 10px;
      padding-top: 8px;

      .el-switch__label {
        span {
          @include setFontBase(-7);
        }
      }
    }
    //开关 - 新增页面表格区域
    .response-form-switch {
      .show-lable {
        @include setFontBase(-7);
      }

      .el-switch {
        margin-right: 10px
      }
    }

    //树-页面中
    .response-tree, .response-tree-div {
      .el-input {
        @include setFontBase(-7);
      }

      .el-input__inner {
        height: 36px;
        line-height: 36px;
      }

      .el-tree {
        .editorTreeComponent {
          @include setFontBase(-6);
        }
      }
    }
    .response-tree-div {
      padding: 15px 5px;
    }
    //左侧有树页面，右侧内容区域
    .response-fullscreen {
      margin-left: 10px;
      padding: 15px 15px;
    }
    //试卷、考试、试题、练习、统计标题
    .response-title {
      @include setFontBase(-4);

      .y-axis {
        float: left;
        width: 3px;
        height: 16px;
        margin-top: 1px;
      }

      .title-txt {
        margin-left: 6px;
      }
    }
    //7天 14天 30天日期选择框
    .chart-box {
      @include setFontBase(-7);

      .sbzt-box {
        height: 36px;
        line-height: 36px;
        margin-right: 10px;

        a {
          margin: 0 10px;
        }
      }

      //时间段
      .date-block {
        .el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner {
          width: 240px;
        }

        .el-date-editor {
          height: 36px;
          line-height: 36px;
          //日期选择框小图标
          .el-range-separator, .el-range__icon, .el-date-editor .el-range__close-icon {
            line-height: 28px;
          }
        }
      }
    }
    //tab文字
    .response-tab {
      .el-tabs__item {
        @include setFontBase(-5);
        margin-bottom: 10px;
      }

      .el-tabs__header {
        margin-bottom: 10px;
      }
    }

    //弹窗-表格row
    .response-dialog-row {
      margin-top: 10px;
    }
    //7天 14天 30天日期选择框
    .chart-box {
      margin-top: 5px;
      @include setFontBase(-6);

      .sbzt-box {
        height: 36px;
        line-height: 36px;
        margin-right: 15px;

        a {
          margin: 0 10px;
        }
      }

      //日期框
      .date-block {
        .el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner {
          width: 260px;

          .el-range-input {
            @include setFontBase(-7);
          }
        }
      }
    }
    //添加图片组件
    .response-add-image {
      .avatar {
        width: 140px; // 必须指定宽高
        height: 140px;
        line-height: 140px;
      }

      .avatar-uploader .el-upload {
        width: 140px; // 必须指定宽高
        height: 140px;
        line-height: 140px;
      }
    }
    //试卷库-下载悬浮框
    .el-popover {
      line-height: 1.2;
      padding: 6px;
      text-align: center;

      .el-button {
        @include setFontBase(-7);
      }
    }
    //弹窗-考试阅读理解题-选择子项类型
    .response-dialog-sub-question {
      .dialog-sub-question-item {
        margin: 10px 30px;
      }

      .el-radio__label {
        @include setFontBase(-7);
      }
    }
  }
  /***高度响应式***/
  @media screen and (max-height: 800px) {
    //table列表组件
    .response-table, .response-simple-table {
      //表格复选框
      .el-checkbox__inner {
        width: 12px;
        height: 12px;
      }

      //表格复选框-选中图标
      .el-checkbox__inner::after {
        top: 0;
        left: 3px;
      }

      //表格th
      th {
        padding: 2px 0;
      }

      th:first-child .cell {
        padding-left: 15px;
      }

      //表格td
      td {
        height: 38px;
        line-height: 38px;
        padding: 0;

        .cell {
          > img {
            width: 18px;
            height: 18px;
          }

          .el-date-editor {
            .el-input__inner {
              height: 30px;
              line-height: 30px;
            }

            .el-input__icon {
              line-height: 30px;
            }
          }
        }
      }

      td:first-child .cell {
        padding-left: 15px;
      }

      .el-button--small {
        padding: 0;
      }

      .el-button {
        padding: 0;
      }
    }
    .response-simple-table {
      td {
        height: 32px;
        line-height: 32px;
      }
    }
    //置顶图标
    tr.row-upFlag:after {
      width: 80px;
      height: 37px;
    }
    //固定高度的弹窗
    .response-fixed-height-dialog {
      .el-dialog__body {
        max-height: 500px;
        overflow: auto
      }
    }
  }
  @media screen and (max-height: 700px) {
    //table列表组件
    .response-table, .response-simple-table {
      //表格th
      th {
        > .cell {
          @include setFontBase(-6);
        }

        padding: 0;
      }

      //表格td
      td {
        height: 29px;
        line-height: 29px;
        @include setFontBase(-7);

        .cell {
          @include setFontBase(-7);

          > img {
            width: 14px;
            height: 14px;
          }

          .el-date-editor {
            .el-input__inner {
              height: 24px;
              line-height: 24px;
            }

            .el-input__icon {
              line-height: 24px;
            }
          }
        }
      }

      .el-button--small {
        @include setFontBase(-7);
      }

      .el-button {
        @include setFontBase(-7);
      }
    }

    //置顶图标
    tr.row-upFlag:after {
      width: 60px;
      height: 28px;
    }

    //固定高度的弹窗
    .response-fixed-height-dialog {
      .el-dialog__body {
        max-height: 400px;
        overflow: auto
      }
    }
  }
}

@mixin setIconAFrameCommon($project) {
  .el-menu-item.is-active .fw-manager:before {
    background-image: url("~@/assets/images/icons/" + "fw-manager-a.svg");
  }
  .el-menu-item.is-active .fa-support:before {
    background-image: url("~@/assets/images/icons/" + "fw-manager-a.svg");
  }
    .el-menu-item.is-active .fa-main:before {
      background-image: url("~@/assets/images/icons/" + "fa-main-o-a.svg");
    }
    .el-menu-item.is-active .fa-qx-manager:before {
      background-image: url("~@/assets/images/icons/" + "fa-qx-manager-a.png");
    }
    .el-menu-item.is-active .fa-sitemap:before {
      background-image: url("~@/assets/images/icons/" + "Organizational_a.svg");
    }
    .el-menu-item.is-active .fa-user:before {
      background-image: url("~@/assets/images/icons/" + "fa-user-a.svg");
    }
    .el-menu-item.is-active .fa-user-o:before {
      background-image: url("~@/assets/images/icons/" + "fa-user-o-a.svg");
    }
    .el-menu-item.is-active .fa-lightbulb-o:before {
      background-image: url("~@/assets/images/icons/" + "fa-lightbulb-o-a.svg");
    }
    .el-menu-item.is-active .fa-register-audit-o:before {
      background-image: url("~@/assets/images/icons/" + "fa-register-audit-o-a.svg");
    }
    .el-menu-item.is-active .ks-kind:before {
      background-image: url("~@/assets/images/icons/" + "ks-kind-a.svg");
    }
    .el-menu-item.is-active .ks-st-manager:before {
      background-image: url("~@/assets/images/icons/" + "ks-st-manager-a.svg");
    }
    .el-menu-item.is-active .ks-st-import:before {
      background-image: url("~@/assets/images/icons/" + "ks-st-import-a.svg");
    }
    .el-menu-item.is-active .ks-sj-manager:before {
      background-image: url("~@/assets/images/icons/" + "ks-sj-manager-a.svg");
    }
    .el-menu-item.is-active .ks-ks-manager:before {
      background-image: url("~@/assets/images/icons/" + "ks-ks-manager-a.svg");
    }
    .el-menu-item.is-active .ks-up-manager:before {
      background-image: url("~@/assets/images/icons/" + "ks-up-manager-a.svg");
    }
    .el-menu-item.is-active .ks-down-manager:before {
      background-image: url("~@/assets/images/icons/" + "ks-down-manager-a.svg");
    }
    .el-menu-item.is-active .ks-grade:before {
      background-image: url("~@/assets/images/icons/" + "ks-grade-a.svg");
    }
    .el-menu-item.is-active .ks-audit:before {
      background-image: url("~@/assets/images/icons/" + "ks-audit-a.svg");
    }
    .el-menu-item.is-active .ks-jiankong:before {
      background-image: url("~@/assets/images/icons/" + "ks-jiankong_a.svg");
    }
    .el-menu-item.is-active .ks-zs-manager:before {
      background-image: url("~@/assets/images/icons/" + "ks-zs-manager-a.svg");
    }
    .el-menu-item.is-active .ks-zs-user:before {
      background-image: url("~@/assets/images/icons/" + "ks-zs-user-a.svg");
    }
    .el-menu-item.is-active .ks-lx-manager:before {
      background-image: url("~@/assets/images/icons/" + "ks-lx-manager-a.svg");
    }
    .el-menu-item.is-active .ks-tj-user:before {
      background-image: url("~@/assets/images/icons/" + "ks-tj-user-a.svg");
    }
    .el-menu-item.is-active .ks-tj-kaoshi:before {
      background-image: url("~@/assets/images/icons/" + "ks-tj-kaoshi-a.svg");
    }
    .el-menu-item.is-active .ks-tj-cuoti:before {
      background-image: url("~@/assets/images/icons/" + "ks-tj-cuoti-a.svg");
    }
    .el-menu-item.is-active .fa-px-kc-tj:before {
      background-image: url("~@/assets/images/icons/" + "ks-tj-kecheng-a.svg");
    }
    .el-menu-item.is-active .ks-gg-manager:before {
      background-image: url("~@/assets/images/icons/" + "notice-manager-a.svg");
    }
    .el-menu-item.is-active .fa-user-circle:before {
      background-image: url("~@/assets/images/icons/" + "fa-user-circle-a.svg");
    }
    .el-menu-item.is-active .fa-handshake-o:before {
      background-image: url("~@/assets/images/icons/" + "fa-bars-a.svg");
    }
    .el-menu-item.is-active .fa-userrole-o:before {
      background-image: url("~@/assets/images/icons/" + "fa-userrole-o-a.svg");
    }
    .el-menu-item.is-active .fa-controller-o:before {
      background-image: url("~@/assets/images/icons/" + "fa-controller-o-a.svg");
    }
    .el-menu-item.is-active .fa-tanent-o:before {
      background-image: url("~@/assets/images/icons/" + "fa-tenant-o-a.svg");
    }
    .el-menu-item.is-active .fa-tongji-pingtai:before {
      background-image: url("~@/assets/images/icons/" + "fa-tongji-pingtai-a.svg");
    }
    .el-menu-item.is-active .fa-tongji-zuhu:before {
      background-image: url("~@/assets/images/icons/" + "fa-tongji-zuhu-a.svg");
    }
    .el-menu-item.is-active .fa-users:before {
      background-image: url("~@/assets/images/icons/" + "fa-users-a.svg");
    }
    .el-menu-item.is-active .fa-bars:before {
      background-image: url("~@/assets/images/icons/" + "fa-bar-a.svg");
    }
    .el-menu-item.is-active .ks-tj-active:before {
      background-image: url("~@/assets/images/icons/" + "ks-tj-active-a.svg");
    }
    .fa-collapse:before {
      background-image: url("~@/assets/images/icons/" + "fa-collapse.svg");
    }
    .fa-collapse-updown:before {
      background-image: url("~@/assets/images/icons/" + "fa-collapse-updown.svg");
    }
    .el-menu-item.is-active .fa-px-kj:before {
      background-image: url("~@/assets/images/icons/" + "fa-px-kj-a.svg");
    }
    .el-menu-item.is-active .fa-px-kc:before {
      background-image: url("~@/assets/images/icons/" + "fa-px-kc-a.svg");
    }
    .el-menu-item.is-active .fa-px-cj:before {
      background-image: url("~@/assets/images/icons/" + "fa-px-cj-a.svg");
    }
    .el-menu-item.is-active .fa-px-pj:before {
      background-image: url("~@/assets/images/icons/" + "fa-px-pj-a.svg");
    }
    .el-menu-item.is-active .fa-px-js:before {
      background-image: url("~@/assets/images/icons/" + "fa-px-js-a.svg");
    }
    .el-menu-item.is-active .fa-px-yj:before {
      background-image: url("~@/assets/images/icons/" + "fa-px-yj-a.svg");
    }
    .el-menu-item.is-active .fa-px-ks:before {
      background-image: url("~@/assets/images/icons/" + "fa-px-ks-a.svg");
    }
    .mta-import .import-jt {
      > span {
        background: url("~@/assets/images/default/"+"import-arrow.png");
      }
    }
  .el-menu-item.is-active .fa-qa-manager:before {
    background-image: url("~@/assets/images/icons/"+"fa-qa-manager-a.svg");
  }
  //资源库管理
  .el-menu-item.is-active .fa-zy-ku:before {
    background-image: url("~@/assets/images/icons/" + "fa-zy-ku-a.svg");
  }
}


