@import "../base/utils.scss";
@mixin setStyleCFrameCommon($project) {
  // 上传功能
  .up-load-file-for-jianda {

    .my-up-load-file-main {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap;
      position: relative;
      .aliUpload-note-word {
        width: 16px;
        height: 16px;
        background-size: cover;
      }

      .upload-demo {
        margin-right: 10px;
        margin-left: 24px;
      }

      .file-lists_span {
        margin-left: 10px;
        display: flex;
        align-items: center;
      }
      .el-button--text{
        @include setThemeColorBase("color", 1);
      }
    }

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

      .my-box {
        height: 200px;
        width: 250px;
        margin: 0 auto;
        text-align: center;

        .my-PC-update-file {
          margin-top: 50px;
        }
      }

      .my-Line {
        width: 1px;
        background: #5C5C5C;
      }
    }
  }

  //登录
  .mta-c-login{
    .mta-login-check {
      .el-button {
        @include setThemeColorBase('background', 1);
        @include setThemeColorBase('border-color', 1);
      }

      .el-button:hover {
        @include setThemeColorBase('background', -2);
        @include setThemeColorBase('border-color', -2);
      }
    }
  }
  //注册
  .mta-Register{
    .RegisterTop {
      @include setThemeColorBase('background', 1);
    }
  }

  //试卷head
  .paragraph-t {
    @include setThemeColorBase('background-color', -4);
  }
  //c端表头颜色
  .bt-th {
    @include setThemeColorBase('background-color', -4);
  }
  //tab
  .el-tabs__header .el-tabs__item.is-active,.el-tabs__header .el-tabs__item:hover{
    @include setThemeColorBase('color', 1);
  }
  .el-tabs__header .el-tabs__active-bar{
    @include setThemeColorBase('background-color', 1);
  }

    /*****登录页*****/
    .mta-c-login {

      .mta-login-title {
        p {
          color: #1479AE;
        }
      }

      .mta-login-btns {
        .el-button--text {
          color: #1479AE;
        }

        .el-button--text:hover {
          color: #1D8FCB;
        }
      }
    }
    /*****首页*****/
    .mta-index,.mta-index-peixun {
      .indexImage {
        border: 1px solid #3C96FF;
      }

      .index-title {
        a:hover {
          color: #409EFF;

          i {
            background-image: url("~@/assets/images/client/"+"more-h-icon.svg");
          }
        }

      }
    }
    /*****考试*****/
    .btn-wks {
      background: #8093f9;
      border-color: #8093f9;
      color: #fff;

      &:hover, &:active {
        background: #7486e8;
        border-color: #7486e8;
      }
    }

    .btn-ksks {
      background: #4590f6;
      border-color: #4590f6;
      color: #fff;

      &:hover, &:active {
        background: #3f86e6;
        border-color: #3f86e6;
      }
    }

    .btn-zcks {
      background: #385dc5;
      border-color: #385dc5;
      color: #fff;

      &:hover, &:active {
        background: #3456b7;
        border-color: #3456b7;
      }
    }

    .btn-ksz {
      background: #92d047;
      border-color: #92d047;
      color: #fff;

      &:hover, &:active {
        background: #86bf41;
        border-color: #86bf41;
        color: #fff;
      }
    }
    .circular {
      background-color: #2196F5;
    }
    .ksms-span {
      color: #409EFF;
      cursor: pointer;
    }

    //考试时间控件
    .countdown {
      background: rgba(60, 150, 255, 0.39);
      box-shadow: 0px 0px 8px #ebf9ed;
    }
    .countdown #tiles > span {
      background-color: rgba(60, 150, 255, 0.4);
      background: -webkit-linear-gradient(top, rgba(60, 150, 255, 0.45), rgba(60, 150, 255, 0.35));
      background: -moz-linear-gradient(top, rgba(60, 150, 255, 0.45), rgba(60, 150, 255, 0.35));
      background: -o-linear-gradient(top, rgba(60, 150, 255, 0.45), rgba(60, 150, 255, 0.35));
      border-top: 1px solid rgba(60, 150, 255, 0.3);
    }
    .sperate-line {
      border-top: 1px solid blue;
      box-shadow: 0px 0px 8px #67A4EE;
    }
    .answer-block-done {
      color: white;
      background-color: #409EFF;
    }

    .answer-block-done:hover {
      background-color: #66B1FF;
    }
    .answer-block {
      border: 1px solid #4982FF;
      box-shadow: 1px 1px 3px #89A0FF;
    }
    //考试进度条
    .progress .el-progress-bar__inner {
      background-color: #409EFF;
    }

    /*****公告*****/
    .ckgg-btn {
      color: #409EFF;
    }

  //c端响应式公共样式
  /*c端-查询框*/
  .response-c-search{
    width: 558px;
    margin-bottom: 20px;
    .el-input__inner{
      height: 40px;
      line-height: 40px;
    }
  }
  /*c端-input框前文字*/
  .response-c-search-label{
    min-width: 95px;
    @include setFontBase(-3);
    width: 95px;
    height: 40px;
    line-height: 40px;
    color: #333;
    display: inline-block;
    @media screen and (max-width: 1440px) {
      @include setFontBase(-5);
      width: 75px;
    }
  }
  .response-c-search,.response-c-select-item,.response-c-date-block,.mta-search-nav{
    margin-left:30px;
    >span{
      @include setFontBase(-3);
      line-height: 40px;
      width: 95px;
      display: inline-block;
    }
  }
  /* 查询 select-input*/
  .response-c-select-item{
    display: flex;
    .el-select,.response-c-input{
      width: 220px;
    }
  }
  /*c端-下拉框*/
  .response-c-input{
    height: 40px;
    line-height: 40px;
    .el-input__inner{
      height: 40px;
      line-height: 40px;
    }
    .el-input__icon{
      line-height: 40px;
    }
  }
  /*c端-日期组件*/
  .response-c-date-block {
    width: 650px;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
    margin-top: 20px;
    .el-input {
      margin-right: 24px;
    }
    .date-block {
      margin-right: 24px;
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      align-items: center;
      .el-input__icon{
        line-height: 40px;
      }
    }
  }
  /*c端-列表中按钮*/
  .response-c-list-button{
    //width: 120px;
    @include setFontBase(-6);
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
  }
  /*c端-字体17-2 (默认17px,分辨率1600为15px,分辨率1440为12px)*/
  .response-fontSize17-m2-m2{
    @include setFontBase(-3);
  }
  /*c端-字体14-1 (默认14px,分辨率1440为13px)*/
  .response-fontSize14-m1{
    @include setFontBase(-6);
  }
  /*c端-字体14-2 (默认14px,分辨率1440为12px)*/
  .response-fontSize14-m2{
    @include setFontBase(-6);
  }
  /*c端-状态栏*/
  .response-search-nav{
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    margin: 0 20px 0 30px;
    >span {
      line-height: 60px;
      height: 60px;
      @include setFontBase(-3);
    }
    .el-menu.el-menu--horizontal {
      border-bottom: none;
    }

    .el-menu--horizontal > .el-menu-item.is-active {
      border-bottom: none;
    }

    .el-menu--horizontal > .el-menu-item {
      border-bottom: none;
      color: #666;
      @include setFontBase(-3);
    }

    .search-nav-line {
      height: 20px;
      width: 1px;
      background: #bbb;
      margin: 20px 0;
      margin-left: 14px;
    }
  }

  /*分页*/
  .c-page-pagination {
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: center;

    .btn-prev {
      border: 1px solid #CCC;
      border-radius: 8px;
      background: none;
    }

    .btn-next {
      border: 1px solid #CCC;
      border-radius: 8px;
      background: none;
    }
  }
  .c-page-pagination.is-background .btn-prev,.c-page-pagination.is-background .btn-next{
    border-radius: 8px;
    background: none;
  }
  .c-page-pagination.is-background .el-pager li {
    border: 1px solid #CCC;
    border-radius: 8px;
    background: none;
  }
  /*状态栏*/
  .c-peixun-search-nav {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;

    .c-left {
      @include setFontBase(-3);
      width: 95px;
      display: inline-block;
      color: #333333;
    }
    .c-center {
      display: inherit;
      &-btn {
        cursor: pointer;
        @include setFontBase(-3);
        color: #666666;
        text-align: center;
        margin-right: 24px;
      }

      .selected {
        @include setThemeColorBase("color", 1);
      }
    }

  }

  /*input颜色*/
  .el-input__inner:focus,.el-select .el-input.is-focus .el-input__inner{
    @include setThemeColorBase("border-color", 1);
  }
  /*白色按钮颜色*/
  .color-p:hover,.color-p:focus{
    @include setThemeColorBase('background-color', -4);
    @include setThemeColorBase('border-color', 0);
  }
  .aliUpload-note-word{
    width: 20px;
    height: 20px;
    background-image: url("../../../assets/images/icons/note-word.svg");
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
  }
  @media screen and (max-width: 1600px) {
    /*c端-查询框*/
    .response-c-search{
      width: 545px;
    }
    /*c端-下拉框前文字*/
    .response-c-search-label{
      width: 90px;
    }

    .response-c-search,.response-c-select-item,.response-c-date-block,.mta-search-nav{
      margin-left: 20px;
      >span{
        width: 90px;
      }
    }
    /*c端-下拉框*/
    .response-c-input{
      height: 36px;
      line-height: 36px;
      .el-input__inner{
        height: 36px;
        line-height: 36px;
      }
      .el-input__icon{
        line-height: 36px;
      }
    }
    /*c端-日期组件*/
    .response-c-date-block {
      .date-block {
        .el-input{
          margin-right: 16px;
        }
      }
    }
    /*c端-列表中按钮*/
    /*.response-c-list-button{
      width: 110px;
    }*/
    /*c端-字体17-2 (默认17px,分辨率1600为15px,分辨率1440为12px)*/
    .response-fontSize17-m2-m2{
      @include setFontBase(-5);
    }
    /*c端-状态栏*/
    .response-search-nav{
      margin: 0 20px;
      >span {
        line-height: 56px;
        height: 56px;
      }

      .el-menu--horizontal > .el-menu-item {
        height: 56px;
        line-height: 56px;
      }
      .search-nav-line {
        margin: 18px 0;
        margin-left: 10px;

      }
    }
    /*c端-培训状态栏*/
    .c-peixun-search-nav {

      .c-left {
        width: 90px;
      }

    }
  }
  @media screen and (max-width: 1440px) {
    /*c端-查询框*/
    .response-c-search{
      width: 485px;
      .el-input__inner{
        height: 36px;
        line-height: 36px;
      }
    }
    /*c端-下拉框前文字*/
    .response-c-search-label{
      @include setFontBase(-5);
      height: 36px;
      line-height: 36px;
    }
    //框前文字
    .response-c-search,.response-c-select-item,.response-c-date-block,.mta-search-nav{
      >span{
        @include setFontBase(-5);
        width: 75px;
        line-height: 36px;
      }
    }
    /*c端-下拉框*/
    .response-c-input{
      height: 36px;
      line-height: 36px;
      .el-input__inner{
        height: 36px;
        line-height: 36px;
      }
      .el-input__icon{
        line-height: 36px;
      }
    }
    /* 查询 select-input*/
    .response-c-select-item{

      .el-select,.response-c-input{
        width: 200px;
        .el-input__inner{
          height: 36px;
          line-height: 36px;
        }
        .el-input__icon{
          line-height: 36px;
        }
      }
    }
    /*c端-日期组件*/
    .response-c-date-block {
      .date-block {
        height: 36px;
        line-height:36px;
        .el-input{
          width: 200px;
          margin-right: 10px;
        }
        .el-input__inner{
          height: 36px;
          line-height: 36px;
        }
        .el-input__icon{
          line-height: 36px;
        }
      }
    }
    /*c端-列表中按钮*/
    .response-c-list-button{
      height: 36px;
      line-height: 36px;
      padding: 0 14px;
      @include setFontBase(-7);
    }
    /*c端-字体17-2 (默认17px,分辨率1600为15px,分辨率1440为12px)*/
    /*c端-培训状态栏*/
    .c-peixun-search-nav {

      .c-left {
        @include setFontBase(-5);
        width: 75px;
      }
      .c-center {
        &-btn {
          @include setFontBase(-5);
        }
      }

    }
    .response-fontSize17-m2-m2{
      @include setFontBase(-7);
    }
    /*c端-字体14-1 (默认14px,分辨率1440为13px)*/
    .response-fontSize14-m1{
      @include setFontBase(-7);
    }
    /*c端-字体14-2 (默认14px,分辨率1440 以下12px)*/
    .response-fontSize14-m2{
      @include setFontBase(-8);
    }
    /*c端-状态栏*/
    .response-search-nav{
      >span {
        line-height: 54px;
        height: 54px;
        @include setFontBase(-5);
      }
      .el-menu--horizontal > .el-menu-item {
        @include setFontBase(-5);
        height: 54px;
        line-height: 54px;
      }
      .search-nav-line {
        margin: 17px 0;
        margin-left: 6px;
      }
    }
  }
}

@mixin setIconCFrameCommon($project) {
  /*@if ($project == "sa") {
    //麦塔图标
  } @else if ($project == "qinggu") {
    //青谷图标
  }*/
}
