文件及图片整理

src/assets/css/base/colors.scss

@@ -7,7 +7,7 @@ $colors: (
                 -3: #a0cfff, // element color-primary disabled、滑块el-switch
                 -2: #66b1ff, // element color-primary hover
                 -1: #66B1FF,
-                0: #2C98F2, // 标准颜色
+                0: #2B5CFD, // 标准颜色
                 1: #409EFF, // element color-primary
                 2: #3a8ee6, // element color-primary active
                 3: #2196F5,

src/assets/css/base/designBase/_base.scss

@@ -1,25 +0,0 @@
-// 默认基础间距
-$base-size: 10px;
-
-// 宽度
-$width-base: $base-size; // 10px
-
-// 行高
-$line-height-base: $base-size; // 10px
-
-// 高度
-$height-base: $base-size; // 10px
-
-// 基础尺寸
-$space-2: $base-size * 0.2; //      2px
-$space-4: $base-size * 0.4; //      4px
-$space-8: $base-size * 0.8; //      8px
-$space-12: $base-size * 1;  //      12px
-$space-16: $base-size * 1.6;//      16px
-$space-20: $base-size * 2;  //      20px
-$space-24: $base-size * 2.4;//      24px
-$space-32: $base-size * 3.2;//      32px
-$space-40: $base-size * 4;  //      40px
-$space-48: $base-size * 4.8;//      48px
-$space-52: $base-size * 5.2;//      52px
-$space-84: $base-size * 8.4;//      84px

src/assets/css/base/designBase/_media.scss

@@ -1,15 +0,0 @@
-$base-media-sm: 768px;
-$base-media-md: 992px;
-$base-media-lg: 1700px;
-$base-media-xl: 1920px;
-
-// 响应式 变更尺寸
-$screen-large-desktop : 1600px;
-$screen-small-desktop : 1440px;
-// 限定尺寸
-$screen-limit-width: 1340px;
-
-$grid-breakpoints: (
-        small: $screen-small-desktop,
-        large: $screen-large-desktop,
-);

src/assets/css/base/designBase/_mixinForCframe.scss

@@ -1,772 +0,0 @@
-$search-width-cframe: $width-base * 48;
-$search-height-cframe: $height-base;
-$search-line-height-cframe: $line-height-base;
-$search-wrap-width: 325px;
-
-// 设置 搜索区域内置input样式
-%search-width-cframe {
-  width: $search-width-cframe;
-}
-
-// 搜索区域间距
-%page-margin {
-  margin: 0 20px 0 30px;
-
-  @include mediaMax(large) {
-    margin: 0 20px 0 30px;
-  }
-
-  @include mediaMax(small) {
-    margin: 0 20px 0 30px;
-  }
-}
-
-// 容器间距
-%mta-wrap {
-  margin: 20px 0 20px 0;
-}
-
-// search 右侧文字 大小调整
-@mixin mta-c-label {
-  .mta-c-search-label {
-    min-width: 95px;
-    @include font-size-media-cframe(-3);
-    width: $search-wrap-width - 230px;
-    height: 40px;
-    line-height: 40px;
-    color: #333;
-    display: inline-block;
-
-    & + .el-select .el-input >input  {
-      @include mediaMax(large) {
-        height: $search-height-cframe * 3.6;
-        line-height: $search-line-height-cframe * 3.6;
-        margin-top: $width-base * .2
-      }
-
-      @include mediaMax(small) {
-        height: $search-height-cframe * 3.4;
-        line-height: $search-line-height-cframe * 3.4;
-        margin-top: $width-base * .4;
-      }
-    }
-  }
-}
-
-// 高级筛选
-@mixin mta-showMore-btn {
-  .mta-popver-btn {
-    margin-right: 60px;
-
-    .el-button {
-      span {
-        //@include setFontBase(-6);
-        @include font-size-media-cframe(-6);
-        @include setThemeColorBase('color', 0);
-      }
-    }
-  }
-}
-
-// 设置字体
-@mixin font-size-media-cframe($font) {
-  $font-base: $font;
-  $font-base-large: $font - 2;
-  $font-base-small: $font - 4;
-  // 基础设置
-  @if ($base-size*2 + $font-base) > 12px {
-    @include setFontBase($font-base);
-  } @else {
-    @include setFontBase(-8);
-  }
-  // large尺寸下
-  @if ($base-size*2 +  $font-base-large) > 12px {
-    @include mediaMax(large) {
-      @include setFontBase($font-base-large);
-    }
-  } @else {
-    @include mediaMax(small) {
-      @include setFontBase(-8);
-    }
-  }
-  // small尺寸下
-  @if ($base-size*2 +  $font-base-small) > 12px {
-    @include mediaMax(small) {
-      @include setFontBase($font-base-small);
-    }
-  } @else {
-    @include mediaMax(small) {
-      @include setFontBase(-8);
-    }
-  }
-
-}
-
-// input样式
-@mixin cframe-el-input__inner {
-  .mta-c-choose-select-input input.el-input__inner, .mta-search-area input.el-input__inner {
-    height: $search-height-cframe * 4;
-    line-height: $search-line-height-cframe * 4;
-    @include mediaMax(large) {
-      height: $search-height-cframe * 3.6;
-      line-height: $search-line-height-cframe * 3.6;
-    }
-
-    @include mediaMax(small) {
-      height: $search-height-cframe * 3.4;
-      line-height: $search-line-height-cframe * 3.4;
-    }
-  }
-
-  .mta-c-choose-select-input input.el-input__inner {
-
-    @include mediaMax(large) {
-      margin-top: $width-base * .2
-    }
-
-    @include mediaMax(small) {
-      margin-top: $width-base * .4;
-    }
-  }
-
-  .mta-c-status-area input.el-input__inner {
-
-    @include mediaMax(large) {
-      height: $search-height-cframe * 3.6;
-      line-height: $search-line-height-cframe * 3.6;
-      margin-top: $width-base * .2
-    }
-
-    @include mediaMax(small) {
-      height: $search-height-cframe * 3.4;
-      line-height: $search-line-height-cframe * 3.4;
-      margin-top: $width-base * .4;
-    }
-  }
-
-  .mta-c-dateSearch-area input.el-input__inner {
-
-    @include mediaMax(large) {
-      height: $search-height-cframe * 3.6;
-      line-height: $search-line-height-cframe * 3.6;
-      margin-top: $width-base * .2
-    }
-
-    @include mediaMax(small) {
-      height: $search-height-cframe * 3.4;
-      line-height: $search-line-height-cframe * 3.4;
-      margin-top: $width-base * .4;
-    }
-  }
-
-  /*.date-block input.el-input__inner {
-    @include mediaMax(large) {
-      height: $search-height-cframe * 3.6;
-      line-height: $search-line-height-cframe * 3.6;
-      //margin-top: $width-base * .2
-    }
-
-    @include mediaMax(small) {
-      height: $search-height-cframe * 3.4;
-      line-height: $search-line-height-cframe * 3.4;
-      //margin-top: $width-base * .4;
-    }
-  }*/
-}
-
-// 日历组件
-@mixin mta-data-wrap {
-  .mta-c-date-area {
-    // 容器 margin
-    @extend %page-margin;
-    // lable区域宽度样式
-    @include mta-c-label;
-    // 宽度
-    width: $search-wrap-width * 2;
-    display: flex;
-    justify-content: flex-start;
-    flex-direction: row;
-
-    .el-input {
-      margin-right: 24px;
-    }
-
-    .date-block {
-      margin-right: 24px;
-      display: flex;
-      justify-content: space-between;
-      flex-direction: row;
-      align-items: center;
-    }
-  }
-}
-
-//分页
-@mixin mta-pagination {
-  .el-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;
-    }
-  }
-  .el-pagination.is-background .el-pager li {
-    border: 1px solid #CCC;
-    border-radius: 8px;
-    background: none;
-  }
-}
-
-// 弹性盒容器居中
-@mixin mta-c-wrap-middle {
-  .mta-c-wrap-middle {
-    display: flex;
-    justify-content: space-between;
-    align-items: center; /* 垂直居中 */
-  }
-}
-
-// 查询 select
-@mixin mta-select-wrap {
-  .mta-c-select-area {
-    @extend %page-margin;
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-
-    > div span {
-      @include font-size-media-cframe(-3);
-      color: #333;
-    }
-
-    .el-select {
-      width: 220px;
-    }
-
-    &.mta-c-wrap-middle {
-      .mta-popver-btn {
-        margin-right: 40px;
-      }
-
-    }
-  }
-}
-
-// 查询 select-input
-@mixin mta-select-input-wrap {
-  .mta-c-select-input-area {
-    @extend %page-margin;
-    display: flex;
-    width: $search-wrap-width + 14px;
-    justify-content: space-between;
-    flex-direction: row;
-
-    > div {
-      width: $search-wrap-width + 400px;
-      display: flex;
-      justify-content: flex-start;
-    }
-
-    .el-input {
-      margin-right: 24px;
-    }
-  }
-}
-
-// 查询 nav区域
-@mixin mta-search-nav-area {
-  .mta-search-nav-area {
-    @extend %page-margin;
-    margin-top: 1px;
-    margin-bottom: -12px;
-  }
-}
-
-// 主体容器 高度
-@mixin mta-c-main-card-wrap($contentHeight, $marginTop) {
-
-  // 主体容器
-  .mta-c-main-lists {
-    padding-top: $marginTop;
-    margin-top: 5px;
-    height: calc(100vh - #{$contentHeight});
-    overflow: auto;
-
-  }
-  // 内容：card
-  .mta-cards-content {
-    margin: 0 0 0 20px;
-    padding-right: 20px;
-    display: flex;
-    justify-content: flex-start;
-    flex-direction: row;
-    flex-wrap: wrap;
-
-    .mta-cards-item {
-      width: 290px;
-      margin: 0 20px 20px 10px;
-      @include mediaMax(large) {
-        margin: 0 20px 20px 0;
-      }
-    }
-  }
-  // 内容：list
-  .mta-lists-content {
-    margin: 20px 20px 0 30px;
-
-    @include mediaMax(large) {
-      margin: 16px 20px 0 20px;
-    }
-
-    @include mediaMax(small) {
-      margin: 12px 20px 0 20px;
-    }
-  }
-
-}
-
-@mixin mta-c-main-card-wrap2($contentHeight, $marginTop) {
-
-  // 主体容器
-  .mta-c-main-lists {
-    padding-top: $marginTop;
-    margin-top: 5px;
-    height: calc(100vh - #{$contentHeight});
-    overflow: auto;
-
-  }
-  // 内容：table body区域
-  .mta-table-content {
-    margin: 20px 30px 0 0;
-
-    @include mediaMax(large) {
-      margin: 16px 30px 0 0;
-    }
-
-    @include mediaMax(small) {
-      margin: 12px 30px 0 0;
-    }
-  }
-  // 证书table 头
-  .mta-c-main-table-wrap {
-    margin: 20px 0 0 30px;
-    .bt-th {
-      height: 56px;
-      line-height: 56px;
-      margin-right: 30px;
-      border-radius: 8px 8px 0 0;
-      padding: 0 20px;
-
-      // 媒体查询 设置 高度响应式计算
-      @include mediaMax(large) {
-        height: 52px;
-        line-height: 52px;
-      }
-      @include mediaMax(small) {
-        height: 48px;
-        line-height: 48px;
-      }
-
-      span {
-        display: inline-block;
-        //text-indent: 2em;
-        color: #333;
-        font-weight: bold;
-      }
-    }
-    @media screen and (max-width: 1600px)  {
-      margin: 20px 0 0 20px;
-    }
-  }
-
-}
-
-// 考试须知弹窗
-@mixin mta-c-notice {
-
-
-  .noticeLeftDiv {
-    width: 400px;
-    height: 270px;
-    border: 1px solid #CCC;
-    margin-bottom: 10px;
-    text-align: center;
-    float: left;
-
-    img {
-      height: 270px;
-      width: 100%;
-    }
-  }
-
-  .noticeRightDiv {
-    width: 300px;
-    height: 270px;
-    margin-left: 440px;
-    margin-bottom: 10px;
-    border-left: 1px solid #CCC;
-    padding-left: 30px;
-
-    > div {
-      width: 100%;
-      display: inline-block;
-      margin-bottom: 16px;
-      text-align: left;
-    }
-
-    .ksmc {
-      width: 100%;
-      //width: 250px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      @include font-size-media-cframe(-2);
-      .noticeLeftSpan {
-        display: inline-block;
-        width: 115px;
-        @include font-size-media-cframe(-2);
-      }
-    }
-  }
-
-  .noticeBottomDiv {
-    width: 100%;
-    float: left;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    text-align: left;
-  }
-
-  .noticeLeftSpan {
-    display: inline-block;
-    width: 115px;
-    @include font-size-media-cframe(-4);
-  }
-  //考试须知-圆点
-  .circular {
-    display: inline-block;
-    height: 10px;
-    width: 10px;
-    border-radius: 50%;
-    margin-right: 5px;
-  }
-
-  .openContent {
-    overflow-x: auto;
-    margin-top: 10px;
-    padding: 5px 10px;
-    text-align: left;
-    @include font-size-media-cframe(-6);
-
-    p {
-      display: inline-block;
-      padding: 0;
-      margin: 0;
-    }
-  }
-
-  .ksms-span {
-    cursor: pointer;
-  }
-
-  @include mediaMax(large) {
-    .noticeLeftDiv {
-      width: 300px;
-      height: 230px;
-      border: 1px solid #CCC;
-      margin-bottom: 10px;
-      text-align: center;
-      float: left;
-
-      img {
-        height: 230px;
-        width: 100%;
-      }
-    }
-    .noticeRightDiv {
-      width: 300px;
-      height: 230px;
-      margin-left: 330px;
-      margin-bottom: 10px;
-      border-left: 1px solid #CCC;
-      padding-left: 30px;
-
-      > div {
-        width: 100%;
-        display: inline-block;
-        margin-bottom: 16px;
-        text-align: left;
-      }
-
-      .ksmc {
-        width: 100%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-    }
-  }
-  @include mediaMax(small) {
-    .noticeLeftDiv {
-      width: 260px;
-      height: 200px;
-      border: 1px solid #CCC;
-      margin-bottom: 10px;
-      text-align: center;
-      float: left;
-
-      img {
-        height: 200px;
-        width: 100%;
-      }
-    }
-    .noticeRightDiv {
-      width: 300px;
-      height: 230px;
-      margin-left: 330px;
-      margin-bottom: 10px;
-      border-left: 1px solid #CCC;
-      padding-left: 30px;
-
-      > div {
-        width: 100%;
-        display: inline-block;
-        margin-bottom: 16px;
-        text-align: left;
-      }
-
-      .ksmc {
-        width: 100%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-    }
-  }
-}
-
-// 清浮动
-@mixin mta-c-clearFix {
-  .clearfloat:after {
-    display: block;
-    clear: both;
-    content: "";
-    visibility: hidden;
-    height: 0
-  }
-  .clearfloat {
-    zoom: 1;
-  }
-}
-
-// 查询宽度 input 第一列宽度
-@mixin search-input-first-row {
-  .mta-search-area {
-    @extend %page-margin;
-    width: $search-wrap-width*1.6;
-  }
-}
-
-// 导航
-@mixin mta-c-search-nav {
-  .mta-search-nav {
-    display: flex;
-    justify-content: flex-start;
-    flex-direction: row;
-
-    .search-nav-label {
-      min-width: 95px;
-      line-height: 60px;
-      height: 60px;
-      //@include setFontBase(-3);
-      @include font-size-media-cframe(-3);
-      display: inline-block;
-    }
-
-    .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);
-      @include font-size-media-cframe(-3);
-    }
-
-    .search-nav-line {
-      height: 20px;
-      width: 1px;
-      background: #bbb;
-      margin: 20px 0;
-    }
-  }
-}
-
-// 试题段落
-@mixin mta-c-paragraph($type) {
-  @if $type == 1 {
-    .paragraph {
-      width: 100%;
-      display: flex;
-      flex-flow: column nowrap;
-      align-items: stretch;
-      .paragraph-c {
-        min-height: 230px;
-        background-color: white;
-        margin-bottom: 15px;
-        display: flex;
-        flex-flow: column nowrap;
-        align-items: stretch;
-
-        .qa {
-          margin-bottom: 0;
-
-          .qa-title {
-            height: 50px;
-            line-height: 50px;
-            @include font-size-media-cframe(-4);
-            font-weight: bold;
-            margin-left: 15px;
-          }
-
-          .qa-line {
-            margin-left: 0;
-            margin-top: 30px;
-          }
-
-          .qa-content {
-            width: calc(90% - 30px);
-            float: left;
-            padding-left: 15px;
-            padding-right: 15px;
-            padding-bottom: 5px;
-            word-break: break-word;
-          }
-
-          .qa-mark {
-            text-align: right;
-            padding-top: 0;
-            padding-right: 15px;
-            width: calc(10% - 15px);
-            float: left;
-
-            .el-button {
-              background: #FFA111;
-              border-color: #FFA111;
-              @include font-size-media-cframe(-6);
-
-              &:hover, &:active {
-                background: #F09810;
-                border-color: #F09810;
-              }
-            }
-          }
-        }
-      }
-    }
-  } @else if $type == 2 {
-    .paragraph {
-      width: 100%;
-      display: flex;
-      flex-flow: column nowrap;
-      align-items: stretch;
-
-      .paragraph-t {
-        height: 48px;
-        line-height: 48px;
-        text-align: left;
-        @include setFontBase(-3);
-        color:#606266;
-        padding: 0 30px;
-        border-radius: 10px 10px 0 0;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        width: calc(100% - 60px);
-      }
-
-      .paragraph-c {
-        min-height: 230px;
-        background-color: white;
-        border-radius: 0 0 10px 10px;
-        padding: 15px;
-        margin-bottom: 15px;
-        display: flex;
-        flex-flow: column nowrap;
-        align-items: stretch;
-
-        .qa {
-          margin-bottom: 0;
-
-          .qa-title {
-            height: 50px;
-            line-height: 50px;
-            //@include setFontBase(-3);
-            @include font-size-media-cframe(-4);
-            font-weight: bold;
-            margin-left: 15px;
-          }
-
-          .qa-line {
-            margin-left: 0;
-            margin-top: 30px;
-          }
-
-          .qa-content {
-            width: calc(90% - 15px);
-            float: left;
-            padding-left: 15px;
-            padding-bottom: 5px;
-            word-break: break-word;
-          }
-
-          .qa-mark {
-            text-align: center;
-            padding-top: 0;
-            padding-right: 0;
-            width: calc(10% - 15px);
-            float: left;
-
-            .el-button {
-              background: #FFA111;
-              border-color: #FFA111;
-              @include font-size-media-cframe(-6);
-
-              &:hover, &:active {
-                background: #F09810;
-                border-color: #F09810;
-              }
-            }
-          }
-        }
-      }
-
-      .paragraph-btns {
-        text-align: center;
-      }
-    }
-  }
-
-}
-
-// 媒体查询 btn
-@mixin media-btn {
-  @include font-size-media-cframe(-6)
-}

src/assets/css/cus-aframe-cert/cus-aframe-cert.scss

@@ -1,197 +0,0 @@
-@import "../base/fonts";
-/**
- * @Time 2019/11/18
- * @Author Tx
- * @Description 证书模块-页面样式
- */
-@mixin setStyleAframeCert($project) {
-  /****** 个人证书 ****/
-  .mta-CertUser {}
-
-  /****** 创建证书 ****/
-  .mta-certificate-add {
-    //返回按钮
-    .mta-head-area {
-      display: flex;
-      flex-direction: row;
-
-      .head-area-item {
-        flex-grow: 0.5
-      }
-      .text-a-r {
-        text-align: right;
-      }
-    }
-    div{
-      @include setFontBase(-6);
-    }
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    .container{
-      height: calc(100% - 80px);
-      background: #FFF;
-      flex: 1;
-      border-radius: 8px;
-      padding: 30px 30px 15px;
-      display: flex;
-      flex-direction: column;
-
-        &-left{
-          width: 900px;
-        }
-        &-right{
-          width: calc(100% - 1000px);
-          padding: 30px;
-          .fl-box{
-            width:400px;
-            height: 500px;
-            margin: 0 auto
-          }
-        }
-    }
-
-
-    .stbox-column {
-      display: flex;
-      flex-direction: column;
-    }
-
-    .stbox-row {
-      display: flex;
-      flex-direction: row;
-      /*水平居中*/
-      justify-content: left;
-      /*垂直居中*/
-      align-items: center;
-    }
-
-    .cs-icon {
-      padding: 2px 2px 2px 2px;
-      width: 30px;
-      height: 30px;
-    }
-
-    .st-swatches-picker {
-      position: absolute;
-      z-index: 9999;
-    }
-    @media screen and (max-width: 1600px){
-      //主题区域边距
-      .container{
-        padding: 20px 20px 15px;
-        &-left{
-          width: 710px;
-        }
-        &-right{
-          width: calc(100% - 770px);
-        }
-      }
-      //上边距
-      .mt-15{
-        margin-top: 0;
-        .canvas-container,.cert-canvas{
-          width: 700px!important;
-        }
-      }
-      .mt-30{
-        margin-top: 20px;
-      }
-    }
-    @media screen and (max-width: 1440px){
-      div{
-        @include setFontBase(-7);
-      }
-      .el-form-item__error{@include setFontBase(-8);padding-top: 2px;}
-      //主题区域边距
-      .container{
-        padding: 15px;
-        &-left{
-          width: 640px;
-        }
-        &-right{
-          width: calc(100% - 700px);
-          padding: 0 30px;
-        }
-        .addCertWrap{
-          .el-form-item{
-             margin-bottom: 14px;
-            .el-form-item__label{
-              line-height: 36px;
-              @include setFontBase(-7);
-            }
-            .el-input{
-              .el-input__inner{
-                height: 36px;
-                line-height: 36px;
-                @include setFontBase(-7);
-              }
-            }
-          }
-        }
-      }
-      //上边距
-      .mt-15{
-        .canvas-container,.cert-canvas{
-          width: 650px!important;
-        }
-      }
-      .mt-30{margin-top: 10px;}
-      //新增高度响应式
-      @media screen and (max-height: 800px){
-        .mt-15{
-          margin-top: 0;
-          .canvas-container,.cert-canvas{
-            height: 560px!important;
-          }
-        }
-      }
-      @media screen and (max-height: 700px){
-        //主题区域边距
-        .container{
-          &-right{
-            .fl-box{
-              height: 395px;
-            }
-          }
-          //证书描述下边距
-          .addCertWrap .intro-el-row .el-form-item{
-            margin-bottom: 10px;
-          }
-        }
-        .mt-15{
-          .canvas-container,.cert-canvas{
-            height: 430px!important;
-          }
-        }
-        //信息框下边距
-        .information-box{
-          .el-collapse-item__content{
-            padding-bottom: 5px;
-          }
-        }
-
-      }
-    }
-
-  }
-
-  /****** 证书库 ****/
-  .mta-CertificateManagement {
-
-    .addCertWrap {
-      display: flex;
-      flex-direction: row;
-      flex: 1;
-      justify-content: space-around;
-
-      .el-form-item {
-        margin-right: 20px;
-      }
-
-      .el-date-editor {
-        width: 100%;
-      }
-    }
-  }
-}

src/assets/css/cus-aframe-common/cus-aframe-common-media.scss

@@ -1,11 +0,0 @@
-@import "../base/variables";
-@mixin setMediaAFrameCommon($project) {
-
-  @media screen and (max-width: $base-media-lg) {
-    .steps-container {
-      display: none;
-    }
-  }
-
-}
-

src/assets/css/cus-aframe-common/cus-aframe-common.scss

@@ -1,2222 +0,0 @@
-@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");
-  }
-}
-
-

src/assets/css/cus-aframe-component/cus-aframe-component.scss

@@ -1,1440 +0,0 @@
-@import "../base/utils.scss";
-
-@mixin setStyleAFrameComponent($project) {
-  /**
-   * EditableTree + EditableTreeOrg
-   */
-  .editableTree {
-    flex: 1;
-    display: flex;
-    /*align-items: center;*/
-    justify-content: space-between;
-    flex-direction: column;
-    font-size: 14px;
-    padding-right: 8px;
-
-    &-filter {
-      display: flex;
-      flex-direction: row;
-    }
-
-    .wrap-tree {
-      display: flex;
-      flex: 1;
-    }
-
-    .el-tree {
-      flex: 1;
-    }
-
-    .custom-tree-node {
-      width: 100%;
-    }
-
-    .custom-tree-node:hover .treeCtrlBtn {
-      visibility: visible;
-    }
-
-    .treeCtrlBtn {
-      visibility: hidden;
-
-      i:nth-child(1) {
-        color: #409EFF;
-      }
-
-      i:nth-child(2) {
-        color: #67C23A;
-      }
-
-      i:nth-child(3) {
-        color: #F56C6C;
-      }
-    }
-
-    .el-tree-node__content {
-      height: 40px;
-      line-height: 40px;
-      font-size: 14px;
-      color: #333;
-      /*margin-right: 20px;*/
-    }
-
-    .authManagement .wrap-box {
-      padding: 32px 32px 15px;
-    }
-
-    .editorTreeContent i:before {
-      font-size: 18px;
-      //color: #409eff;
-    }
-
-    .el-icon-caret-right:before {
-      font-size: 18px;
-    }
-
-    .treeCtrlBtn {
-      margin-left: 5px;
-    }
-
-    .treeShowLabel {
-      display: inline-block
-    }
-
-    .treeCtrlBtn i {
-      margin-right: 3px;
-      margin-top: 12px;
-    }
-
-    .treeCtrlBtn i:before {
-      font-size: 15px;
-    }
-
-    .el-tree-node:focus > .el-tree-node__content {
-      background: #F5F7FA;
-    }
-
-    .el-tree-node__expand-icon {
-      margin-right: 5px
-    }
-
-    .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
-      //color: #4D95FD;
-      @include setThemeColorBase("color", 0);
-      font-weight: bold;
-    }
-  }
-
-  /**
-   * EditableTreeItem
-   */
-  .editorTreeComponent {
-    .editorTreeContent {
-      display: none;
-    }
-
-    .el-input {
-      display: inline-block;
-      height: 20px;
-      margin: 3px 0 0 0;
-
-      input.el-input__inner {
-        display: inline-block;
-        height: 30px;
-        margin: 3px 0 -5px -10px;
-        padding: 0 0 0 9px;
-        line-height: 40px;
-      }
-
-    }
-  }
-  .editorTreeItem {
-
-    .editorTreeContent {
-      display: block;
-    }
-
-    .el-input {
-      display: none
-    }
-  }
-
-  /**
-   * FormFieldset
-   */
-  .mta-formFieldset {
-    display: block;
-
-    fieldset {
-      padding: 10px;
-    }
-
-    .qx_box {
-      width: 60px;
-      float: left;
-      margin-right: 10px;
-    }
-
-    .bt_legend {
-      //font-size: 16px;
-    }
-
-    .group_box {
-      margin-left: 70px;
-    }
-
-    .el-checkbox {
-      margin-bottom: 8px;
-    }
-
-    .bt_legend i {
-      width: 4px;
-      height: 11px;
-      //background: #2196f5;
-      display: block;
-      margin-right: 10px;
-      float: left;
-      margin-top: 4px;
-    }
-
-    .re_fieldset {
-      border: 0;
-    }
-
-  }
-  /**
-   * PageLayout
-   */
-  .mta-PageLayout {
-    display: flex;
-    flex-direction: column;
-
-    .el-breadcrumb {
-      margin-bottom: 16px;
-    }
-  }
-
-  /**
-   * PaperPreview
-   */
-  .mta-paper-preview {
-    width: 100%;
-    overflow: auto;
-
-    .title-h3 {
-      text-align: center;
-      @include setFontBase(10);
-      font-weight: bolder;
-      margin: 40px 0;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      width: 100%;
-    }
-    //新增响应式
-    @media screen and (max-width: 1600px){
-      .title-h3{margin: 20px 0;@include setFontBase(4);}
-    }
-    @media screen and (max-width: 1440px){
-      .title-h3{margin: 10px 0;@include setFontBase(-2);}
-
-    }
-  }
-
- /**
-  * SelectInpitTree
-  */
-  .selectInput {
-    width: 100%;
-    position: relative;
-
-    .el-input__icon.el-icon-arrow-up.is-reverse {
-      transform: rotate(180deg);
-    }
-
-    .show-Tree {
-      min-width: 100%;
-    }
-
-    .tree-wrap-box {
-      position: absolute;
-      z-index: 99;
-      margin: 5px 0;
-      overflow: auto;
-      background-color: #FFF;
-      border-radius: 4px;
-      box-sizing: border-box;
-
-      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
-
-    }
-
-    .filter-tree {
-      max-height: 250px;
-      padding: 10px 10px;
-    }
-
-    .isReverse {
-      -webkit-transform: rotateZ(-180deg);
-      transform: rotateZ(-180deg);
-    }
-  }
-
-  /**
-   * SystemThemeConfig
-   */
-  .config-dialog-body {
-    > div {
-      margin-bottom: 10px;
-    }
-  }
-
-  /**
-   * AddUserImport
-   */
-  .mta-role-import {
-    .mta-role-import-wrap {
-      position: relative;
-      flex: 1;
-      display: flex;
-      flex-direction: row;
-      height: 492px;
-
-      .mta-ur-table {
-        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-UE-first-row {
-          .el-col {
-            display: flex;
-            flex-direction: row;
-            flex-wrap: wrap;
-          }
-        }
-      }
-    }
-
-    .editableTree.mta-CF-wrap-tree {
-      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;
-    }
-    @media screen and (max-width: 1600px){
-      .mta-role-import-wrap{
-        height: 450px;
-        .mta-ur-table{
-          padding: 20px;
-        }
-      }
-    }
-    @media screen and (max-width: 1440px){
-      .mta-role-import-wrap{
-        height: 435px;
-        .mta-ur-table{
-          padding: 15px;
-        }
-      }
-      .editableTree.mta-CF-wrap-tree{
-        padding: 15px 10px;
-        min-width: 120px;
-        max-width: 170px;
-      }
-    }
-  }
-
-  /**
-   * import
-   */
-  .mta-import {
-    .import-head {
-      text-align: center;
-      margin-bottom: 20px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      align-content: center;
-      flex-direction: row;
-      .downloadTem {
-        display: inline-block;
-        text-align: center;
-
-
-        .img-box{
-          width: 100px;
-          height: 100px;
-          display: block;
-          margin-bottom: 10px;
-        }
-      }
-      .import-jt,.import-jt-narrow{
-        height: 100px;
-        line-height: 100px;
-        width: 140px;
-        display: inline-block;
-        margin-top: 26px;
-        >span{
-          width: 30px;
-          height: 30px;
-          display: block;
-          //background: url("~@/assets/images/default/"+"import-arrow.png");
-          background-size: cover;
-          margin:  15px 55px;
-        }
-      }
-      .import-jt-narrow{ width: 100px;}
-
-      .wordChenked {
-        width: 100px;
-        height: 100px;
-        display: inline-block;
-        background:url("~@/assets/images/default/"+"import-word.png");
-        margin-right: 40px;
-        margin-bottom: 10px;
-      }
-
-      .wordUnChenked {
-        width: 100px;
-        height: 100px;
-        display: inline-block;
-        background:url("~@/assets/images/default/"+"import-unWord.jpg");
-        margin-right: 40px;
-        margin-bottom: 10px;
-      }
-
-      .excelChenked {
-        width: 100px;
-        height: 100px;
-        display: inline-block;
-        background:url("~@/assets/images/default/"+"import-excel.png");
-        margin-bottom: 10px;
-      }
-
-      .excelUnChenked {
-        width: 100px;
-        height: 100px;
-        display: inline-block;
-        background:url("~@/assets/images/default/"+"import-unExcel.png");
-        margin-bottom: 10px;
-      }
-      .testChenked{
-        width: 100px;
-        height: 100px;
-        display: inline-block;
-        background:url("~@/assets/images/default/"+"import-test.png");
-        margin-bottom: 10px;
-      }
-    }
-    .drjg-box{
-      background-color: #F2F2F2;
-      padding: 10px 20px;
-      text-align: center;
-      >span{
-        border-bottom: 2px solid;
-        @include setThemeColorBase("border-color", 1);
-      }
-      >div{
-        text-align: left;
-        div{
-          margin: 12px 0;
-        }
-      }
-      .successSpan{
-        display: inline-block;
-        margin-left: 36px;
-      }
-      .errorSpan{
-        float: right;
-        margin-right: 36px;
-        display: inline-block;
-      }
-
-    }
-    //排重后注释
-    .pc-item .item-note{margin-left: 5px;}
-    @media screen and (max-width: 1600px){
-      //图片下边距
-      .import-head {
-        margin-bottom: 15px;
-      }
-      //箭头
-      .import-jt{
-        margin-top: 10px;
-      }
-      //排重后注释
-      .pc-item{
-        margin-bottom: 10px;
-        .item-note{display: block;margin-left: 0;}
-        .el-select{width: 100%;}
-      }
-    }
-    @media screen and (max-width: 1440px){
-      //图片下边距
-      .import-head {
-        margin-bottom: 10px;
-        @include setFontBase(-7);
-        .downloadTem {
-          .img-box{
-            width: 80px;
-            height: 80px;
-            margin-bottom: 5px;
-            img{
-              max-width: 100%;
-            }
-          }
-        }
-        //箭头
-        .import-jt{
-          margin-top: 0;
-          > span {
-            margin: 30px 55px;
-          }
-        }
-        .import-jt-narrow > span {
-          margin: 30px 40px;
-        }
-        .wordChenked,.wordUnChenked,.excelChenked,.excelUnChenked,.testChenked{
-          width: 80px;
-          height: 80px;
-          margin-bottom: 5px;
-          background-size: cover;
-        }
-      }
-      .drjg-box{@include setFontBase(-7);}
-      //排重后注释
-      .el-form-item.pc-item{
-        margin-bottom: 0;
-        .item-note{@include setFontBase(-7);}
-      }
-    }
-  }
-
-  /**
-   * videoBanner/dialogGuideContent
-   */
-  .dialogGuideContent {
-    .el-dialog__header {
-      display: none;
-    }
-
-    .el-dialog__body {
-      padding: 0;
-    }
-  }
-
-  /**
-   * videoBanner/index
-   */
-  .mta-Aliplay {
-    width: 100%;
-    text-align: center;
-    margin: 0 auto;
-
-    .el-carousel {
-      width: 100%;
-    }
-
-    .el-carousel__item h3 {
-      color: #475669;
-      font-size: 14px;
-      opacity: 0.75;
-      margin: 0;
-    }
-
-    .el-carousel__item:nth-child(2n) {
-      /*background-color: #99A9BF;*/
-    }
-
-    .el-carousel__item:nth-child(2n+1) {
-      /*background-color: #D3DCE6;*/
-    }
-
-    .mta-img {
-      /*width: 100%;*/
-
-    }
-
-    .mta-carousel-body {
-      text-align: center;
-
-      h1 {
-        margin: 30px 0 0 0
-      }
-
-      p {
-        margin-top: 5px
-      }
-    }
-  }
-
-  /**
-   * QuickEntry
-   */
-  .Quick-Entry {
-    margin: 26px 0 26px 10px;
-
-    &-main {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-
-      .box-card {
-
-        margin-right: 30px;
-        padding-bottom: 10px;
-        cursor: pointer;
-        flex: 1;
-        position: relative;
-
-        h3 {
-          text-align: center;
-          margin: 5px 0 5px;
-          color: #fff;
-        }
-
-        p {
-          margin: 15px 0 5px;
-          color: #fff;
-        }
-
-        &.first {
-          background-color: red;
-        }
-
-        &.two {
-          background-color: orange;
-        }
-
-        &.three {
-          background-color: green;
-        }
-
-        &.four {
-          background-color: #2c98f2;
-        }
-
-        .icon-editor {
-          position: absolute;
-          bottom: 10px;
-          right: 26px;
-          cursor: pointer;
-
-          .el-icon-edit-outline {
-            color: #fff;
-            font-size: 26px;
-          }
-        }
-
-        &:last-child {
-          margin: 0;
-        }
-      }
-    }
-
-    .d-wrap {
-      height: 400px;
-      overflow-y: auto;
-      margin-right: -20px;
-
-      .d-content {
-        display: flex;
-        flex-direction: row;
-        justify-content: flex-start;
-        flex-wrap: wrap;
-        padding-right: 30px;
-
-        .d-box-card {
-          min-width: 200px;
-          cursor: pointer;
-          max-width: 230px;
-          margin-bottom: 20px;
-          flex: 1;
-          margin-right: 30px;
-        }
-      }
-    }
-
-
-  }
-
-  /**
-   * RecentTest
-   */
-  //IE/360浏览器兼容 author: TX date:2019-09-04
-  .recent-test {
-    margin: 26px 10px;
-
-    &-boxs {
-      display: flex;
-      justify-content: flex-start;
-      flex-direction: row;
-
-      .box-card {
-        margin-right: 30px;
-        min-height: 266px;
-        flex: 1;
-        max-width: 370px;
-        cursor: pointer;
-
-        p {
-          &.ks-status {
-
-            &.signUp {
-              color: orange;
-            }
-          }
-
-          &.ks-note {
-            text-align: right;
-
-            span {
-              color: red;
-            }
-          }
-        }
-
-        &:nth-last-child(1) {
-          margin: 0;
-        }
-
-        &.only {
-          max-width: 250px;
-
-          .examImage {
-            height: 230px;
-            margin: 0 auto;
-          }
-        }
-
-      }
-    }
-
-  }
-
-
-  .statistical-analysis {
-    margin: 26px 0 26px 0;
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    max-height: 360px;
-    //修改样式 author: TX date:2019-09-04
-    .box-left {
-      margin-left: 10px;
-      width: 330px;
-      margin-right: 30px;
-      border: 1px solid #ccc;
-      border-radius: 4px;
-      display: flex;
-      justify-content: center;
-      flex-direction: column;
-      padding: 20px;
-
-
-     /* &-top {
-        flex: 1;
-
-        h3 {
-
-        }
-
-        p {
-          display: flex;
-          justify-content: space-between;
-          flex-direction: row;
-        }
-
-
-      }*/
-
-      .el-pagination {
-        text-align: center;
-
-        button {
-          background-color: rgba(0, 0, 0, 0)
-        }
-      }
-
-    }
-
-    .box-right {
-      flex: 1;
-      /*background: #2c98f2;*/
-      display: flex;
-      flex-direction: row;
-      justify-content: center;
-
-      .fra-charts {
-        width: 100%;
-        height: 100%;
-      }
-    }
-
-    .box-card.only {
-      max-width: 300px;
-
-      .examImage {
-        height: 240px;
-        margin: 0 auto;
-      }
-    }
-    .box-left {
-
-      .el-pagination {
-        text-align: center;
-
-        width: 100%;
-
-        button {
-          background-color: rgba(0, 0, 0, 0)
-        }
-
-        li {
-          background-color: rgba(0, 0, 0, 0)
-        }
-      }
-    }
-  }
-
-  /**
-   * Header
-   */
-  .mta-aframe-header {
-    .nc-container {
-      width: 100%;
-      margin: 0 0 20px 100px;
-
-      > div {
-        width: auto !important;
-      }
-
-    }
-  }
-  .header-li-button__QrCodeData {
-    display: flex;
-    justify-content: space-between;
-    flex-direction: row;
-    text-align: center;
-    padding: 16px;
-    max-width: 300px;
-    flex-wrap: wrap;
-
-    > div {
-      width: 130px;
-
-      &:nth-child(3) {
-        margin-top: 10px
-      }
-      &:nth-child(4) {
-        margin-top: 10px
-      }
-      h3 {
-        //color: #333;
-        margin: 0;
-      }
-
-      img {
-        width: 100%;
-      }
-    }
-  }
-  .header-help-buttons {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-  }
-  ul.userControl {
-    text-align: center;
-
-    > li {
-      text-align: center;
-      .el-icon-key,.el-icon-s-order,.el-icon-phone,.el-icon-location,.el-icon-setting,span{
-        @include setThemeColorBase('color', 1);
-      }
-    }
-  }
-
-  /**
-   * QuillEditor
-   */
-  .editor {
-    line-height: normal !important;
-  }
-
-  .ql-editor {
-    min-height: 200px;
-  }
-
-  .ql-snow .ql-tooltip[data-mode=link]::before {
-    content: "请输入链接地址:";
-  }
-
-  .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
-    border-right:  0px;
-    content:       '保存';
-    padding-right: 0px;
-  }
-
-  .ql-snow .ql-tooltip[data-mode=video]::before {
-    content: "请输入视频地址:";
-  }
-
-  .ql-snow .ql-picker.ql-size .ql-picker-label::before,
-  .ql-snow .ql-picker.ql-size .ql-picker-item::before {
-    content: '14px';
-  }
-
-  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
-  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
-    content: '10px';
-  }
-
-  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
-  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
-    content: '18px';
-  }
-
-  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
-  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
-    content: '32px';
-  }
-
-  .ql-snow .ql-picker.ql-header .ql-picker-label::before,
-  .ql-snow .ql-picker.ql-header .ql-picker-item::before {
-    content: '文本';
-  }
-
-  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
-  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
-    content: '标题1';
-  }
-
-  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
-  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
-    content: '标题2';
-  }
-
-  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
-  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
-    content: '标题3';
-  }
-
-  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
-  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
-    content: '标题4';
-  }
-
-  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
-  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
-    content: '标题5';
-  }
-
-  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
-  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
-    content: '标题6';
-  }
-
-  .ql-snow .ql-picker.ql-font .ql-picker-label::before,
-  .ql-snow .ql-picker.ql-font .ql-picker-item::before {
-    content: '标准字体';
-  }
-
-  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
-  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
-    content: '衬线字体';
-  }
-
-  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
-  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
-    content: '等宽字体';
-  }
-
-
-  /**
-   * transform
-   */
-  .enterActive, .leaveActive {
-    transition: all .3s ease;
-  }
-
-  .enterTo, .leave {
-    opacity: 1;
-  }
-
-  .enter, .leaveTo {
-    opacity: 0;
-  }
-  /*简单题上传下载样式*/
-  .ShortAnswer-yl-btn{
-    position: relative;
-    height: 40px;
-    line-height: 40px;
-    padding: 0 12px;
-    @media screen and (max-width: 1440px){
-      height: 36px;
-      line-height: 36px;
-      vertical-align: bottom;
-      span{font-size: 13px;}
-    }
-  }
-  .ShortAnswer-image-btn{
-    position: absolute;
-    left: 0;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    >img{
-      opacity: 0;
-    }
-  }
-  .ShortAnswer-fj-dialog{
-    .el-dialog__header{text-align: center}
-    .el-dialog__body{
-      padding: 30px 20px;
-    }
-    .fj-box{
-      display: inline-block;
-      padding: 5px;
-      >div{
-        margin:0 10px;
-        text-decoration: underline;
-        color: #1577c7;
-      }
-    }
-  }
-  .ShortAnswer-btn-box{
-    margin-bottom: 10px;
-  }
-  //人工评卷-添加附件
-  .ImageDownloadPreviewSlot {
-
-
-    .my-image-Preview {
-      height: 40px;
-      width: 40px;
-      border-radius: 5px;
-    }
-
-    .myDownloadBtn {
-      @include setThemeColorBase("color", 0);
-    }
-    .el-icon-download:before{
-      font-size: 20px;
-    }
-  }
-  //课件管理--阿里云上传
-  .aliUpload-container {
-    .upload {
-      position: relative;
-      > div {
-        .upload-box {
-          display: inline-block;
-          vertical-align: bottom;
-          .el-upload-list__item{
-            height: 39px;
-            line-height: 39px;
-            .el-icon-close{top:13px;}
-          }
-        }
-
-        //进度条
-        > div.aly-progressbar {
-          margin-top: 20px;
-          margin-bottom: 0;
-          width: 65%;
-          display: inline-block;
-        }
-      }
-      //.el-upload-list{display: flex}
-    }
-    .aliUpload-note-word{
-      width: 20px;
-      height: 20px;
-      background-image: url("../../../assets/images/icons/note-word.svg");
-      position: absolute;
-      left: 130px;
-      top: 10px;
-      background-position: center;
-      background-repeat: no-repeat;
-    }
-    .status {
-      display: inline-block;
-      margin-left: 40px;
-      height: 39px;
-      line-height: 39px;
-    }
-    //文件名
-    .el-upload-list__item-name{
-      max-width:300px;
-      margin-right: 0;
-    }
-    @media screen and (max-width: 1440px) {
-      .upload > div > div.aly-progressbar {
-        width: 60%;
-      }
-      .el-upload-list__item{
-        height: 36px;
-        line-height: 36px;
-      }
-      .status {
-        height: 36px;
-        line-height: 36px;
-      }
-    }
-  }
-
-  //图片尺寸
-  .picture-size-h5{
-    @include setFontBase(-5);
-    color: #666;
-    margin: 0;
-    margin-top: 6px;
-    @media screen and (max-width: 1440px){
-      @include setFontBase(-6);
-    }
-  }
-  //a端导航
-  .a-breadcrumb-box {
-    font-size: 14px;
-    .st-breadcrumb{
-      display: flex;
-      a:last-child{
-        .breadcrumb-div::after{
-          display: none;
-        }
-      }
-    }
-    .breadcrumb-icon-box{
-      width: 14px;
-      height: 14px;
-      background-image: url("../../../assets/images/icons/breadcrumb-icon-home.svg");
-      margin-right: 8px;
-    }
-    .st-breadcrumb-item {
-      font-size: 14px;
-      float: left;
-      color: #666;
-      text-decoration: none;
-    }
-    .el-breadcrumb__inner.is-link{
-      color: #333;
-    }
-    .el-breadcrumb__inner.is-link:hover{
-      @include setThemeColorBase("color",1);
-    }
-    .breadcrumb-div{
-      display: flex;
-    }
-    .breadcrumb-div::after {
-      content: ' ';
-      width: 7px;
-      height: 16px;
-      display: inline-block;
-      background-image: url("../../../assets/images/icons/breadcrumb-icon.svg");
-      padding: 0 8px;
-      background-repeat: no-repeat;
-      background-position: center;
-    }
-
-    .st-breadcrumb-item:hover {
-      @include setThemeColorBase("color",1);
-      cursor: pointer;
-    }
-
-    .st-breadcrumb-item-last {
-      float: left;
-      text-decoration: none;
-      color: #333;
-    }
-    .el-breadcrumb .el-breadcrumb__item:last-child .is-link{
-      @include setThemeColorBase("color",1);
-      font-weight: bold;
-    }
-    .el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner{
-      @include setThemeColorBase("color",1);
-      font-weight: bold;
-    }
-    @media screen and (max-width: 1440px) {
-      font-size: 13px;
-      .st-breadcrumb-item {
-        font-size: 13px;
-      }
-      .breadcrumb-div::after {
-        height: 14px;
-      }
-    }
-  }
-
-  //资源库上传按钮
-  #global-uploader {
-
-    .uploader-app {
-      width: 520px;
-      //状态栏
-      .uploader-status-box{
-        display: flex;
-        margin-top: 10px;
-        .status{
-          height: 39px;
-          line-height: 39px;
-          }
-      }
-      //文件名称栏
-      .file-name-box{
-        //width: 250px;
-        height: 39px;
-        line-height: 39px;
-        padding: 0 5px;
-        display: flex;
-        flex-wrap: wrap;
-        align-items: center;
-        transition: all .5s;
-
-        .el-icon-close:before{
-          content: "\E6DB";
-          opacity: 0;
-        }
-        span{
-          padding: 0 10px;
-          /*overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap;
-          width: 220px;
-          display: inline-block;*/
-        }
-      }
-      .file-name-box:hover{
-        background-color: #F5F7FA;
-        cursor: default;
-        .el-icon-close:before{
-          opacity: 1;
-        }
-      }
-    }
-
-
-    //文件列表---- 已隐藏
-    .file-panel {
-      background-color: #FFF;
-      border: 1px solid #E2E2E2;
-      border-radius: 7px 7px 0 0;
-      box-shadow: 0 0 10px rgba(0, 0, 0, .2);
-
-      .file-title {
-        display: flex;
-        height: 40px;
-        line-height: 40px;
-        padding: 0 15px;
-        border-bottom: 1px solid #DDD;
-
-        .operate {
-          flex: 1;
-          text-align: right;
-        }
-      }
-
-      .file-list {
-        position: relative;
-        height: 240px;
-        overflow-x: hidden;
-        overflow-y: auto;
-        background-color: #FFF;
-
-        > li {
-          background-color: #FFF;
-        }
-      }
-
-      &.collapse {
-        .file-title {
-          background-color: #E7ECF2;
-        }
-      }
-    }
-
-    .no-file {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      font-size: 16px;
-    }
-
-    /deep/ .uploader-file-icon {
-      &:before {
-        content: '' !important;
-      }
-
-  /*    &[icon=image] {
-        background: url(./images/image-icon.png);
-      }
-
-      &[icon=video] {
-        background: url(./images/video-icon.png);
-      }
-
-      &[icon=document] {
-        background: url(./images/text-icon.png);
-      }*/
-    }
-
-    /deep/ .uploader-file-actions > span {
-      margin-right: 6px;
-    }
-    .uploader-btn{
-      width: 100px;
-      height: 40px;
-      line-height: 40px;
-      color: #fff;
-      @include setThemeColorBase("background", 0);
-      padding: 0;
-      text-align: center;
-      border-radius: 4px;
-      border: 0;
-    }
-    .uploader-btn:hover {
-      @include setThemeColorBase("background", -2);
-    }
-    .aliUpload-note-word{
-      top:10px;
-      left: 110px;
-    }
-  }
-
-  //c端首页轮播
-  .c-carousel-box{
-    width: 100%;
-    height: 400px;
-    position: relative;
-    .el-carousel__item{
-      img{
-        width: 100%;
-        min-height: 400px;
-        display: block;
-        margin: 0 auto;
-      }
-    }
-    .c-user-box-wrap{
-      width: 1340px;
-      height: 400px;
-      margin: 0 auto;
-      margin-top: -400px;
-      position: relative;
-      z-index: 9;
-    }
-    .c-index-user-box{
-      width: 214px;
-      height: 300px;
-      padding: 24px;
-      position: absolute;
-      top: 26px;
-      z-index: 10;
-      right: 32px;
-      background: #FFF;
-      border-radius: 8px;
-
-      img{
-        width: 72px;
-        height: 72px;
-        border-radius: 50%;
-        display: block;
-        margin: 8px auto 0;
-      }
-      p{
-        margin: 8px 0;
-        display: block;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-      p:hover{
-        cursor: default;
-      }
-      span{
-        height: 20px;
-        line-height: 20px;
-        @include setFontBase(-5,true);
-        color: rgba(0,0,0,0.85);
-        letter-spacing: 0;
-        span{
-          color: rgba(0,0,0,0.64);
-        }
-      }
-    }
-    .el-carousel__container{
-      height: 400px;
-    }
-    @media screen and (max-width: 1600px) {
-    }
-    @media screen and (max-width: 1440px) {
-      .c-index-user-box{
-        span{
-          @include setFontBase(-6,true);
-        }
-      }
-    }
-  }
-
-  //进度条box样式
-  .upload-type{
-    button{
-      background: transparent;
-      border: 0;
-      width: 18px;
-      height: 18px;
-      margin-right: 16px;
-      display: inline-block;
-      background-size: cover;
-      vertical-align: middle;
-    }
-    button:hover{cursor: pointer}
-    //按钮
-    .start-btn{
-      //background-image: url("../../images/icons/kj-upload.svg");
-      display: none;
-    }
-    .pause-btn{
-      background-image: url("../../../assets/images/icons/kj-pause.svg");
-    }
-    .upload-btn{
-      background-image: url("../../../assets/images/icons/kj-upload.svg");
-    }
-    //按钮置灰
-    button[disabled] {
-      background: transparent;
-      border: 0;
-    }
-    //
-    button:focus{outline: none;}
-    button[disabled].start-btn{
-      //background-image: url("../../images/icons/kj-upload-disabled.svg");
-      display: none;
-    }
-    button[disabled].pause-btn{
-      background-image: url("../../../assets/images/icons/kj-pause-disabled.svg");
-    }
-    button[disabled].upload-btn{
-      background-image: url("../../../assets/images/icons/kj-upload-disabled.svg");
-    }
-    .progress{display: block}
-    @media screen and (max-width: 1600px) {
-      button{
-        margin-right: 10px;
-      }
-    }
-    @media screen and (max-width: 1440px) {
-      button{
-        margin-right: 8px;
-      }
-    }
-  }
-
-  //上传进度条
-  .a-uploader-progressbar {
-    margin-top: 10px;
-    margin-bottom: 0;
-    width: 65%;
-    display: inline-block;
-  }
-
-  //注释
-  .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;
-  }
-}

src/assets/css/cus-aframe-course/cos-aframe-course.scss

@@ -1,31 +0,0 @@
-@import "../base/utils.scss";
-
-@mixin setStyleAframeCourse($project) {
-    .courseAddUserInfo {
-
-        .addUserInfo-body {
-            width: 100%;
-            display: flex;
-            flex-direction: row;
-            justify-content: flex-start;
-
-            .my-Tree {
-                margin-right: 15px;
-
-            }
-            .my-course-user-Table {
-                height: 400px;
-                width: calc(100% - 280px);
-
-                @include mediaMax(large) {
-                    width: calc(100% - 260px);
-                }
-                @include mediaMax(small) {
-                    width: calc(100% - 260px);
-                }
-            }
-
-        }
-    }
-
-}

src/assets/css/cus-aframe-exam/cus-aframe-exam.scss

@@ -1,45 +0,0 @@
-@import "../base/utils.scss";
-
-@mixin setStyleAframeExam($project) {
-    .mta-examConfigPage{
-        .exam-control-box{
-            >div{display: inline-block;margin-right: 24px;}
-            //防切屏
-            > div.ToggleScreenFlagStatusClass{
-                background-color: #eaeaea;
-                text-align: center;
-                padding: 10px 0;
-                margin-left: -24px;
-                vertical-align: middle;
-                .ToggleScreenSpan{
-                    width: 120px;
-                    text-align: right;
-                }
-                span{
-                    display: inline-block;
-                    margin: 0 5px;
-                }
-                .el-input__inner{
-                    height: 28px!important;
-                    line-height: 28px!important;
-                }
-            }
-        }
-        .mta-two-left-box{flex: 3;}
-        .mta-two-right-box{flex: 1;margin-bottom: 15px}
-        .exam-span{margin-bottom: 5px;display: block;@include setFontBase(-2); }
-        .exam-cover{width: 180px;text-align: center;margin-top: 15px;}
-        .djms-item .el-radio{margin-right: 10px;}
-        @media screen and (max-width: 1600px){
-            .exam-cover{margin-top:10px;}
-            .mta-two-right-box{margin-bottom: 10px;}
-            .mta-KC-wrap > div.mta-box div.mta-scroll-box .mta-test-attributes .first-left-box .mta-two-left-box{margin-right: 14px}
-        }
-        @media screen and (max-width: 1440px){
-            .exam-cover{width: 140px;margin-top: 5px;}
-            .mta-two-right-box{margin-bottom: 5px;}
-            .exam-span{@include setFontBase(-4); }
-        }
-
-    }
-}

src/assets/css/cus-aframe-exercise/cus-aframe-exercise.scss

@@ -1,981 +0,0 @@
-/**
- * @Time 2019/10/25
- * @Author Wxy
- * @Description 考试模块 颜色混入修正页面
- * 此页面集成 颜色基础变量 + 未修正页面样式 + 已修正页面样式
- */
-@import "../base/utils.scss";
-
-@mixin setStyleAframeExercise($project) {
-  .mta-exercise-control {
-
-    .mta-head-area {
-      display: flex;
-      flex-direction: row;
-
-      .head-area-item {
-        flex-grow: 0.5
-      }
-
-      .text-a-r {
-        text-align: right;
-      }
-    }
-
-    .mta-mec-wrap {
-
-      > div.mta-box {
-        height: calc(100vh - 245px);
-        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 {
-            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: 20px;
-
-                flex: 1;
-
-                .mta-first-row {
-
-                  .el-col {
-                    display: flex;
-                    justify-content: space-between;
-                    flex-direction: row;
-
-                    > div {
-                      flex: 1;
-                    }
-                  }
-                }
-
-                .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-direction: column;
-                justify-content: flex-start;
-
-                .el-button {
-                  margin-top: 15px;
-                }
-              }
-            }
-
-          }
-
-          .config-table-wrap {
-            width: calc(100% - 0px);
-            margin-left: 10px;
-            margin-bottom: 20px;
-
-            .mta-row-first {
-
-              .el-col.first-row-col {
-                display: flex;
-                flex-direction: row;
-                justify-content: space-between;
-              }
-            }
-
-            .mta-row-two {
-              .el-pagination {
-                margin-top: 10px;
-              }
-            }
-          }
-
-          .ksControl {
-            margin: 30px 0;
-
-            .el-col.first-row-col {
-
-              display: flex;
-              flex-direction: row;
-              justify-content: space-between;
-              padding-left: 40px;
-
-              .el-switch {
-                margin-top: 10px;
-              }
-
-              .time-control {
-                display: flex;
-                flex-direction: row;
-                justify-content: flex-start;
-
-
-                > span:first-child {
-                  width: 100px;
-                  line-height: 40px;
-                }
-
-                > span:last-child {
-                  /*width: 180px;*/
-                  margin-left: 10px;
-                  line-height: 40px;
-
-                  i {
-                    font-size: 8px;
-                    color: #CCC;
-                  }
-                }
-
-                .el-input {
-                  width: 80px;
-                }
-              }
-            }
-
-            .el-col.two-row-col {
-              margin-top: 40px;
-              display: flex;
-              flex-direction: row;
-              justify-content: flex-start;
-
-              > div {
-                margin-left: 40px;
-
-                span {
-                  margin-right: 10px;
-                }
-              }
-            }
-          }
-
-          .results-release {
-            margin: 20px 0;
-
-            .first-row {
-              margin-left: 40px;
-
-              > span {
-                margin-right: 10px;
-              }
-
-              .el-switch {
-                margin-left: 20px;
-              }
-            }
-          }
-
-          .btn-area {
-            text-align: center;
-          }
-
-          .mta-top {
-            margin-top: 20px;
-          }
-        }
-      }
-
-      .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: 70px;
-                line-height: 30px;
-                padding-right: 4px;
-                color: #333;
-              }
-            }
-
-            .el-input, .mta-select-input {
-              width: 180px;
-            }
-          }
-        }
-
-        .mta-table-area {
-          display: flex;
-          flex-direction: column;
-          justify-content: space-between;
-          margin-top: 20px;
-
-          .el-pagination {
-            margin-top: 15px;
-          }
-        }
-      }
-      .examinetype-container{
-        .response-tree-div{
-          max-width: 100%;
-          padding: 0;
-        }
-      }
-    }
-
-    .row-span.selectSpanlight {
-      color: #2C3E50
-    }
-
-    .row-span {
-      color: #CCC;
-      cursor: pointer;
-      @include setFontBase(-4);
-    }
-
-    .addshijuan,.addUserInfo {
-      &-body {
-        display: flex;
-        justify-content: space-between;
-        flex-direction: row;
-        height: 492px;
-        flex: 1;
-
-        &-left {
-          // min-width: 190px;
-          border: 1px solid #CCC;
-          border-radius: 8px;
-          margin-right: 20px;
-        }
-
-        &-right {
-          border: 1px solid #CCC;
-          padding: 20px 30px;
-          border-radius: 8px;
-          overflow: auto;
-          flex: 1;
-          display: flex;
-          flex-direction: column;
-        }
-      }
-      .response-tree-div{
-        padding: 15px 20px;
-      }
-    }
-
-    .time-span{margin: 4px 10px}
-    @media screen and (max-width: 1600px){
-      //添加试卷
-      .addshijuan,.addUserInfo {
-        &-body {
-
-          &-left {
-            margin-right: 15px;
-          }
-          &-right {
-            padding: 20px 20px;
-          }
-        }
-      }
-    }
-    @media screen and (max-width: 1440px){
-      //外框边距
-      .mta-mec-wrap {
-
-        > div.mta-box {
-          height: calc(100vh - 235px);
-        }
-      }
-      .mta-mec-wrap > div.mta-box div.mta-scroll-box .mta-test-attributes .first-left-box{margin-top: 10px;}
-      //上传文件框大小
-      .two-right-box{
-        .uploadAlCloud .avatar-uploader-icon{
-          width: 140px;
-          height: 140px;
-          line-height: 140px;
-        }
-        .uploadAlCloud .avatar{
-          width: 140px; // 必须指定宽高
-          height: 140px;
-          line-height: 140px;
-        }
-        .uploadAlCloud .avatar-uploader .el-upload{
-          width: 140px; // 必须指定宽高
-          height: 140px;
-          line-height: 140px;
-        }
-      }
-      //行距
-      .el-form-item {
-        margin-bottom: 14px;
-      }
-      //提示文字
-      .el-form-item__error{
-        padding-top: 1px;
-      }
-      .first-row-col{
-        >p{
-          @include setFontBase(-4);
-          margin: 10px 0;
-        }
-      }
-      //添加试卷
-      .addshijuan,.addUserInfo {
-        &-body {
-          height: 435px;
-          .left-label{
-            @include setFontBase(-7);
-          }
-
-          &-left {
-            // min-width: 170px;
-            margin-right: 10px;
-          }
-
-          &-right {
-            padding: 15px;
-          }
-        }
-        .response-tree-div{
-          padding: 10px 15px;
-        }
-      }
-      //至
-      .time-span {
-        margin: 2px 6px;
-      }
-    }
-  }
-  //练习页面
-  .mta-exercise {
-    .mta-e-wrap {
-      position: relative;
-      flex: 1;
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-    }
-  }
-
-  /****** 添加课件 *****/
-  .mta-kejian-add {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-
-    .top {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-      height: 40px;
-    }
-
-    .main {
-      width: 100%;
-      height: calc(100vh - 300px);
-      min-height: 470px;
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-
-      .st-el-tabs {
-        width: 100%;
-      }
-
-      .main-left {
-        float: left;
-        width: 47%;
-        margin-right: 6%;
-        background: #FFF;
-        border-radius: 8px;
-
-        .note-word {
-          width: 20px;
-          height: 20px;
-          background-image: url("../../../assets/images/icons/note-word.svg");
-          position: absolute;
-          left: 110px;
-          top: 10px;
-          background-position: center;
-          background-repeat: no-repeat;
-        }
-      }
-
-      .main-right {
-        float: left;
-        width: 47%;
-        background: #FFF;
-        border-radius: 8px;
-
-        .response-title {
-          margin: 15px;
-        }
-
-        .content {
-          margin-left: 15px;
-          font-size: 14px;
-          font-weight: normal;
-
-          td {
-            font-size: 14px;
-            color: #666;
-            letter-spacing: 0;
-            margin-bottom: 10px;
-            padding: 5px 0;
-          }
-
-          .circular {
-            display: inline-block;
-            height: 8px;
-            width: 8px;
-            border-radius: 50%;
-            @include setThemeColorBase("background-color", 1);
-            margin-right: 8px;
-            margin-top: 5px;
-            vertical-align: top;
-          }
-
-          .wj-span {
-            width: 42px;
-            display: inline-block;
-            margin-right: 8px;
-            font-size: 14px;
-            color: #333;
-          }
-
-          .line-div {
-            margin: 24px 0;
-            height: 1px;
-            background: #CCC;
-          }
-        }
-      }
-    }
-
-    .btns {
-      margin-top: 30px;
-    }
-
-    .el-tabs {
-      height: 100%;
-
-      .st-el-tabs {
-        height: 100%;
-
-        .st-el-tab-pane {
-        }
-      }
-    }
-
-    .el-tab-pane {
-    }
-
-    .el-tabs__content {
-      overflow: inherit;
-    }
-
-    //input框
-    .kejian-input {
-      width: 76%;
-    }
-
-    .el-date-editor.el-input {
-      width: 180px;
-    }
-
-    //按钮
-    .dq-btn {
-      margin-left: 10px;
-    }
-
-    .el-icon-plus {
-      width: 16px;
-      height: 16px;
-      @include setThemeColorBase("color", 1);
-      margin-left: 10px;
-      margin-top: 12px;
-    }
-
-    .el-icon-plus:before {
-      font-size: 16px;
-    }
-
-    .response-middle-btn {
-      margin-right: 0;
-      width: 120px;
-    }
-
-    .response-input {
-      margin-right: 5px;
-    }
-
-    //文件上传
-    .upload-item-box {
-      .el-upload {
-        display: flex;
-      }
-
-      .el-upload-list {
-        float: left
-      }
-
-      .upload-status {
-        display: none;
-        margin-top: 6px;
-      }
-    }
-
-    @media screen and (max-width: 1600px) {
-      .main {
-        .main-left {
-          width: 48%;
-          margin-right: 4%;
-        }
-
-        .main-right {
-          width: 48%;
-        }
-      }
-      //input框
-      .kejian-input {
-        width: 74%;
-      }
-      .el-date-editor.el-input {
-        width: 170px;
-      }
-      .content {
-        td {
-          font-size: 13px;
-        }
-      }
-    }
-    @media screen and (max-width: 1440px) {
-      .main {
-        .main-left {
-          width: 49%;
-          margin-right: 2%;
-
-          /*.note-word {
-              margin-top: 10px;
-              margin-left: 6px;
-          }*/
-        }
-
-        .main-right {
-          width: 49%;
-
-          .content {
-            font-size: 13px;
-
-            td {
-              font-size: 13px;
-              padding: 2px 0;
-            }
-          }
-        }
-
-        .el-tabs__content {
-          padding: 10px 15px;
-        }
-      }
-      //input框
-      .kejian-input {
-        width: 70%;
-      }
-      .el-date-editor.el-input {
-        width: 150px;
-      }
-      //读取按钮
-      .dq-btn {
-        padding: 10px 20px;
-        font-size: 13px;
-      }
-      //+号
-      .el-icon-plus {
-        margin-left: 8px;
-        margin-top: 10px;
-      }
-    }
-    .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active,.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover{
-      @include setThemeColorBase("color", 1);
-    }
-  }
-
-  /****** 资源管理 *****/
-  .mta-ziyuanku-add {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-
-    .top {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-      height: 40px;
-    }
-
-    .main {
-      width: 100%;
-      height: calc(100vh - 300px);
-      min-height: 470px;
-      padding: 30px 30px 15px;
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-      background: #fff;
-      box-sizing: border-box;
-      border-radius: 8px;
-
-      .st-el-tabs {
-        width: 100%;
-      }
-
-      .main-left {
-        float: left;
-        width: 47%;
-        margin-right: 6%;
-        background: #FFF;
-        border-radius: 8px;
-
-        .note-word {
-          width: 20px;
-          height: 20px;
-          background-image: url("../../../assets/images/icons/note-word.svg");
-          position: absolute;
-          left: 110px;
-          top: 10px;
-          background-position: center;
-          background-repeat: no-repeat;
-        }
-      }
-
-      .main-right {
-        float: left;
-        width: 47%;
-        background: #FFF;
-        border-radius: 8px;
-        p{
-          font-size: 14px;
-          color: #666;
-          letter-spacing: 0;
-          margin-bottom: 10px;
-          padding: 5px 0;
-          line-height: 20px;
-        }
-        .circular {
-          display: inline-block;
-          height: 8px;
-          width: 8px;
-          border-radius: 50%;
-          @include setThemeColorBase("background-color", 1);
-          margin-right: 8px;
-          margin-top: 5px;
-          vertical-align: top;
-        }
-      }
-    }
-
-    .btns {
-      margin-top: 30px;
-    }
-
-    .el-tabs {
-      height: 100%;
-
-      .st-el-tabs {
-        height: 100%;
-
-        .st-el-tab-pane {
-        }
-      }
-    }
-
-    .el-tab-pane {
-    }
-
-    .el-tabs__content {
-      overflow: inherit;
-    }
-
-    //input框
-    .kejian-input {
-      width: 76%;
-    }
-
-    .el-date-editor.el-input {
-      width: 180px;
-    }
-
-    //按钮
-    .dq-btn {
-      margin-left: 10px;
-    }
-
-    .el-icon-plus {
-      width: 16px;
-      height: 16px;
-      @include setThemeColorBase("color", 1);
-      margin-left: 10px;
-      margin-top: 12px;
-    }
-
-    .el-icon-plus:before {
-      font-size: 16px;
-    }
-
-    .response-middle-btn {
-      margin-right: 0;
-      width: 120px;
-    }
-
-    .response-input {
-      margin-right: 5px;
-    }
-
-    //文件上传
-    .upload-item-box {
-      .el-upload {
-        display: flex;
-      }
-
-      .el-upload-list {
-        float: left
-      }
-
-      .upload-status {
-        display: none;
-        margin-top: 6px;
-      }
-    }
-    //文件名
-    .el-upload-list__item-name{
-      max-width:300px;
-      margin-right: 40px;
-    }
-    @media screen and (max-width: 1600px) {
-      .main {
-        padding: 20px 20px 15px;
-        .main-left {
-          width: 48%;
-          margin-right: 4%;
-        }
-
-        .main-right {
-          width: 48%;
-        }
-      }
-      //input框
-      .kejian-input {
-        width: 74%;
-      }
-      .el-date-editor.el-input {
-        width: 170px;
-      }
-      .content {
-        td {
-          font-size: 13px;
-        }
-      }
-    }
-    @media screen and (max-width: 1440px) {
-      .main {
-        padding: 15px;
-        .main-left {
-          width: 62%;
-          margin-right: 2%;
-
-          /*.note-word {
-              margin-top: 10px;
-              margin-left: 6px;
-          }*/
-        }
-
-        .main-right {
-          width: 36%;
-
-          .content {
-            font-size: 13px;
-
-            td {
-              font-size: 13px;
-              padding: 2px 0;
-            }
-          }
-        }
-
-        .el-tabs__content {
-          padding: 10px 15px;
-        }
-      }
-      //label
-      .el-form-item__label{
-        line-height: 36px;
-      }
-      //input框
-      .kejian-input {
-        width: 70%;
-
-        .el-input {
-          font-size: 13px;
-        }
-
-        .el-input__inner {
-          height: 36px;
-          line-height: 36px;
-          font-size: 13px;
-        }
-
-        .el-input {
-          //图标
-          .el-range-separator, .el-range__icon, .el-date-editor .el-range__close-icon, .el-input__icon, .el-select__caret {
-            line-height: 28px;
-          }
-
-          .el-input__clear {
-            margin-top: 2px
-          }
-        }
-      }
-      .el-date-editor.el-input {
-        width: 150px;
-      }
-      //读取按钮
-      .dq-btn {
-        padding: 10px 20px;
-        font-size: 13px;
-      }
-      //+号
-      .el-icon-plus {
-        margin-left: 8px;
-        margin-top: 10px;
-      }
-    }
-  }
-
-  /****** 发布课程 *****/
-  .my-collapse {
-    &.father {
-      border-radius: 8px;
-      overflow: hidden;
-      border: 1px solid #CCC;
-    }
-
-    .my-collapse-item {
-      .my-collapse-input {
-        margin-left: 20px;
-        color: #303133;
-      }
-
-      .el-collapse-item__header {
-        padding: 0 10px;
-      }
-
-      &.collapse-zhang {
-        margin: 0;
-
-        .el-collapse-item__header {
-          @include setThemeColorBase("background", -4);
-        }
-      }
-
-      &.collapse-jie {
-        margin: 0 30px;
-
-        .el-collapse-item__header {
-          background: #FFF!important;
-        }
-      }
-    }
-
-    .my-collapse-title {
-      margin-left: 10px;
-      font-size: 14px;
-      color: #303133;
-    }
-
-    .kj-btn-add {
-      .el-button {
-        font-size: 14px;
-        cursor: pointer;
-        @include setThemeColorBase("color", 0);
-      }
-
-      .el-button:hover, .el-button:active, .el-button:focus {
-        @include setThemeColorBase("color", 0);
-      }
-
-      &.father {
-        padding: 0 10px;
-        @include setThemeColorBase("background-color", -4);
-      }
-
-      &.child {
-        padding: 0 46px;
-        background: #FFF;
-      }
-    }
-
-    .box {
-      width: 100%;
-      display: flex;
-      justify-content: space-between;
-      align-content: center;
-
-      .box-content {
-        flex: 1;
-      }
-
-      .box-delete {
-        margin: 4px 20px 0 0;
-
-        i {
-          font-size: 16px;
-        }
-      }
-    }
-
-    .el-collapse-item__header {
-      height: 40px;
-      line-height: 40px;
-    }
-
-    .el-collapse {
-      border-bottom: 0;
-    }
-  }
-}

src/assets/css/cus-aframe-gonggao/cus-aframe-gonggao.scss

@@ -1,83 +0,0 @@
-@import "../base/utils.scss";
-
-@mixin setStyleAframeGonggao($project) {
-
-  .mta-noticeManagement {
-
-  }
-  // 新增/编辑公告
-  .mta-notice-add {
-    .mta-model {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      right: 0;
-    }
-    .mta-head-area {
-      display: flex;
-      flex-direction: row;
-
-      .head-area-item {
-        flex-grow: 0.5
-      }
-
-      .text-a-r {
-        text-align: right;
-      }
-    }
-
-
-    .management-content-wrap {
-      //padding: 30px 30px 0;
-      > div {
-        height: calc(100vh - 245px);
-        overflow: auto;
-      }
-
-      .AddExamWrap {
-        margin-top: 10px;
-      }
-    }
-
-    .tjyh-box {
-      margin-bottom: 10px;
-      height: 30px;
-      line-height: 30px;
-
-      .y-axis {
-        margin-top: 7px;
-      }
-    }
-
-    .treeWrap {
-      flex: 1;
-      display: flex;
-      overflow: auto;
-      /*margin: 32px 0;*/
-      max-height: 300px;
-
-      .el-tree {
-        flex: 1;
-      }
-    }
-
-    @media screen and (max-width: 1440px){
-
-      .management-content-wrap {
-        padding: 15px 15px 5px;
-      }
-    }
-    /***高度响应式***/
-    @media screen and (max-height: 700px){
-      .el-form-item{
-        margin-bottom: 10px;
-      }
-      .management-content-wrap {
-        > div {
-          height: calc(100vh - 214px);
-        }
-      }
-    }
-  }
-}

src/assets/css/cus-aframe-kaoshi/cus-aframe-kaoshi.scss

@@ -1,1779 +0,0 @@
-/**
- * @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 {
-  }
-
-}

src/assets/css/cus-aframe-kejian/cus-aframe-kejian-add-unmixin.scss

@@ -1,5 +0,0 @@
-@mixin setAframeKejianAddUnmixin($project) {
-  .mta-kejian-add{
-
-  }
-}

src/assets/css/cus-aframe-kejian/cus-aframe-kejian-add.scss

@@ -1,24 +0,0 @@
-/**
- * 颜色基础变量
- */
-@import "../base/colors";
-/**
- * 混入scss @mixin工具函数
- */
-@import "../base/utils.scss";
-/**
- * 导入未修正页面样式
- */
-@import "cus-aframe-kejian-add-unmixin";
-
-/**
- * 修正混入样式 主题风格颜色
- * > 使用风格 setThemeColorBase(data, num)
- * @param data: String , css样式名,
- * @param num: Number , -5~+5 对应11中颜色
- */
-@mixin setColorAframeKejianAdd($project) {
-    @include setAframeKejianAddUnmixin($project);
-
-
-}

src/assets/css/cus-aframe-question/cus-aframe-question-unmixin.scss

@@ -1,121 +0,0 @@
-@mixin setAframeQuestionUnmixin($project) {
-  /*试题管理*/
-  .mta-questionstore{
-    .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;
-    }
-    @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-questionstore,.mta-examinestore{
-
-    .main {
-      flex: 1;
-      display: flex;
-      flex-direction: row;
-      position: relative;
-      &-right {
-        flex: 1;
-        display: flex;
-        justify-content: space-between;
-        flex-direction: column;
-        position: relative;
-
-
-        .mta-UE-first-row {
-          .el-col {
-            display: flex;
-            flex-direction: row;
-            justify-content: space-between;
-            flex-wrap: wrap;
-
-            .mta-row-left {
-              display: flex;
-              flex-direction: row;
-              justify-content: flex-start;
-              flex-wrap: wrap;
-              flex: 1
-            }
-          }
-        }
-
-      }
-    }
-
-    .addUserWrap {
-      display: flex;
-      flex-direction: row;
-      flex: 1;
-      justify-content: space-around;
-    }
-
-    .addNewUserDialogForm .el-dialog__body {
-      height: 500px;
-      overflow: auto;
-    }
-
-    .editorUserWrap {
-      display: flex;
-      flex-direction: row;
-      flex: 1;
-      justify-content: space-around;
-    }
-
-    .importInfoShow {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-around;
-
-      .importSuccess {
-        color: #00B0FF;
-        margin: 0 10px;
-      }
-
-      .importError {
-        color: red;
-        margin: 0 10px;
-      }
-    }
-
-    .shitiDlPreview {
-      .el-dialog__body {
-        max-height: 500px;
-        overflow: auto;
-      }
-
-      .el-dialog--center .el-dialog__body {
-        text-align: left;
-      }
-    }
-  }
-}

src/assets/css/cus-aframe-question/cus-aframe-question.scss

@@ -1,28 +0,0 @@
-/**
- * 颜色基础变量
- */
-@import "../base/colors";
-/**
- * 混入scss @mixin工具函数
- */
-@import "../base/utils.scss";
-/**
- * 导入未修正页面样式
- */
-@import "cus-aframe-question-unmixin";
-
-/**
- * 修正混入样式 主题风格颜色
- * > 使用风格 setThemeColorBase(data, num)
- * @param data: String , css样式名,
- * @param num: Number , -5~+5 对应11中颜色
- */
-@mixin setColorAframeQuestion($project) {
-    @include setAframeQuestionUnmixin($project);
-
-    .mta-questionstore.mta-examinestore{
-        .el-step__title.is-finish {
-            @include setThemeColorBase('color', 0);
-        }
-    }
-}

src/assets/css/cus-aframe-statistics/cus-aframe-statistics.scss

@@ -1,422 +0,0 @@
-@import "../base/fonts";
-
-/**
- * @Time 2019/11/18
- * @Author Tx
- * @Description 数据统计模块-页面样式
- */
-@mixin setStyleAframeStatistics($project) {
-  /****** 活跃走势 ****/
-  .mta-ActiveStatistics {
-    .zx-charts {
-      width: 100%;
-      height: 240px;
-      margin: 15px 0;
-    }
-
-    /***高度响应式***/
-    @media screen and (max-height: 700px) {
-      .zx-charts {
-        margin: 5px 0;
-        height: 200px;
-      }
-    }
-  }
-  /****** 人员统计 ****/
-  .mta-UserStatistics {
-
-  }
-  /****** 人员详情 ****/
-  .mta-UserStaDetails {
-    //面包屑导航
-    .mta-head-area {
-      display: flex;
-      flex-direction: row;
-
-      .head-area-item {
-        flex-grow: 0.5
-      }
-
-      .text-a-r {
-        text-align: right;
-      }
-    }
-
-    //table-row
-    .management-table-row{
-      margin-top: 0;
-    }
-
-    .mta-UserSta-attr {
-      display: flex;
-      flex: 1;
-      flex-direction: column;
-      margin-right: 5px;
-    }
-
-    //UserSta-attr 头部
-    .top-box-row{
-      display: flex;
-      justify-content: space-between;
-      flex-wrap:wrap;
-      margin: 0;
-      padding: 0;
-    }
-
-    .top-box-kaoshi,.top-box-peixun{
-      height: 240px;
-      background: #fff;
-      display: inline-block;
-      border-radius: 8px;
-      padding: 30px;
-      box-sizing: border-box;
-      .response-title {
-        margin-bottom: 20px;
-        overflow: hidden;
-        display: block;
-      }
-
-      .img-box {
-        width: 140px;
-        height: 140px;
-        border: 1px solid;
-        border-radius: 3px;
-        float: left;
-        @include setThemeColorBase('border-color', 0);
-
-        img {
-          width: 136px;
-          height: 136px;
-          margin: 2px;
-        }
-      }
-
-      .UserSta-top-right {
-        margin-left: 170px;
-
-        h3 {
-          padding: 0;
-          margin: 0;
-          padding-top: 10px;
-          margin-bottom: 15px;
-          @include setFontBase(-2);
-        }
-
-        .el-div {
-          @include setFontBase(-4);
-          //width: 160px;
-          width: 40%;
-          display: inline-block;
-          margin-bottom: 10px;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap;
-        }
-        .el-div:hover {
-          cursor: default;
-        }
-
-        .dl-width {
-          // width: 280px;
-          width: 59%;
-          padding-right: 1%;
-        }
-      }
-
-      .KsSta-top-right {
-        margin-top: 25px;
-
-        > div {
-          display: flex;
-          flex-direction: row;
-          justify-content: space-between;
-          flex-wrap: wrap;
-          @include setFontBase(-4);
-          margin-bottom: 18px;
-        }
-      }
-    }
-    .top-box-kaoshi {
-      width: 49.4%;
-    }
-
-    .top-box-peixun{
-      width: 32.6%;
-    }
-
-    .mta-UserSta-attr-body {
-      background: #fff;
-      margin-top: 20px;
-      border-radius: 8px;
-      padding: 30px;
-      box-sizing: border-box;
-    }
-    //el-tab
-    .el-tabs{
-      flex: 1;
-      display: flex;
-      flex-direction: column;
-      height: 100%;
-      .el-tabs__content{
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        flex: 1;
-      }
-    }
-    .el-tabs__header {
-      margin: 0 0 10px;
-    }
-    .el-tab-pane{
-      flex: 1;
-      display: flex;
-      flex-direction: column;
-    }
-    /***宽度响应式***/
-    @media screen and (max-width: 1600px) {
-      .top-box-kaoshi,.top-box-peixun{
-        height: 210px;
-        padding: 20px;
-
-        .response-title {
-          margin-bottom: 15px;
-        }
-        .img-box {
-          width: 130px;
-          height: 130px;
-
-          img {
-            width: 126px;
-            height: 126px;
-            margin: 2px;
-          }
-        }
-        .UserSta-top-right {
-          margin-left: 146px;
-        }
-      }
-      .top-box-kaoshi{
-        width: 49.2%;
-      }
-      .top-box-peixun{
-        width: 32.4%;
-      }
-      .mta-UserSta-attr-body {
-        padding: 20px;
-      }
-    }
-    @media screen and (max-width: 1440px) {
-      .top-box-kaoshi,.top-box-peixun{
-        padding: 15px;
-        height: 180px;
-
-        .response-title {
-          margin-bottom: 10px;
-        }
-
-        .img-box {
-          width: 120px;
-          height: 120px;
-
-          img {
-            width: 116px;
-            height: 116px;
-            margin: 2px;
-          }
-        }
-
-        .UserSta-top-right {
-          margin-left: 136px;
-
-          h3 {
-            @include setFontBase(-4);
-          }
-
-          .el-div {
-            @include setFontBase(-7);
-            margin-bottom: 10px;
-          }
-
-          .dl-width {
-            padding-right: 1%;
-          }
-        }
-
-        .KsSta-top-right {
-          margin-top: 20px;
-
-          > div {
-            @include setFontBase(-7);
-            margin-bottom: 15px;
-          }
-        }
-      }
-      .top-box-kaoshi{width: 49.5%;}
-      .top-box-peixun{width: 32.8%;}
-      .mta-UserSta-attr-body {
-        margin-top: 10px;
-        padding: 15px;
-      }
-    }
-  }
-  //  describe: 考试统计 author: Wgy date:2019-11-22
-  .mta-ExamStatistics {
-    //导航栏
-    .mta-head-area {
-      display: flex;
-      flex-direction: row;
-
-      .head-area-item {
-        flex-grow: 0.5
-      }
-
-      .text-a-r {
-        text-align: right;
-      }
-    }
-
-    //用户考试排名统计
-    .rankStatisticsWrap {
-
-      .el-pagination {
-        margin: 15px 0;
-      }
-    }
-
-    .FraStatisticsWrap {
-      padding-bottom: 25px;
-
-      .fra-charts {
-        width: 100%;
-        height: 240px;
-        margin: 15px 0;
-      }
-    }
-
-    .mta-btn-span {
-      padding: 0 5px;
-    }
-
-    .el-table__row .el-button--text.is-disabled.showColor {
-      color: #C0C4CC;
-    }
-  }
-  //  describe:错题统计  author: Wgy date:2019-11-22
-  .mta-wrong-topic-statistics {
-
-    .el-table__body-wrapper {
-      height: calc(100vh - 375px);
-      overflow-y: auto;
-      overflow-x: hidden;
-
-    }
-
-    .echart-Dialog {
-
-      .e-dl-title {
-        width: 100%;
-        display: inline-block;
-      }
-
-      .echart-title-wrap {
-        position: relative;
-
-        .e-dl-btn {
-          font-size: 12px;
-          color: #FFF;
-          position: absolute;
-          right: 44px;
-          top: 5px;
-          padding: 0;
-        }
-      }
-
-      .echart-dl-content {
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        min-height: 100px;
-
-        .dlEchart {
-          height: calc(100vh - 30vh - 30vh);
-        }
-
-        .shiti-content {
-          height: calc(100vh - 30vh - 56vh);
-          display: flex;
-          flex-direction: row;
-          justify-content: flex-start;
-          flex-wrap: wrap;
-          overflow-y: auto;
-          margin: 10px 0;
-
-          .shiti-content-item {
-            width: 180px;
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            margin: 10px 20px 0 0;
-          }
-        }
-      }
-
-      .is-fullscreen {
-        .echart-dl-content {
-          .shiti-content {
-            height: calc(100vh - 30vh - 35vh);
-          }
-        }
-      }
-    }
-    /***高度响应式***/
-    @media screen and (max-height: 700px) {
-      .el-table__body-wrapper {
-        height: calc(100vh - 346px);
-
-      }
-    }
-  }
-  .mta-examDetails {
-
-    .mta-head-area {
-      display: flex;
-      flex-direction: row;
-
-      .head-area-item {
-        flex-grow: 0.5
-      }
-
-      .text-a-r {
-        text-align: right;
-      }
-    }
-
-    .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%;
-      }
-    }
-    .el-tabs__header{margin: 0;}
-  }
-}
-

src/assets/css/cus-aframe-system/cus-aframe-system.scss

@@ -1,299 +0,0 @@
-@import "../base/fonts";
-/**
-  * @Time 2019/11/11
-  * @Author Tx
-  * @Description 系统设置模块-修正页面样式
-  */
-@mixin setStyleAframeSystem($project) {
-
-  /******角色权限****/
-  .mta-RolePermissions {
-    .addRoleDLWrap{
-      //新增弹窗- 管理权限 box
-      .el-form-item{width: 100%;}
-      .RolePerDL-box {
-        height: 300px;
-        width: 100%;
-        border: 1px solid #DCDFE6;
-        border-radius: 4px;
-        margin-top: 5px;
-        padding: 10px 5px;
-        overflow: auto;
-      }
-    }
-    .el-row-height{height: 400px}
-    @media screen and (max-height: 800px){
-      .el-row-height{height: 360px}
-      .addRoleDLWrap{
-        .RolePerDL-box {
-          height: 280px;
-          margin-top: 4px;
-          padding: 8px 0;
-        }
-        .mta-formFieldset fieldset{
-          padding-bottom: 5px;
-        }
-      }
-    }
-    @media screen and (max-height: 700px){
-      .el-row-height{height: 330px}
-      .addRoleDLWrap{
-        .RolePerDL-box {
-          height: 260px;
-          margin-top: 2px;
-          padding: 5px 0;
-        }
-        .mta-formFieldset fieldset{
-          padding-bottom: 2px;
-        }
-      }
-    }
-  }
-  /***** 用户管理范围 ******/
-  .mta-UserPermission {
-    .treeWrap {
-      flex: 1;
-      display: flex;
-      overflow: auto;
-      max-height: 300px;
-
-      .el-tree {
-        flex: 1;
-      }
-    }
-  }
-  /***** 租户配置 ***********/
-  .mta-TenantConfig {
-    //img-box
-    .mta-grid-box-image {
-      position: relative;
-      display: flex;
-      justify-content: flex-start;
-      flex-direction: column;
-      margin-right: 50px;
-
-      .aliUpload-note-word{
-        width: 20px;
-        height: 20px;
-        background-image: url("../../../assets/images/icons/note-word.svg");
-        position: absolute;
-        right: 10px;
-        top: 0px;
-        background-position: center;
-        background-repeat: no-repeat;
-      }
-      .picture-size-h5{
-        margin: 6px 0;
-      }
-      .delete-btn{
-        width: 140px;
-        margin: 0 20px;
-      }
-    }
-    .management-content-wrap {
-
-        .first-title-div {
-          margin-bottom: 10px;
-        }
-
-      .mta-grid-box {
-        display: flex;
-        flex-direction: row;
-        justify-content: flex-start;
-
-        p {
-          margin-top: 0;
-          margin-bottom: 0;
-          @include setFontBase(-2);
-        }
-
-      }
-
-      .box-top {
-        margin-top: 20px;
-      }
-      //底部输入区域
-      .mta-grid-box2 {
-
-        > div {
-          display: flex;
-          flex-direction: row;
-          margin-bottom: 20px;
-
-          > span {
-            width: 140px;
-            line-height: 40px;
-            text-align: right;
-            padding-right: 4px;
-            @include setFontBase(-2);
-          }
-        }
-      }
-      //el-tab
-      .el-tab-pane.first-pane {
-        height: calc(100vh - 310px);
-        overflow: auto;
-
-        .el-row {
-          margin-bottom: 20px;
-        }
-      }
-
-      .tenantConfig-btn-box {
-        text-align: center;
-      }
-
-      > div {
-        height: calc(100vh - 240px);
-        overflow: hidden;
-      }
-    }
-
-    //首页banner-box
-    .index-banner-row{
-      display: flex;
-    }
-    .index-banner-box{
-      margin-right: 50px;
-    }
-    .img-chose-box{
-      width: 180px;
-      height: 180px;
-      margin-bottom: 2px;
-      border: 1px dashed #d9d9d9;
-      border-radius: 6px;
-      cursor: pointer;
-      position: relative;
-      overflow: hidden;
-      img{
-        max-width: 100%;
-        height: auto;
-        display: block;
-      }
-    }
-
-    .el-tabs__content {
-      max-height: calc(100vh - 90px);
-      overflow: auto;
-    }
-
-    .el-checkbox__input.is-checked + .el-checkbox__label {
-      @include setThemeColorBase("color",1);
-    }
-    /***宽度响应式***/
-    @media screen and (max-width: 1440px){
-      .management-content-wrap {
-        //p文字
-        .mta-grid-box {
-          p {
-            @include setFontBase(-4);
-            min-width: 160px;
-            white-space: nowrap;
-          }
-          .mta-grid-box-image {
-            margin-right: 30px;
-            .delete-btn{
-              width: 100px;
-            }
-            p {
-              min-width: 160px;
-              white-space: nowrap;
-            }
-          }
-        }
-        .mta-grid-box2 {
-
-          > div {
-            margin-bottom: 10px;
-            //input框前文字
-            > span {
-              line-height: 36px;
-              @include setFontBase(-4);
-            }
-            //input框
-            .el-input{
-              .el-input__inner{
-                height: 36px;
-                line-height: 36px;
-                @include setFontBase(-7);
-              }
-            }
-          }
-          //单选按钮文字
-          .el-radio__label{
-            @include setFontBase(-7);
-          }
-        }
-        //保存按钮
-        .tenantConfig-btn-box{
-          .el-button{@include setFontBase(-7);}
-        }
-        //el-row
-        .el-tab-pane.first-pane .el-row{
-          margin-bottom: 10px;
-        }
-        //上传文件框大小
-        .mta-image .avatar-uploader-icon{
-          width: 140px;
-          height: 140px;
-          line-height: 140px;
-        }
-    }
-      //首页banner-box
-      .index-banner-box{
-        margin-right: 55px;
-      }
-      .img-chose-box{
-        width: 140px;
-        height: 140px;
-      }
-    }
-    /***高度响应式***/
-    @media screen and (max-height: 800px) {
-      .management-content-wrap {
-        padding: 10px 10px 5px;
-        > div {
-          height: calc(100vh - 215px);
-        }
-        //主要区域高度
-        .el-tab-pane.first-pane{
-          height: calc(100vh - 255px);
-        }
-      }
-    }
-  }
-  /*****角色菜单绑定*****/
-  .mta-formFieldset {
-    .bt_legend i {
-      @include setThemeColorBase("background-color",1);
-    }
-
-    .el-checkbox__input.is-checked + .el-checkbox__label {
-      @include setThemeColorBase("color",1);
-    }
-  }
-  //  describe: 权限配置 author: Wgy date:2019-11-25
-  .mta-accessConfig {
-
-    .addRoleDLWrap{
-      //新增弹窗- 管理权限 box
-      .response-title{
-        margin-top: 15px;
-      }
-      .RolePerDL-box {
-        height: 50px;
-        width: 100%;
-        border: 1px solid #DCDFE6;
-        border-radius: 4px;
-        margin-top: 5px;
-        padding: 10px 5px;
-        overflow: auto;
-      }
-    }
-    .accessConfig-dialog{
-      .el-input{width: 180px;}
-    }
-  }
-}
-
-

src/assets/css/cus-aframe-user/cus-aframe-user-unmixin.scss

@@ -1,666 +0,0 @@
-/**
- * @Time 2019/10/25
- * @Author Tx
- * @Description 用户管理中心模块 未修正页面样式
- * 注意 此页面仅用来注入 cus-aframe-kaoshi.scss文件
- */
-
-/**
- * @page kaoshiConfig
- * @path '@/views/management/kaoshi/exam/kaoshiConfig.vue'
- */
-/*****部门管理*****/
-.mta-Organizational {
-  height: calc(100vh - 190px);
-  .mta-model {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-  }
-
-  .mta-Or-wrap {
-    flex: 1;
-    display: flex;
-    flex-direction: row;
-    overflow: auto;
-    position: relative;
-
-    .org-self-tree {
-      color: #333;
-    }
-
-    .mta-org-table {
-      height: calc(100vh - 222px);
-      background: #FFF;
-      border-radius: 8px;
-      flex: 3;
-      margin-left: 20px;
-      padding: 16px 32px;
-      display: flex;
-      flex-direction: column;
-      overflow: auto;
-
-      > p {
-        border-bottom: 1px solid #CCC;
-        padding-bottom: 16px;
-      }
-
-
-    }
-
-  }
-  .main-right {
-    flex: 1;
-    display: flex;
-    justify-content: space-between;
-    flex-direction: column;
-    position: relative;
-  }
-
-  .el-tree-node__expand-icon {
-    margin-right: 5px
-  }
-
-  .editableTree .el-tree-node__content {
-    line-height: 40px;
-    height: 40px;
-  }
-
-  .org-self-tree .el-tree-node__content {
-    line-height: 40px;
-    height: 40px;
-    .el-tree-node__label {
-      @include setFontBase(-4);
-    }
-
-  }
-  //弹窗
-  .UserFromWrap {
-    display: flex;
-    flex-direction: row;
-    flex: 1;
-    justify-content: space-around;
-
-
-    & .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;
-    }
-  }
-  @media screen and (max-width: 1440px){
-    //新增、查看弹窗div间距
-    .item-div{margin-right: 20px}
-  }
-}
-
-/*****在线监控*****/
-.mta-UserOnline{}
-
-/*****职位管理*****/
-.mta-Position {
-  /*用于部门管理-添加人员-职位管理全屏弹窗 start*/
-  .position-input{
-    .el-input__inner{height: 40px;line-height: 40px;}
-  }
-  @media screen and (max-width: 1440px){
-    .position-input{
-      .el-input__inner{height: 36px;line-height: 36px;}
-    }
-  }
-  /*用于部门管理-添加人员-职位管理全屏弹窗 end*/
-}
-
-/*****用户注册审核*****/
-.mta-UserAudit{}
-$color1: #FFF;
-$color2: #CCC;
-/*****人员分析*****/
-.mta-UserAnalysis{
-  //display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  //导航
-  .el-breadcrumb {
-    margin-bottom: 16px;
-  }
-  .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;
-        }
-      }
-    }
-  }
-  .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;
-      margin: 0 20px;
-      cursor: pointer;
-
-      img {
-        /*min-width: 80px;*/
-        margin: 20px 30px 0 20px;
-      }
-
-      .quick-etrys-info {
-        flex: 1;
-        margin-right: 10px;
-      }
-
-
-    }
-  }
-  //router-link
-  .analysis-link{
-    text-decoration: none;
-    .text-label{
-      color: #2c3e50;
-    }
-  }
-  .grfx-charts{
-    width: 95%;
-    height: 240px;
-    margin-top: 15px;
-  }
-  .UserAnalysis-content-wrap{
-    padding: 30px 5px 15px 20px;
-    background: #FFF;
-    border-radius: 8px;
-    //IE11 hack
-    margin-bottom: 20px\0;
-    //火狐 hack
-    @-moz-document url-prefix() {
-      margin-bottom: 20px;
-    }
-  }
-  /*.scrollbar-box{
-    height: calc(100vh - 250px);
-    overflow: auto;
-  }*/
-  .scrollbar-body{
-    margin-right: 30px;
-  }
-  //分页
-  .response-el-pagination{
-    margin-top: 5px;
-  }
-  //新增响应式
-  @media screen and (max-width: 1600px){
-    .UserAnalysis-content-wrap{padding: 20px 20px 15px;}
-  }
-  @media screen and (max-width: 1440px){
-    .UserAnalysis-content-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{
-      //height: 220px;
-      margin-top: 10px;
-    }
-    //分页
-    .response-el-pagination{
-      margin-top: 3px;
-    }
-  }
-}
-/*****服务支持 creat：wgy *****/
-.mta-fuwuManager{
-  .kefunfo{
-    color: #666666;
-    font-size: 14px;
-    margin-left: 10px;
-  }
-  //青谷二维码
-  .erweima{
-    background-image: url("~@/assets/images/icons/"+"erweima.svg");
-    display: inline-block;
-    background-position: center;
-    background-size: contain;
-    background-repeat: no-repeat;
-    width: 114px;
-    height: 114px;
-  }
-  //Saas二维码
-  .erweimaSaas{
-    background-image: url("~@/assets/images/icons/"+"erweimaSaas.jpg");
-    display: inline-block;
-    background-position: center;
-    background-size: contain;
-    background-repeat: no-repeat;
-    width: 114px;
-    height: 114px;
-  }
-  .time{
-    background-image: url("~@/assets/images/icons/"+"time.svg");
-  }
-  .QQ{
-    background-image: url("~@/assets/images/icons/"+"qq.svg");
-  }
-  .phone{
-    background-image: url("~@/assets/images/icons/"+"phone.svg");
-  }
-  //置顶
-  tr.row-upFlag:after{
-    background: url("~@/assets/images/icons/" + "newInfo.svg") no-repeat;
-  }
-  //客服中心
-  .fuwu-title{
-    margin: 24px 0 16px;
-  }
-  .fuwu-line{
-    margin-bottom: 12px;
-    i{
-      width: 14px;
-      height: 14px;
-      display: inline-block;
-      background-position: center;
-      background-size: contain;
-      background-repeat: no-repeat;
-      vertical-align: middle;
-    }
-  }
-
-  /*宽度响应式*/
-  @media screen and (max-width: 1440px){
-    .kefunfo{
-      font-size: 13px;
-    }
-    .fuwu-title{
-      margin: 15px 0 10px;
-    }
-    .fuwu-line{
-      margin-bottom: 9px;
-    }
-    .erweima{
-      background-image: url("~@/assets/images/icons/"+"erweima.svg");
-      width: 90px;
-      height: 90px;
-    }
-    .erweimaSaas{
-      background-image: url("~@/assets/images/icons/"+"erweimaSaas.jpg");
-      width: 90px;
-      height: 90px;
-    }
-  }
-}
-/*****服务支持-回复 creat：tx *****/
-.fuwu-dialog{
-  .news-box{
-    border:1px solid #E4E7ED;
-    border-radius: 4px 4px 0 0;
-    height: 350px;
-    overflow: auto;
-    padding: 10px 0;
-  }
-  .others-news,.my-news{
-
-    h3{
-      @include setFontBase(-6);
-      margin: 3px 0;
-    }
-    h4{text-align: right;margin: 0;}
-    i{
-      width: 18px;
-      height: 18px;
-      margin: 0 10px;
-      background-image: url("~@/assets/images/default/"+"user-img.png");
-      background-size: cover;
-      display: inline-block;
-    }
-    span{
-      color:#B988FF;
-      margin-right: 5px;
-    }
-    div{
-      padding: 10px;
-      background: rgba(0,0,0,0.04);
-      display: inline-block;
-      position: relative;
-      border-radius: 3.33px;
-      margin-left: 10px;
-      line-height: 18px;
-      @include setFontBase(-6);
-    }
-    div:after{
-      content: '';
-      border-right: 10px solid transparent;
-      border-bottom: 10px solid rgba(0, 0, 0, 0.04);
-      border-left: 10px solid transparent;
-      position: absolute;
-      top: -10px;
-      left: 20px;
-    }
-  }
-  .my-news{
-    h3{text-align: right;}
-    span{
-      color:#2196F5;
-    }
-    div{
-      padding: 10px;
-      background: rgba(0,0,0,0.04);
-      margin-right: 10px;
-      text-align: left;
-    }
-    div:after{
-      border-bottom: 10px solid rgba(33,150,245,0.04);
-      left: auto;
-      right: 20px;
-    }
-  }
-  /*宽度响应式*/
-  @media screen and (max-width: 1440px){
-    .news-box{
-      height: 300px;
-      padding: 5px 0;
-    }
-    .others-news,.my-news {
-
-      h3 {
-        @include setFontBase(-7);
-      }
-      i{
-        width: 16px;
-        height: 16px;
-      }
-      div{
-        padding: 8px;
-        @include setFontBase(-7);
-      }
-    }
-  }
-}
-
-/*****评价管理 creat：wgy *****/
-.mta-evaiuateManage{
-  .kefunfo{
-    color: #666666;
-    font-size: 14px;
-    margin-left: 10px;
-  }
-  .erweima{
-    background-image: url("~@/assets/images/icons/"+"erweima.svg");
-    display: inline-block;
-    background-position: center;
-    background-size: contain;
-    background-repeat: no-repeat;
-    width: 114px;
-    height: 114px;
-  }
-  .erweimaSaas{
-    background-image: url("~@/assets/images/icons/"+"erweimaSaas.jpg");
-    display: inline-block;
-    background-position: center;
-    background-size: contain;
-    background-repeat: no-repeat;
-    width: 114px;
-    height: 114px;
-  }
-  .time{
-    background-image: url("~@/assets/images/icons/"+"time.svg");
-    display: inline-block;
-    background-position: center;
-    background-size: contain;
-    background-repeat: no-repeat;
-    width: 14px;
-    height: 14px;
-  }
-  .QQ{
-    background-image: url("~@/assets/images/icons/"+"qq.svg");
-    display: inline-block;
-    background-position: center;
-    background-size: contain;
-    background-repeat: no-repeat;
-    width: 14px;
-    height: 14px;
-  }
-  .phone{
-    background-image: url("~@/assets/images/icons/"+"phone.svg");
-    display: inline-block;
-    background-position: center;
-    background-size: contain;
-    background-repeat: no-repeat;
-    width: 14px;
-    height: 14px;
-  }
-  //置顶
-  tr.row-upFlag:after{
-    background: url("~@/assets/images/icons/" + "newInfo.svg") no-repeat;
-  }
-  //客服中心
-  .fuwu-title{
-    margin: 24px 0 16px;
-  }
-  .fuwu-line{
-    margin-bottom: 12px;
-  }
-
-  /*宽度响应式*/
-  @media screen and (max-width: 1440px){
-    .fuwu-title{
-      margin: 15px 0 10px;
-    }
-    .fuwu-line{
-      margin-bottom: 9px;
-    }
-    .erweima{
-      background-image: url("~@/assets/images/icons/"+"erweima.svg");
-      width: 90px;
-      height: 90px;
-    }
-    .erweimaSaas{
-      background-image: url("~@/assets/images/icons/"+"erweimaSaas.jpg");
-      width: 90px;
-      height: 90px;
-    }
-  }
-}
-/*****评价管理-回复 creat：wgy *****/
-.evaiuateManage-dialog{
-  .el-dialog{margin-top: 7.5vh!important;}
-  .dispaly{
-    display: none;
-  }
-  .news-box{
-    border:1px solid #E4E7ED;
-    border-radius: 4px 4px 0 0;
-    height: 350px;
-    overflow: auto;
-    padding: 10px 0;
-  }
-  .others-news,.my-news{
-
-    h3{
-      @include setFontBase(-6);
-      margin: 3px 0;
-    }
-    h4{text-align: right;margin: 0;}
-    i{
-      width: 18px;
-      height: 18px;
-      margin: 0 10px;
-      background-image: url("~@/assets/images/default/"+"user-img.png");
-      background-size: cover;
-      display: inline-block;
-    }
-    span{
-      color:#B988FF;
-      margin-right: 5px;
-    }
-    div{
-      padding: 10px;
-      background: rgba(0,0,0,0.04);
-      display: inline-block;
-      position: relative;
-      border-radius: 3.33px;
-      margin-left: 10px;
-      line-height: 18px;
-      @include setFontBase(-6);
-    }
-    div:after{
-      content: '';
-      border-right: 10px solid transparent;
-      border-bottom: 10px solid rgba(0, 0, 0, 0.04);
-      border-left: 10px solid transparent;
-      position: absolute;
-      top: -10px;
-      left: 20px;
-    }
-  }
-  .my-news{
-    h3{text-align: right;}
-    span{
-      color:#2196F5;
-    }
-    div{
-      padding: 10px;
-      background: rgba(0,0,0,0.04);
-      margin-right: 10px;
-      text-align: left;
-    }
-    div:after{
-      border-bottom: 10px solid rgba(33,150,245,0.04);
-      left: auto;
-      right: 20px;
-    }
-  }
-  .message-box,.evaiuate-box{
-    h3{
-      @include setFontBase(-6);
-      color: #B988FF;
-      margin-bottom: 0;
-      i{
-        width: 18px;
-        height: 18px;
-        margin-right: 10px;
-        background-image: url("~@/assets/images/default/"+"user-img.png");
-        background-size: cover;
-        display: inline-block;
-      }
-    }
-    h4{
-      @include setFontBase(-6);
-      color: #666;
-      margin: 10px 0 20px;
-      line-height: 22px;
-    }
-  }
-  .evaiuate-box{
-    background: rgba(0,0,0,0.04);
-    border-radius: 4px;
-    padding: 15px;
-    margin-bottom: 20px;
-    position: relative;
-    h3{
-      margin: 0;
-      em{
-        width:16px;
-        height: 16px;
-        background-image: url("~@/assets/images/icons/"+"trashCan.svg");
-        float: right;
-      }
-    }
-    h4{
-      color: #666 ;
-      margin: 0;
-      line-height: 22px;
-    }
-    .evaiuate-line{
-      width: 100%;
-      height: 1px;
-      background: #DDDDD0;
-      margin: 15px 0;
-    }
-    .evaiuate-body{
-      max-height: 310px;
-      overflow: auto;
-    }
-  }
-  .evaiuate-box:after{
-    content: '';
-    border-right: 10px solid transparent;
-    border-bottom: 10px solid rgba(0, 0, 0, 0.04);
-    border-left: 10px solid transparent;
-    position: absolute;
-    top: -10px;
-    left: 20px;
-  }
-  /*宽度响应式*/
-  @media screen and (max-width: 1440px){
-    .news-box{
-      height: 300px;
-      padding: 5px 0;
-    }
-    .others-news,.my-news {
-
-      h3 {
-        @include setFontBase(-7);
-      }
-      i{
-        width: 16px;
-        height: 16px;
-      }
-      div{
-        padding: 8px;
-        @include setFontBase(-7);
-      }
-    }
-  }
-}

src/assets/css/cus-aframe-user/cus-aframe-user.scss

@@ -1,11 +0,0 @@
-@import "../base/fonts";
-
-@import "cus-aframe-user-unmixin";
-/**
- * 命名规则 setFont+模块名
- */
-@mixin setFontAframeUser() {
-
-}
-
-

src/assets/css/cus-aframe-welcome/cus-aframe-welcome.scss

@@ -1,168 +0,0 @@
-//@import "../base/colors.scss";
-@import "../base/utils.scss";
-
-@mixin setFontAframeWelcomeInfo() {
-  $color1: #FFF;
-  $color2: #CCC;
-
-  .welcome-info {
-
-    .el-breadcrumb {
-      margin-bottom: 16px;
-    }
-
-    //修改页面样式 author: TX date:2019-09-04
-    .mta-Welcome-wrap {
-      background: #FFF;
-      border-radius: 8px;
-      padding: 30px 5px 15px 20px;
-      //IE11 hack
-      margin-bottom: 20px\0;
-      //火狐 hack
-      @-moz-document url-prefix() {
-        margin-bottom: 20px;
-      }
-      .ps {
-        padding-right: 30px;
-      }
-      .wrap-top-p{
-        margin: 0 0 30px 16px
-      }
-    }
-
-    .welcomeDialog1 {
-      .el-dialog__body {
-        margin-top: -18px
-      }
-    }
-    //用户信息
-    .user-info{margin: 0 0 30px 16px}
-    //弹窗
-    .welcome-dialog{
-      .el-dialog__body{padding: 40px 25px 10px;}
-      h2{@include setFontBase(0);margin: 10px 0;}
-      p{@include setFontBase(-4);margin: 10px 0 20px;}
-    }
-    //新增响应式
-    @media screen and (max-width: 1600px) {
-      .mta-quick-entrys-content{
-        > div img{
-          margin: 20px 20px 0 20px;
-        }
-      }
-      .el-card__body{
-        padding: 15px;
-        h3{
-          @include setFontBase(-2);
-          margin: 0 auto 15px;
-        }
-        p{
-          @include setFontBase(-5);
-          margin: 15px auto;
-        }
-      }
-      .box-left{
-        padding: 15px;
-        width: 310px;
-        h3{
-          @include setFontBase(-2);
-          margin: 15px auto;
-        }
-        p{
-          @include setFontBase(-5);
-          margin: 15px auto;
-        }
-      }
-      //近期考试监控框
-      .recent-test-boxs .box-card{
-        min-height: 220px;
-      }
-    }
-
-    @media screen and (max-width: 1440px) {
-      //导航
-      .el-breadcrumb {
-        margin-bottom: 10px;
-        @include setFontBase(-5);
-      }
-      .shiti-title{
-        @include setFontBase(-4);
-      }
-      .mta-Welcome-wrap{
-        padding: 15px;
-        .wrap-top-p{
-          margin: 0 0 20px 16px;
-          @include setFontBase(-4);
-        }
-      }
-      .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;
-        }
-      }
-      .mta-quick-entrys-content{
-        margin: 10px 0 10px;
-        .quick-etrys-info{
-          margin-right: 5px;
-          h3{
-            @include setFontBase(-4,true);
-            margin: 10px auto;
-          }
-          p{
-            @include setFontBase(-7,true);
-            margin: 10px auto;
-          }
-        }
-      > div img{
-        margin: 12px 10px 0 5px;
-      }
-      }
-      .recent-test{
-        margin: 10px 0 10px 10px;
-        .recent-test-boxs .box-card{
-          min-height: 180px;
-        }
-      }
-      .statistical-analysis{
-        margin: 10px 0 20px 10px;
-      }
-      .el-card__body{
-        padding: 10px;
-        h3{
-          @include setFontBase(-4);
-          margin: 0 auto 10px auto;
-        }
-        p{
-          @include setFontBase(-6);
-          margin: 10px auto;
-        }
-      }
-      .box-left{
-        padding: 10px;
-        width: 300px;
-        margin-left: 0;
-        h3{
-          @include setFontBase(-3);
-          margin: 0 auto 10px;
-        }
-        p{
-          @include setFontBase(-6);
-          margin: 10px auto;
-        }
-      }
-      //用户信息
-      .user-info{margin: 0 0 15px 15px;@include setFontBase(-4);}
-      //弹窗
-      .welcome-dialog{
-        h2{@include setFontBase(-4);margin: 10px 0;}
-        p{@include setFontBase(-6);margin: 10px 0 20px;}
-      }
-    }
-  }
-}

src/assets/css/cus-aframe/cus-aframe.scss

@@ -1,888 +0,0 @@
-@import "../base/colors.scss";
-@import "../base/utils.scss";
-
-@mixin setStyleAframe($project) {
-  .mta-aframe-header {
-    height: 70px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    @include setThemeColorBase('background');
-
-    .nc-container {
-      width: calc(100% - 80px);
-      margin: 0 0 20px 80px;
-    }
-
-    .mta-logo-title {
-      margin-left: 20px;
-      margin-top: 10px;
-
-      > img {
-        vertical-align: middle;
-        margin-top: -12px;
-        /*width: 70px;*/
-        height: 50px;
-      }
-
-      > span {
-        color: #FFF;
-        font-size: 33px;
-        display: inline-block;
-        text-shadow: none;
-        letter-spacing: 2px;
-        margin-left: 30px;
-      }
-    }
-
-    nav {
-      margin-right: 40px;
-    }
-
-    span.h-right-img {
-      display: inline-block;
-      line-height: 65px;
-      height: 45px;
-      position: relative;
-
-      &:focus {
-        outline: none;
-      }
-
-      > span {
-        border: 6px solid transparent;
-        border-top-color: #333;
-        position: absolute;
-        top: 22px;
-        right: -15px;
-
-      }
-
-      // 个人头像 待定
-      img {
-        width: 45px;
-        height: 45px;
-        border-radius: 50%;
-        box-shadow: none;
-        position: relative;
-      }
-    }
-
-    p {
-      padding: 0;
-      margin: 0;
-    }
-
-    .editorUserWrap {
-      display: flex;
-      flex-direction: row;
-      flex: 1;
-      justify-content: space-around;
-    }
-
-    .verification {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-
-      .el-button {
-        margin-left: 20px;
-      }
-    }
-    @media screen and (max-width: 1440px) {
-      .verification{
-        .el-button{
-          @include setFontBase(-7);
-        }
-      }
-    }
-  }
-  /*****mta-Aframe*****/
-  .mta-Aframe {
-    .el-aside {
-
-      .el-menu-vertical-demo:not(.el-menu--collapse) {
-        width: 240px;
-        min-height: 400px;
-      }
-
-      .el-scrollbar__wrap.el-scrollbar__wrap {
-        overflow-x: hidden; // 待定
-        width: auto;
-      }
-
-      .sidebar-container {
-        flex: 1;
-        min-width: 64px;
-      }
-    }
-
-    .scrollbar-wrapper {
-      .el-scrollbar__view {
-        height: 100%;
-
-        .el-menu-vertical-demo {
-          height: 100%;
-        }
-      }
-
-      i {
-        color: inherit !important; // 控制icon样式
-      }
-    }
-
-    .mta-footer {
-      p {
-        margin: 0;
-      }
-    }
-    .mta-menu-btn-right {
-      width: 223px;
-      text-align: right;
-      font-size: 22px;
-      padding-right: 18px;
-    }
-    //新增响应式
-    @media screen and (max-width: 1600px) {
-      .el-aside {
-        //左侧菜单宽度
-        .response-el-menu:not(.el-menu--collapse){
-          width: 230px;
-        }
-        .response-el-menu{
-          //文字与图标间距
-          .mta-menu-span{
-            padding-left: 10px;
-          }
-        }
-        //缩放按钮宽度
-        .mta-menu-btn-right{
-          width: 210px;
-        }
-      }
-    }
-    @media screen and (max-width: 1440px) {
-      .el-aside {
-        //左侧菜单宽度
-        .response-el-menu:not(.el-menu--collapse){
-          width: 220px;
-        }
-        .response-el-menu{
-          //文字与图标间距
-          .mta-menu-span{
-            padding-left: 5px;
-            @include setFontBase(-4);
-          }
-          i{height: 20px;}
-        }
-        //缩放按钮宽度
-        .mta-menu-btn-right{
-          width: 200px;
-        }
-      }
-      .mta-footer {
-        p {
-          @include setFontBase(-8);
-        }
-      }
-    }
-
-  }
-
-  /*****登录页*****/
-  .mta-login {
-    flex: 1;
-    display: flex;
-    text-align: center;
-    margin: 0 auto;
-    height: 100vh;
-    min-width: 400px;
-
-    .nc-container {
-      width: calc(100% - 100px);
-      margin: 0 0 20px 100px;
-      > div {
-        width: auto !important;
-      }
-    }
-
-    .verification {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-
-      .el-button {
-        margin-left: 20px;
-      }
-
-    }
-    .el-form.login-ruleForm {
-      flex: 1;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      .el-input {
-        // margin-left: -17px;
-
-        .el-input__inner {
-          color: black;
-          font-size: 15px;
-          margin-left: 5px;
-          padding-left: 50px;
-          background: rgba(255, 255, 255, 0.3);
-
-          ::-webkit-input-placeholder {
-            color: #666;
-          }
-        }
-
-        .el-input__prefix {
-          font-size: 22px;
-          padding: 0 16px;
-          color: #FFF;
-        }
-      }
-
-      .el-form-item__error {
-        margin-left: 12px;
-      }
-
-      label.el-form-item__label, span.el-checkbox__label {
-        color: #FFF;
-      }
-
-      label.el-checkbox {
-        padding: 12px 16px;
-      }
-
-      .mta-login-check {
-        margin-top: 12px;
-
-        .el-button {
-          margin-left: 5px;
-          width: 100%;
-          @include setFontBase(0);
-          letter-spacing: 5px
-        }
-      }
-
-      .mta-login-btns {
-        > div:first-child {
-          text-align: left;
-
-          .el-button {
-            padding-left: 15px;
-            margin-left: 10px;
-          }
-        }
-
-        > div:last-child {
-          text-align: right;
-
-          .el-button {
-            padding-right: 15px;
-          }
-        }
-      }
-
-      .el-form-item__label {
-        text-align: left;
-      }
-
-
-      .el-icon-user-solid:before {
-        background: url("../../../assets/images/icons/fa-login.svg");
-        content: '';
-        width: 22px;
-        height: 22px;
-        display: block;
-        margin-top: 8px;
-        color: #FFF;
-      }
-
-      .el-icon-lock:before {
-        background: url("../../../assets/images/icons/fa-passIcon.svg");
-        content: '';
-        width: 22px;
-        height: 22px;
-        display: block;
-        margin-top: 8px;
-        color: #FFF;
-      }
-
-      input:-webkit-autofill,
-      input:-webkit-autofill:hover,
-      input:-webkit-autofill:focus,
-      input:-webkit-autofill:active {
-        -webkit-transition-delay: 9999999999999s;
-        -webkit-transition: color 9999999999999s ease-out, background-color 999999999999s ease-out;
-      }
-    }
-
-    .mta-login-content {
-      min-width: 300px;
-      min-height: 300px;
-    }
-
-    .logo-box {
-      width: 400px;
-      height: auto;
-      max-height: 180px;
-      margin: 0 auto;
-      margin-bottom: 20px;
-      overflow: hidden;
-
-      img {
-        max-width: 100%;
-        max-height: 100%;
-
-      }
-    }
-
-    .mta-ModelLoginBg {
-      position: absolute;
-      left: 0;
-      right: 0;
-      top: 0;
-      bottom: 0;
-      z-index: -1;
-      overflow: hidden;
-
-      img {
-        width: 100%;
-        height: 100%;
-      }
-    }
-
-    .mta-login-title {
-      p {
-        margin: 0 0 40px 10px;
-        font-size: 60px;
-        letter-spacing: 5px;
-      }
-    }
-
-    .mta-footer {
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      width: 100%;
-      text-align: center;
-      font-size: 12px;
-      opacity: .5;
-      color: #FFF;
-    }
-    .tips-p{
-      font-size: 14px;
-      color: red;
-      line-height: 20px;
-      padding: 0 5px;
-      margin: 0;
-    }
-    @media screen and (max-width: 1440px) {
-      //logo
-      .logo-box{
-        width: 380px;
-        max-height: 160px;
-      }
-      //系统名称
-      .mta-login-title p{
-        @include setFontBase(36);
-        //margin: 0 0 30px 10px;
-      }
-      .el-form.login-ruleForm{
-        //input
-        .el-input .el-input__inner{@include setFontBase(-7);}
-        //登录按钮
-        .mta-login-check .el-button {
-          @include setFontBase(-4);
-        }
-        //忘记密码
-        .mta-login-btns .el-button{
-          @include setFontBase(-7);
-        }
-      }
-      //提示
-      .tips-p{
-        @include setFontBase(-7);
-        color: red;
-        line-height: 20px;
-        padding: 0 5px;
-        margin: 0;
-      }
-      .verification .el-button{@include setFontBase(-7);}
-    }
-    .max-input-box{
-      max-width: 400px;
-      margin: 0 auto;
-    }
-  }
-
-  /*****引流登录页*****/
-  .mta-registered-login {
-    flex: 1;
-    display: flex;
-    text-align: center;
-    margin: 0 auto;
-    height: 100vh;
-    min-width: 400px;
-    .nc-container {
-      width: calc(100% - 100px);
-      margin: 0 0 20px 100px;
-      > div {
-        width: auto !important;
-      }
-    }
-    .el-form.login-ruleForm {
-      flex: 1;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      .el-input {
-        // margin-left: -17px;
-
-        .el-input__inner {
-          color: black;
-          font-size: 15px;
-          margin-left: 5px;
-          padding-left: 50px;
-          background: rgba(255, 255, 255, 0.3);
-
-          ::-webkit-input-placeholder {
-            color: #666;
-          }
-        }
-
-        .el-input__prefix {
-          font-size: 22px;
-          padding: 0 16px;
-          color: #FFF;
-        }
-      }
-
-      .el-form-item__error {
-        margin-left: 12px;
-      }
-
-      label.el-form-item__label, span.el-checkbox__label {
-        color: #FFF;
-      }
-
-      label.el-checkbox {
-        padding: 12px 16px;
-      }
-
-      .mta-login-check {
-        margin-top: 12px;
-
-        .el-button {
-          margin-left: 5px;
-          width: 100%;
-          font-size: 20px;
-          letter-spacing: 5px
-        }
-      }
-
-      .mta-login-btns {
-        margin: 0px 0 0 10px;
-
-        > div:first-child {
-          text-align: left;
-
-          .el-button {
-            padding-left: 15px;
-          }
-        }
-
-        > div:last-child {
-          text-align: right;
-
-          .el-button {
-            padding-right: 15px;
-          }
-        }
-      }
-
-      .el-form-item__label {
-        text-align: left;
-      }
-
-
-      .el-icon-user-solid:before {
-        background: url("../../../assets/images/icons/fa-login.svg");
-        content: '';
-        width: 22px;
-        height: 22px;
-        display: block;
-        margin-top: 8px;
-        color: #FFF;
-      }
-
-      .el-icon-lock:before {
-        background: url("../../../assets/images/icons/fa-passIcon.svg");
-        content: '';
-        width: 22px;
-        height: 22px;
-        display: block;
-        margin-top: 8px;
-        color: #FFF;
-      }
-
-      input:-webkit-autofill,
-      input:-webkit-autofill:hover,
-      input:-webkit-autofill:focus,
-      input:-webkit-autofill:active {
-        -webkit-transition-delay: 9999999999999s;
-        -webkit-transition: color 9999999999999s ease-out, background-color 999999999999s ease-out;
-      }
-    }
-
-    .mta-login-content {
-      min-width: 300px;
-      min-height: 300px;
-    }
-
-    .logo-box {
-      width: 400px;
-      height: 180px;
-      margin: 0 auto;
-      overflow: hidden;
-
-      img {
-        max-width: 100%;
-        max-height: 100%;
-      }
-    }
-
-    .mta-ModelLoginBg {
-      position: absolute;
-      left: 0;
-      right: 0;
-      top: 0;
-      bottom: 0;
-      z-index: -1;
-      overflow: hidden;
-
-      img {
-        width: 100%;
-        height: 100%;
-      }
-    }
-
-    .mta-login-title {
-      p {
-        /*color: #0468CC;*/
-        margin: 0 0 40px 10px;
-        font-size: 60px;
-        letter-spacing: 5px;
-      }
-    }
-
-    .mta-footer {
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      width: 100%;
-      text-align: center;
-      font-size: 13px;
-      opacity: .5;
-      color: #FFF;
-    }
-    @media screen and (max-width: 1440px) {
-      //logo
-      .logo-box{
-        width: 380px;
-        max-height: 160px;
-      }
-      //系统名称
-      .mta-login-title p{
-        @include setFontBase(36);
-      }
-      .el-form.login-ruleForm{
-        //input
-        .el-input .el-input__inner{@include setFontBase(-7);}
-        //登录按钮
-        .mta-login-check .el-button {
-          @include setFontBase(-4);
-        }
-        //忘记密码
-        .mta-login-btns .el-button{
-          @include setFontBase(-7);
-        }
-      }
-      .mta-footer{
-        font-size: 12px;
-      }
-    }
-  }
-
-  /*****引流注册页*****/
-  .mta-registered {
-    /*height: 100vh;*/
-    width: 100vw;
-    display: flex;
-    flex-direction: column;
-    height: calc(100vh - 40px);
-    overflow: hidden;
-
-    &-main {
-
-      display: flex;
-      flex-direction: column;
-      justify-content: flex-start;
-      align-items: center;
-      flex: 1;
-      /*height: 100vh;*/
-      overflow: auto;
-      //margin-bottom: 40px;
-
-
-      &-content {
-        margin-top: 80px;
-        min-width: 600px;
-        min-height: 600px;
-        padding-bottom: 100px;
-
-        &__logo {
-          width: 200px;
-          height: 100px;
-          margin: 0 auto;
-
-          img {
-            width: 100%;
-          }
-        }
-
-        &__title {
-          color: #FFF;
-          text-align: center;
-
-          h1 {
-            font-weight: lighter;
-          }
-        }
-
-        &__title2 {
-          text-align: center;
-          color: #FFF;
-
-          h1 {
-            font-weight: bolder;
-          }
-        }
-
-        &__form {
-          margin: 0 60px;
-          font-size: 14px;
-
-          .notice-login {
-            display: flex;
-            justify-content: space-between;
-            flex-direction: row;
-            color: #FFF;
-            margin: 10px 0 10px 4px;
-
-            .notice-link {
-              margin: 10px;
-              color: #409EFF;
-              text-decoration: none;
-            }
-
-            .notice-link {
-              margin: 10px;
-              color: #409EFF;
-              text-decoration: none;
-            }
-          }
-
-          &__button {
-            .el-button {
-              width: 100%;
-            }
-          }
-
-          .notice-text {
-            color: orange;
-            margin-top: -6px;
-
-            > i {
-              margin-right: 8px;
-            }
-
-
-          }
-        }
-      }
-    }
-
-    &-footer {
-      position: absolute;
-      bottom: 0px;
-      left: 0;
-      width: 100%;
-      text-align: center;
-      font-size: 12px;
-      opacity: 1;
-      color: #FFF;
-    }
-
-    .mta-ModelLoginBg {
-      position: absolute;
-      left: 0;
-      right: 0;
-      top: 0;
-      bottom: 0;
-      z-index: -1;
-      overflow: hidden;
-
-      img {
-        width: 100%;
-        height: 100%;
-      }
-    }
-
-    .mta-registered-success__dialog {
-      text-align: center;
-
-      h1 {
-        font-weight: 500;
-      }
-
-      h2 {
-        font-weight: 400;
-      }
-
-      .dialog-tel {
-        margin-top: 40px;
-        font-size: 20px;
-
-        + p {
-          font-size: 20px;
-        }
-      }
-
-    }
-
-    .mta-agreement-success__dialog {
-      text-align: left;
-      max-height: 500px;
-      overflow-y: auto;
-    }
-
-    .el-button {
-      width: 100%;
-    }
-    .mta-registered-main-content__form {
-
-      .notice-text {
-        .el-checkbox {
-          margin-right: 10px;
-        }
-
-        .btnDialog {
-          cursor: pointer;
-        }
-
-        .el-checkbox, .el-checkbox-button__inner {
-          color: #FFF;
-        }
-      }
-
-      /* 重置element 官方input样式 */
-      .el-input {
-
-        .el-input__inner {
-          color: #FFF;
-          font-size: 15px;
-          margin-left: 5px;
-          padding-left: 50px;
-          background: rgba(255, 255, 255, 0.3);
-
-          ::-webkit-input-placeholder {
-            color: #666;
-          }
-        }
-
-
-        .el-input__prefix {
-          font-size: 22px;
-          padding: 0 16px;
-          color: #FFF;
-        }
-
-
-      }
-
-      /* 重置input form校验错误信息位置 */
-      .el-form-item__error {
-        margin-left: 6px;
-      }
-
-      // 阿里滑块样式
-      #your-dom-id.nc-container {
-        margin-left: 4px;
-        width: 100%;
-        margin-bottom: 20px;
-
-        div.nc_wrapper {
-          border-right: 5px;
-          border-radius: 4px;
-          width: auto;
-        }
-
-        .nc_scale {
-          border-radius: 4px;
-        }
-
-        .nc_bg {
-          border-top-left-radius: 4px;
-          border-bottom-left-radius: 4px;
-        }
-
-        .btn_slide {
-          border-radius: 4px;
-        }
-      }
-
-      /* 设置动画，清理谷歌浏览器加入的关于密码账号保存样式,间接冲掉样式 */
-      input:-webkit-autofill,
-      input:-webkit-autofill:hover,
-      input:-webkit-autofill:focus,
-      input:-webkit-autofill:active {
-        -webkit-transition-delay: 9999999999999s;
-        -webkit-transition: color 9999999999999s ease-out, background-color 999999999999s ease-out;
-      }
-    }
-    @media screen and (max-width: 1440px) {
-
-      .mta-registered-main-content__form{
-        @include setFontBase(-7);
-        .el-checkbox__label{@include setFontBase(-7);}
-        //阿里滑块
-        #your-dom-id.nc-container{margin-bottom: 14px;}
-        //input
-        .el-input .el-input__inner{@include setFontBase(-7);}
-        //直接登录
-        .notice-login{@include setFontBase(-7);}
-      }
-      //el-button
-      .el-button{@include setFontBase(-7);}
-      @media screen and (max-height: 700px) {
-        &-main {
-          &-content {
-            margin-top: 20px;
-            padding-bottom: 60px;
-          }
-        }
-      }
-      //标题
-      .mta-registered-main-content__title h1,.mta-registered-main-content__title2 h1{margin: 10px 0;}
-    }
-    //登录按钮
-    .denglu-btn{@include setThemeColorBase("color", 1);}
-    //同意复选框
-    .agree-el-checkbox{
-      .el-checkbox__input.is-checked+.el-checkbox__label{@include setThemeColorBase("color", 1);}
-    }
-  }
-}

src/assets/css/cus-cframe-common/cus-cframe-common.scss

@@ -1,619 +0,0 @@
-@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") {
-    //青谷图标
-  }*/
-}

src/assets/css/cus-cframe-component/cus-cframe-component.scss

@@ -1,2809 +0,0 @@
-@import "../base/utils.scss";
-@import "../base/variables";
-
-@mixin setStyleCFrameComponent($project) {
-
-  /**
-   * footer
-   */
-  .mta-client-footer {
-    background: #232526;
-    height: 50px;
-    line-height: 50px;
-    width: 100%;
-    min-width: $screen-limit-width;
-
-    .footer-col-wrap {
-      text-align: center;
-      font-size: 12px;
-      color: #A6A7AA;
-    }
-  }
-
-  /**
-   * header
-   */
-  .mta-client-header {
-    background: #1E1D22;
-    height: 60px;
-    width: 100%;
-    min-width: $screen-limit-width;
-
-    .header-wrap {
-      min-width: $screen-limit-width;
-      width: $screen-limit-width;
-      margin: 0 auto;
-    }
-
-    .header-col-wrap {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-
-      .menu-client-header {
-        height: 60px;
-
-        .el-menu-item {
-          @include font-size-media-cframe(-4);
-        }
-      }
-
-      .header-col-logo {
-        width: 100px;
-        height: 32px;
-        display: flex;
-        margin: 14px 0 0 0px;
-        justify-content: left;
-        align-content: center;
-
-
-        > img {
-          height: 100%;
-        }
-      }
-
-      .header-col-nav {
-        display: flex;
-        justify-content: flex-end;
-        flex-direction: row;
-
-      }
-    }
-
-    span.h-right-img {
-      display: inline-block;
-      line-height: 60px;
-      height: 36px;
-      position: relative;
-      margin: -8px 30px 0 0;
-
-
-      &:focus {
-        outline: none;
-      }
-
-      > span {
-        border: 6px solid transparent;
-        border-top-color: #333;
-        position: absolute;
-        top: 20px;
-        right: -15px;
-
-      }
-
-      // 个人头像 待定
-      img {
-        width: 35px;
-        height: 35px;
-        border-radius: 50%;
-        box-shadow: none;
-        position: relative;
-      }
-    }
-
-    .verification {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-
-      .el-button {
-        margin-left: 20px;
-      }
-    }
-
-    .el-menu.el-menu--horizontal {
-      border-bottom: none;
-    }
-
-    & .el-submenu__title {
-      @include font-size-media-cframe(-4);
-    }
-
-    .nav-popover.el-popover {
-      background: rgb(30, 29, 34);
-      border: none;
-
-      .el-button {
-        color: #FFF;
-        font-size: 14px;
-        width: 100%;
-        /*text-align: left;*/
-      }
-
-      .popper__arrow {
-        display: none;
-      }
-    }
-
-    .nc-container {
-      width: calc(100% - 100px);
-      margin: 0 0 20px 100px;
-
-      > div {
-        width: auto !important;
-      }
-
-    }
-
-    .demo-ruleForm2 {
-      margin-left: -20px;
-    }
-    .demo-ruleForm1 {
-      margin-left: -40px;
-    }
-  }
-  .mta-menu-two {
-
-    .el-menu--popup {
-      min-width: 132px;
-
-
-      li.el-menu-item {
-        padding-left: 20px;
-        @include font-size-media-cframe(-4);
-      }
-    }
-  }
-  .nav-popover {
-    .userControl {
-      li {
-        .el-button {
-          @include font-size-media-cframe(-6);
-        }
-      }
-    }
-  }
-  /**
-   * mtaDialog
-   */
-  .mta-dialog {
-    .dialog-img {
-      width: 80px;
-      height: 80px;
-      border-radius: 50%;
-      position: absolute;
-      left: calc(50% - 40px);
-      top: -40px;
-      background: #FFF;
-      margin: 0 auto;
-      text-align: center;
-      vertical-align: middle;
-      box-shadow: 5px 5px 15px 0 rgba(207, 229, 251, .7);
-
-      > div {
-        width: 60px;
-        height: 60px;
-        margin: 10px auto 0;
-        text-align: center;
-        vertical-align: middle;
-
-        img {
-          margin: 0 auto;
-          text-align: center;
-          height: 100%
-        }
-      }
-
-    }
-  }
-  .mta-dialog {
-    .el-dialog {
-      border-radius: 8px;
-    }
-
-    .el-dialog__header {
-      background: #FFF;
-
-      div.el-dialog__headerbtn .el-dialog__close {
-        color: #333;
-      }
-    }
-
-    .mta-dialog-content {
-      max-height: 300px;
-    }
-  }
-  .mta-dialog2 {
-    .el-dialog {
-      height: 392px !important;
-      width: 384px !important;
-      background-image: url("~@/assets/images/icons/"+"dialog2.png");
-      background-position: center;
-      background-size: contain;
-      background-repeat: no-repeat;
-      border-radius: 10px;
-    }
-
-    div.el-dialog__header {
-      background: none;
-      color: #FFF;
-      padding: 0;
-      height: 55px;
-      line-height: 55px;
-      font-weight: 400;
-    }
-
-    .dialogLabel {
-      width: 100px;
-      float: left;
-      text-align: right;
-      @include font-size-media-cframe(-4);
-      color: #333333;
-    }
-
-    .el-button {
-      padding: 10px 20px;
-      //font-size: 18px;
-      @include font-size-media-cframe(-2);
-      min-width: 100px;
-      margin: 0 10px;
-      width: 160px;
-      height: 32px;
-      background-color: #FFA111;
-      line-height: 11px;
-      border: 1px solid #CCC;
-    }
-
-    .dialogSpan {
-      width: 200px;
-      float: left;
-      text-align: left;
-      @include font-size-media-cframe(-6);
-      color: #666666;
-    }
-
-    .dialogDiv {
-      //font-size: 16px;
-      @include font-size-media-cframe(-4);
-      width: 100%;
-      display: block;
-      line-height: 22px;
-      height: 22px;
-      margin: 10px 0;
-    }
-
-    .clear {
-      clear: both;
-    }
-    .score-box{
-      margin-top: 10px;
-      img{
-        width: 21px;
-        height: 21px;
-        display: inline-block;
-        margin: 0 8px;
-
-      }
-      .xz-img{
-        transform:rotate(90deg);
-        -ms-transform:rotate(90deg); /* IE 9 */
-        -moz-transform:rotate(90deg); /* Firefox */
-        -webkit-transform:rotate(90deg); /* Safari and Chrome */
-        -o-transform:rotate(90deg); /* Opera */
-      }
-      line-height: 26px;
-      height: 26px;
-      display: inline-flex;
-      span{
-        font-size: 16px;
-        color: #333333;
-      }
-      span.score-word{
-        font-size: 24px;
-        color: #FF5757;
-      }
-    }
-    .line-div{
-      height: 1px;
-      background: #f8cebc;
-      width: 26%;
-      margin: 0 auto;
-      margin-bottom: 20px;
-    }
-    //用户信息
-    .userInfo-box{
-      margin-top: 55px;text-align: center;
-    }
-    .el-dialog__body{
-      padding: 0!important;
-    }
-    .el-button.el-button--primary {
-      background: #FFA111;
-      border-color: #FFA111;
-      @include font-size-media-cframe(-6);
-
-      &:hover, &:active {
-        background: #F09810;
-        border-color: #F09810;
-      }
-    }
-  }
-
-  /**
-   * 弹窗 样式
-   */
-    /*.mta-home-box-c, .mta-client-header, .mta-c-login, .mta-Cframe .mta-home-box {
-
-      .el-dialog {
-        min-width: 380px;
-        //header
-        .el-dialog__header{
-          height: 56px;
-          line-height: 56px;
-          .el-dialog__title{
-            @include font-size-media-cframe(0);
-          }
-        }
-
-        .el-dialog__body{
-          //padding: 15px 15px 0;
-          padding: 32px 30px 0;
-          .el-form {
-            label.el-form-item__label {
-              @include font-size-media-cframe(-6)
-            }
-
-            .el-input >input  {
-              @include font-size-media-cframe(-6);
-
-              @include mediaMax(large) {
-                height: $search-height-cframe * 3;
-                line-height: $search-line-height-cframe * 3;
-              }
-
-              @include mediaMax(small) {
-                height: $search-height-cframe * 2.6;
-                line-height: $search-line-height-cframe * 2.6;
-              }
-            }
-
-            .el-radio.is-bordered {
-
-              @include mediaMax(large) {
-                padding: 6px 20px 0 10px;
-                height: 27px;
-              }
-              @include mediaMax(small) {
-                padding: 4px 20px 0 10px;
-                height: 25px;
-              }
-            }
-
-            .el-button {
-              height: 32px;
-              line-height: 10px;
-              @include font-size-media-cframe(-6);
-              @include mediaMax(large) {
-                height: 30px;
-                margin-top: 2px;
-                line-height: 10px;
-              }
-
-              @include mediaMax(small) {
-                height: 25px;
-                margin-top: 4px;
-                line-height: 7px;
-              }
-            }
-
-          }
-        }
-
-        //关闭图标
-        .el-dialog__headerbtn{top: 18px;}
-
-        //footer
-        .el-dialog__footer{
-          padding: 15px 15px 18px;
-          .el-button{
-            //padding: 10px 12px;
-            @include font-size-media-cframe(-6);
-          }
-        }
-
-        @include mediaMax(large) {
-          //header
-          .el-dialog__header{
-            height: 46px;
-            line-height: 46px;
-          }
-
-          .el-dialog__body{
-            //padding: 12px 12px 0;
-            padding: 22px 20px 0;
-          }
-
-          //关闭图标
-          .el-dialog__headerbtn{
-            top: 14px;
-          }
-
-          //footer
-          .el-dialog__footer{
-            padding: 12px 12px 15px;
-            .el-button{
-              min-width: auto;
-            }
-          }
-        }
-        @include mediaMax(small) {
-          //header
-          .el-dialog__header{
-            height: 40px;
-            line-height: 40px;
-          }
-
-          .el-dialog__body{
-            padding: 18px 16px 0;
-          }
-
-          //关闭图标
-          .el-dialog__headerbtn{
-            top: 10px;
-          }
-
-          //footer
-          .el-dialog__footer{
-            padding: 9px 9px 12px;
-            .el-button{
-              min-width: auto;
-            }
-          }
-        }
-
-      }
-
-    }*/
-
-  /*删除弹窗组件*/
-    .mta-home-box .BatchProcessDL .el-dialog{
-    //头部
-    .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;
-      }
-    }
-    @media screen and (max-width: 1600px) {
-      .el-dialog__header {
-        background: #FFF;
-        height: 30px;
-        line-height: 30px;
-      }
-    }
-  }
-  /**
-   * stClock
-   */
-  .countdown {
-    width: 205px; /*days 285*/
-    height: 40px;
-    text-align: center;
-    border-radius: 5px;
-    margin: 15px;
-    padding: 24px 0;
-    @include mediaMax(large) {
-      width: 205px; /*days 285*/
-      height: 30px;
-      margin: 8px;
-      padding: 22px 0;
-    }
-    @include mediaMax(small) {
-      width: 205px; /*days 285*/
-      height: 20px;
-      margin: 3px;
-      padding: 16px 0;
-    }
-  }
-
-  .countdown #tiles > span {
-    width: 46px;
-    max-width: 46px;
-    height: 28px;
-    font: bold 30px 'Droid Sans', Arial, sans-serif;
-    text-align: center;
-    color: white;
-    border-radius: 3px;
-    margin: 0 8px;
-    padding: 5px 1px 8px 1px;
-    display: inline-block;
-    position: relative;
-    margin-top: -10px;
-  }
-
-  .countdown #tiles > span:before {
-    content: "";
-    width: 100%;
-    height: 5px;
-    background: #EEE;
-    display: block;
-    padding: 0 3px;
-    position: absolute;
-    top: 48%;
-    left: -3px;
-    z-index: -1;
-  }
-
-  .countdown #tiles > span:after {
-    content: "";
-    width: 100%;
-    height: 1px;
-    background: rgba(51, 51, 51, 0.16);
-    border-top: 1px solid #EEE;
-    display: block;
-    position: absolute;
-    top: 48%;
-    left: 0;
-  }
-
-  .countdown .labels {
-    margin-top: 5px;
-    width: 207px;
-    height: 10px;
-    text-align: center;
-  }
-
-  .countdown .labels li {
-    width: 63px;
-    font: bold 12px 'Droid Sans', Arial, sans-serif;
-    color: #F47321;
-    text-align: center;
-    text-transform: uppercase;
-    display: inline-block;
-  }
-
-  /**
-   * GapFilling
-   */
-  .mta-gap-filling {
-    position: relative;
-    word-break: break-word;
-    //@include setFontBase(-4);
-    @include font-size-media-cframe(-4);
-    .mta-first-row {
-      .el-col {
-        display: flex;
-        justify-content: flex-start;
-        flex-direction: row;
-
-        .mta-SC-title {
-          img{max-width: 700px;}
-          color: #333;
-          line-height: 24px;
-          @include setFontBase(-6);
-        }
-
-        .mta-SC-score {
-          color: #999;
-          min-width: 100px;
-          line-height: 24px
-        }
-      }
-
-      .wrap-shitiIndex {
-        //font-size: 14px;
-        white-space: nowrap;//题号一行显示
-        @include setFontBase(-6);
-        line-height: 24px;
-        color: #333;
-        margin-right: 10px;
-      }
-    }
-
-    .mta-two-row {
-      margin-bottom: 12px;
-
-      .el-col {
-        .mta-inputTK-row {
-          /*display: flex;*/
-          /*justify-content: flex-start;*/
-          /*flex-direction: row;*/
-          /*margin: 10px 0;*/
-          color: #666;
-
-          .mta-num {
-            display: inline-block;
-            width: 100px;
-            margin: 10px 0;
-          }
-
-          .other-result {
-            color: #ccc;
-            //font-size: 12px;
-            @include font-size-media-cframe(-8);
-            margin: 10px 0;
-          }
-        }
-      }
-    }
-
-    .mta-modal {
-      position: absolute;
-      left: 0;
-      top: 0;
-      bottom: 0;
-      right: 0;
-      z-index: 999;
-    }
-    @media screen and (max-width: 1440px){
-      .mta-first-row .el-col .mta-SC-title img{max-width: 600px;}
-    }
-  }
-  .mta-gap-filling {
-    .mta-SC-title {
-      img{max-width: 700px;}
-      p {
-        margin: 0;
-        padding: 0;
-      }
-    }
-
-    .el-input__inner {
-      color: #666;
-    }
-    @media screen and (max-width: 1440px){
-      .mta-SC-title img{max-width: 600px;}
-    }
-  }
-
-  /**
-   * multipleChoice
-   */
-  .mta-multiple-choice {
-    position: relative;
-    word-break: break-word;
-    @include font-size-media-cframe(-4);
-    .mta-first-row {
-      .el-col {
-        display: flex;
-        justify-content: flex-start;
-        flex-direction: row;
-
-        .mta-SC-title {
-          color: #333;
-          line-height: 24px;
-          @include setFontBase(-6);
-          img{max-width: 700px;}
-        }
-
-        .mta-SC-score {
-          color: #999;
-          min-width: 100px;
-          line-height: 24px
-        }
-      }
-
-      .wrap-shitiIndex {
-        //font-size: 14px;
-        white-space: nowrap;//题号一行显示
-        @include setFontBase(-6);
-        line-height: 24px;
-        color: #333;
-        margin-right: 10px;
-      }
-    }
-    .mta-two-row {
-      margin-bottom: 12px;
-
-      .el-col {
-
-        > .el-checkbox-group {
-
-          .mta-num {
-            margin: 0 10px;
-            //font-size: 12px;
-            @include font-size-media-cframe(-8);
-            font-weight: bolder;
-          }
-
-          .mta-checkbox-row {
-            margin: 10px 0;
-          }
-        }
-
-      }
-    }
-    .mta-modal {
-      position: absolute;
-      left: 0;
-      top: 0;
-      bottom: 0;
-      right: 0;
-      z-index: 999;
-    }
-    .mta-SC-title {
-      img{max-width: 700px;}
-      p {
-        margin: 0;
-        padding: 0;
-      }
-    }
-
-    .mta-checkbox-row {
-      .el-checkbox {
-        line-height: 20px;
-        width: 95%;
-      }
-
-      p {
-        margin: 0;
-        padding: 0;
-        display: contents;
-      }
-
-      .el-checkbox__input {
-        display: inline-block;
-        float: left;
-        margin-right: 10px;
-        margin-top: 2px;
-      }
-
-      .el-checkbox__label {
-        white-space: nowrap;
-        vertical-align: top;
-        display: contents;
-      }
-
-      .el-checkbox, .el-checkbox-button__inner {
-        margin-top: 2px;
-      }
-
-      .el-checkbox__label span {
-        white-space: normal;
-        //display: inline-block;
-        width: inherit;
-        h1,h2,h3,h4,h5,h6{margin: 0;}
-      }
-    }
-
-    .showError {
-      .is-checked {
-        .el-checkbox__input {
-          .el-checkbox__inner {
-            border: 1px solid red;
-            background: red;
-          }
-        }
-        span.el-checkbox__label {
-          color: red;
-        }
-      }
-    }
-    @media screen and (max-width: 1440px){
-      .mta-SC-title img{max-width: 600px;}
-      .mta-first-row .el-col .mta-SC-title img{max-width: 600px;}
-    }
-    .wordBox,.wordOption{display: inline-block}
-    .wordBox img{max-width: 100%;}
-  }
-
-  /**
-   * ReadTheTopic
-   */
-  .mta-read-the-topic {
-    position: relative;
-    word-break: break-word;
-
-    .mta-first-row {
-      margin-bottom: 0;
-      color: #333;
-    }
-
-    .mta-SC-score {
-      color: #ccc;
-      min-width: 100px;
-    }
-
-    .mta-rt-title {
-      color: #333;
-    }
-
-    .mta-two-row {
-      margin-bottom: 20px;
-
-      .el-col {
-        display: flex;
-        justify-content: flex-start;
-        flex-direction: row;
-        align-items: center;
-        /*margin: 20px 0*/
-        .mta-SC-title {
-          color: #333;
-          line-height: 24px;
-          @include setFontBase(-6);
-          img{max-width: 700px;}
-          p{color: #333;}
-        }
-
-        .mta-SC-score {
-          color: #999;
-          min-width: 100px;
-          line-height: 24px
-        }
-      }
-    }
-
-    .mta-three-row {
-      .el-col {
-        > div {
-          margin-bottom: 10px;
-        }
-      }
-
-    }
-
-    .mta-modal {
-      position: absolute;
-      left: 0;
-      top: 0;
-      bottom: 0;
-      right: 0;
-      z-index: 999;
-    }
-    .wrap-shitiIndex{
-      white-space: nowrap;//题号一行显示
-      @include setFontBase(-6);
-      line-height: 24px;
-      color: #333;
-      margin-right: 10px;
-    }
-  }
-  .mta-read-the-topic {
-    //@include setFontBase(-4);
-    @include font-size-media-cframe(-4);
-
-    .mta-SC-title {
-      img{max-width: 700px;}
-      p {
-        padding: 0;
-        margin: 0;
-        color: #333;
-      }
-
-    }
-    @media screen and (max-width: 1440px){
-      .mta-SC-title img{max-width: 600px;}
-    }
-  }
-
-  /**
-   * ShortAnswerQuestion
-   */
-  .mta-short-answer-question {
-    position: relative;
-    word-break: break-word;
-    //@include setFontBase(-4);
-    @include font-size-media-cframe(-4);
-
-    .mta-first-row {
-      .el-col {
-        display: flex;
-        justify-content: flex-start;
-        flex-direction: row;
-
-        .mta-SC-title {
-          img{max-width: 700px;}
-          color: #333;
-          line-height: 24px;
-          @include setFontBase(-6);
-        }
-
-        .mta-SC-score {
-          color: #999;
-          min-width: 100px;
-          line-height: 24px
-        }
-      }
-
-      .wrap-shitiIndex {
-        //font-size: 14px;
-        white-space: nowrap;//题号一行显示
-        @include setFontBase(-6);
-        line-height: 24px;
-        color: #333;
-        margin-right: 10px;
-      }
-    }
-
-    .mta-two-row {
-
-      margin: 6px 0 12px 0;
-    }
-
-    .mta-modal {
-      position: absolute;
-      left: 0;
-      top: 0;
-      bottom: 0;
-      right: 0;
-      z-index: 999;
-    }
-    @media screen and (max-width: 1440px){
-      .mta-first-row .el-col .mta-SC-title img{max-width: 600px;}
-    }
-  }
-  .mta-short-answer-question {
-    .mta-SC-title {
-      img{max-width: 700px;}
-      p {
-        padding: 0;
-        margin: 0;
-      }
-    }
-
-    .el-textarea__inner {
-      color: #666;
-    }
-    @media screen and (max-width: 1440px){
-      .mta-SC-title img{max-width: 600px;}
-    }
-  }
-
-  /**
-   * SingleChoice
-   */
-  .mta-single-choice {
-    position: relative;
-    word-break: break-word;
-    @include font-size-media-cframe(-4);
-    .mta-first-row {
-      .el-col {
-        display: flex;
-        justify-content: flex-start;
-        flex-direction: row;
-
-        .mta-SC-title {
-          color: #333;
-          line-height: 24px;
-          @include setFontBase(-6);
-          img{max-width: 700px;}
-        }
-
-        .mta-SC-score {
-          color: #999;
-          min-width: 100px;
-          line-height: 24px;
-          @include setFontBase(-6);
-        }
-      }
-
-      .wrap-shitiIndex {
-        //font-size: 14px;
-        white-space: nowrap;//题号一行显示
-        @include font-size-media-cframe(-6);
-        line-height: 24px;
-        color: #333;
-        margin-right: 10px;
-      }
-    }
-    .mta-two-row {
-      margin-bottom: 12px;
-
-      .el-col {
-
-        > .el-radio-group {
-
-          .mta-num {
-            margin: 0 10px;
-            font-weight: bolder;
-
-          }
-
-          .mta-radio-row {
-            margin: 10px 0;
-            display: block;
-            flex-direction: row;
-            width: 100%;
-            img{max-width: 700px;}
-          }
-        }
-
-      }
-    }
-    .mta-modal {
-      position: absolute;
-      left: 0;
-      top: 0;
-      bottom: 0;
-      right: 0;
-      z-index: 999;
-    }
-    .mta-SC-title {
-      img{max-width: 700px;}
-      p {
-        padding: 0;
-        margin: 0;
-      }
-
-    }
-
-    .mta-radio-row {
-
-      .el-radio {
-        color: #666;
-        width: 95%;
-        @include setFontBase(-6,true);
-        img{max-width: 100%}
-
-        span {
-          p {
-            white-space: normal;
-            display: contents;
-          }
-
-          span {
-            white-space: normal;
-
-            font {
-              white-space: normal;
-            }
-          }
-        }
-
-        .el-radio__label {
-          vertical-align: top;
-          white-space: nowrap;
-        }
-      }
-
-      .el-radio__input {
-        vertical-align: top;
-        margin-right: 10px;
-      }
-
-      .el-radio__label {
-        vertical-align: top;
-        display: contents;
-      }
-
-      .el-radio__label font {
-        vertical-align: top;
-        display: inline-block;
-      }
-
-      .el-radio__label span {
-        //display: inline-block;
-        // width: 100%;
-        h1, h2, h3, h4, h5, h6 {
-          margin: 0;
-          display: inline-block;
-        }
-
-        ol {
-          margin: 0;
-        }
-      }
-
-      p {
-        display: inline-block;
-        padding: 0;
-        margin: 0;
-
-      }
-    }
-
-    .showError {
-      .is-checked {
-        .el-radio__input {
-          .el-radio__inner {
-            border: 1px solid red;
-            background: red;
-          }
-        }
-        span.el-radio__label {
-          color: red;
-        }
-      }
-    }
-    .wordBox,.wordOption{display: inline-block}
-    .wordBox img{max-width: 100%;}
-    @media screen and (max-width: 1440px){
-      .mta-SC-title img{max-width: 600px;}
-      .mta-first-row .el-col .mta-SC-title img,.mta-two-row .el-col .mta-radio-row img{max-width: 600px;}
-      .mta-two-row .el-col > .el-radio-group .mta-radio-row img{max-width: 600px;}
-    }
-  }
-
-  /**
-   * TureOrFalse
-   */
-  .mta-true-or-false {
-    position: relative;
-    word-break: break-word;
-    //@include setFontBase(-4);
-    @include font-size-media-cframe(-4);
-    .mta-first-row {
-      .el-col {
-        display: flex;
-        justify-content: flex-start;
-        flex-direction: row;
-
-        .mta-SC-title {
-          color: #333;
-          line-height: 24px;
-          @include setFontBase(-6);
-          img{max-width: 700px;}
-        }
-
-        .mta-SC-score {
-          color: #999;
-          min-width: 100px;
-          line-height: 24px
-        }
-      }
-
-      .wrap-shitiIndex {
-        //font-size: 14px;
-        white-space: nowrap;//题号一行显示
-        @include setFontBase(-6);
-        line-height: 24px;
-        color: #333;
-        margin-right: 10px;
-      }
-    }
-
-    .mta-two-row {
-      margin-bottom: 12px;
-
-      .el-col {
-
-        .mta-panduan-row {
-          margin: 10px 0;
-        }
-      }
-    }
-
-    .mta-modal {
-      position: absolute;
-      left: 0;
-      top: 0;
-      bottom: 0;
-      right: 0;
-      z-index: 999;
-    }
-    @media screen and (max-width: 1440px){
-      .mta-first-row .el-col .mta-SC-title img{max-width: 600px;}
-    }
-  }
-  .mta-true-or-false {
-
-    .mta-SC-title {
-      img{max-width: 700px;}
-      p {
-        margin: 0;
-        padding: 0;
-      }
-    }
-
-    .el-radio {
-      color: #666;
-    }
-
-    .showError {
-      .is-checked {
-        .el-radio__input {
-          .el-radio__inner {
-            border: 1px solid red;
-            background: red;
-          }
-        }
-        span.el-radio__label {
-          color: red;
-        }
-      }
-    }
-    @media screen and (max-width: 1440px){
-      .mta-SC-title img{max-width: 600px;}
-    }
-  }
-
-  /**
-   * TianKongItem
-   */
-  .mta-tiankong-item {
-
-    .mta-num {
-      display: inline-block;
-      width: 100px;
-      margin: 10px 0;
-      @include setFontBase(-6);
-    }
-
-    .showError {
-      input {
-        color: red;
-      }
-    }
-
-    .showSuccess {
-      input {
-        //color: green;
-        @include setThemeColorBase('color', 0);
-      }
-    }
-  }
-
-  /**
-   * AnswerAreaTiankong
-   */
-  .mta-answer-area {
-    //@include setFontBase(-4);
-    @include setFontBase(-6);
-    color: #666;
-
-    .mta-three-row-div {
-      margin-bottom: 15px;
-      display: flex;
-      flex-direction: row;
-      justify-content: flex-start;
-
-      .three-span {
-        width: 100px;
-        flex-shrink: 0;
-      }
-      .answer-vhtml-div{
-        p{margin: 0;}
-      }
-      > div {
-        img {
-          max-width: 700px;
-        }
-      }
-
-      .mta-answer-list {
-        display: flex;
-        flex-direction: column;
-        justify-content: flex-start;
-
-        > span {
-          margin-bottom: 10px;
-        }
-        p{margin: 0;}
-      }
-    }
-    @media screen and (max-width: 1600px){
-      .mta-three-row-div .three-span{width: 80px;}
-    }
-    @media screen and (max-width: 1440px){
-      .mta-three-row-div .three-span{width: 65px;}
-      .mta-three-row-div > div img{max-width: 600px;}
-    }
-  }
-
-  /**
-   * 考试 card
-   */
-  .mta-c-kaoshi-card {
-
-    .el-card {
-      padding-bottom: 20px;
-      border-radius: 8px;
-      position: relative;
-    }
-
-    .card-image {
-      .el-col {
-        height: 106px;
-        overflow: hidden;
-
-        .image {
-          display: block;
-          width: 100%;
-        }
-      }
-    }
-
-    .card-title {
-      color: #333;
-      //font-size: 16px;
-      @include font-size-media-cframe(-4);
-      font-weight: normal;
-      margin: 16px 10px 0 10px;
-      display: inline-block;
-      span{
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        max-width: 268px;
-        display: block;
-      }
-    }
-
-    .card-info {
-      color: #666;
-      margin: 8px 0 0 10px;
-
-      span {
-        //font-size: 14px;
-        @include font-size-media-cframe(-6);
-      }
-
-      span.card-info-line {
-        margin: 0 5px;
-        vertical-align: top;
-      }
-
-      .item_el-col {
-        height: 16px;
-        line-height: 16px;
-      }
-
-      .item_span {
-        max-width: 100px;
-        display: inline-block;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-    }
-
-    .card-time {
-      color: #1D1F68;
-      margin: 8px 0 0 10px;
-
-      span {
-        //font-size: 12px;
-        @include font-size-media-cframe(-8);
-      }
-    }
-
-    .card-btn {
-      margin: 16px auto 0;
-
-      .el-col {
-        text-align: center;
-
-        .el-button {
-          width: 150px;
-          @include font-size-media-cframe(-4);
-          @include mediaMax(large) {
-            width: 130px;
-          }
-          @include mediaMax(small) {
-            //font-size: 14px;
-            width: 120px;
-          }
-        }
-      }
-
-      .btnEndBg {
-        background: #d3ddff;
-        color: #666;
-      }
-
-      .btn-yjs {
-        background: #9b9b9b;
-        border-color: #9b9b9b;
-        color: #fff;
-
-        &:hover, &:active {
-          background: #888787;
-          border-color: #888787;
-        }
-      }
-
-      .btn-bm {
-        background: #EDC840;
-        border-color: #EDC840;
-        color: #fff;
-
-        &:hover, &:active {
-          background: #DDBA3B;
-          border-color: #DDBA3B;
-        }
-      }
-
-      .btn-bmsh {
-        background: #ef8e64;
-        border-color: #ef8e64;
-        color: #fff;
-
-        &:hover, &:active {
-          background: #e1855e;
-          border-color: #e1855e;
-        }
-      }
-
-      .btn-shwtg {
-        background: #ea706b;
-        border-color: #ea706b;
-        color: #fff;
-
-        &:hover, &:active {
-          background: #dd6863;
-          border-color: #dd6863;
-        }
-      }
-
-      .btn-rgpf {
-        background: #D69C14;
-        border-color: #D69C14;
-        color: #fff;
-
-        &:hover, &:active {
-          background: #C89111;
-          border-color: #C89111;
-        }
-      }
-    }
-
-    .mask {
-      position: absolute;
-      top: -300px;
-      left: 0;
-      width: 100%;
-      height: 106px;
-      background: rgba(101, 101, 101, 0.7);
-      color: #fff;
-      z-index: 999;
-      transition: all 0.9s;
-      cursor: pointer;
-    }
-
-    .mask h3 {
-      text-align: center;
-      //font-size: 20px;
-      @include font-size-media-cframe(0);
-      font-weight: normal;
-      vertical-align: middle;
-      height: 106px;
-      margin: 0;
-      line-height: 106px;
-    }
-
-    .el-card :hover .mask {
-      top: 0px;
-    }
-  }
-
-  /**
-   * 公告 list
-   */
-  .mta-c-notice-list {
-    margin: 0 2px;
-    .mta-cuoti-list {
-      display: flex;
-      justify-content: flex-start;
-      flex-direction: row;
-      border-bottom: 1px solid #ccc;
-      height: 46px;
-      line-height: 46px;
-      padding: 0 20px;
-      position: relative;
-
-      //公告icon
-      .mta-notice-read-icon,.mta-notice-unread-icon{
-        width: 41px;
-        height: 36px;
-        position: absolute;
-        left:0;
-        top: 0;
-        background-size: 80%;
-        background-repeat: no-repeat;
-      }
-      .mta-notice-read-icon{
-        background-image: url("../../../assets/images/client/c-notice-read.svg");
-      }
-      .mta-notice-unread-icon{
-        background-image: url("../../../assets/images/client/c-notice-unread.svg");
-      }
-
-      .mat-score-list-info {
-        //margin: 10px 0;
-        //font-size: 14px;
-        @include font-size-media-cframe(-6);
-        color: #666;
-        letter-spacing: 0;
-        width: 100%;
-
-        span {
-          display: inline-block;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap;
-        }
-
-        span.ckgg-btn {
-          width: 20%;
-          cursor: pointer;
-        }
-
-        > span.mta-line {
-          margin: 0 5px
-        }
-
-        .mta-line {
-          border-left: 1px solid #666;
-        }
-      }
-    }
-
-
-  }
-  /**
-   * 成绩 list
-   */
-  .mta-c-score-list {
-
-    .mta-score-list {
-      display: flex;
-      justify-content: flex-start;
-      flex-direction: row;
-      padding-bottom: 14px;
-      border-bottom: 1px solid #CCC;
-      margin-bottom: 14px;
-
-      .mta-score-list-img {
-        width: 120px;
-        height: 74px;
-        display: flex;
-        justify-content: center;
-        align-content: center;
-        flex-direction: row;
-        border-radius: 8px;
-        overflow: hidden;
-
-        > img {
-          width: 100%;
-        }
-      }
-
-      .mta-score-list-name {
-        margin: 10px 0 10px 27px;
-        //font-size: 16px;
-        //@include setFontBase(-3);
-        @include font-size-media-cframe(-3);
-        color: #333;
-        letter-spacing: 0;
-
-      }
-
-      .mat-score-list-info {
-        margin: 20px 0 10px 27px;
-        //font-size: 14px;
-        //@include setFontBase(-5);
-        @include font-size-media-cframe(-5);
-        color: #666;
-        letter-spacing: 0;
-
-        > span.mta-line {
-          margin: 0 8px
-        }
-
-        .mta-line {
-          border-left: 1px solid #666;
-        }
-      }
-
-      .score-list-content {
-        display: flex;
-        width: 100%;
-        justify-content: space-between;
-        flex-direction: row;
-
-        .score-content-main {
-          flex: 1;
-        }
-
-        /*.mta-score-button-area {
-
-          .el-button {
-            margin-top: 30px;
-            width: 120px;
-
-            @include font-size-media-cframe(-6);
-            @include mediaMax(large) {
-              width: 110px;
-            }
-            @include mediaMax(small) {
-              width: 90px;
-            }
-
-          }
-        }*/
-      }
-    }
-
-    .mta-score-list:last-child {
-      border: none;
-    }
-    .score-btn-box{
-      display: flex;
-      align-items: center;
-    }
-  }
-
-  /**
-   * 练习 card
-   */
-  .mta-c-lianxi-card {
-    .el-card {
-      padding-bottom: 20px;
-      border-radius: 8px;
-    }
-
-    .card-image {
-      .el-col {
-        height: 106px;
-        overflow: hidden;
-
-        .image {
-          display: block;
-          width: 100%;
-        }
-      }
-    }
-
-    .card-title {
-      color: #333;
-      //font-size: 16px;
-      @include font-size-media-cframe(-4);
-      font-weight: normal;
-      margin: 16px 0 0 10px;
-    }
-
-    .card-info {
-      color: #666;
-      margin: 8px 0 0 10px;
-
-      span {
-        //font-size: 14px;
-        @include font-size-media-cframe(-6);
-      }
-
-      span.card-info-line {
-        margin: 0 5px;
-        vertical-align: top;
-      }
-
-      .item_el-col {
-        height: 16px;
-        line-height: 16px;
-      }
-
-      .item_span {
-        max-width: 100px;
-        display: inline-block;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-    }
-
-    .card-time {
-      color: #1D1F68;
-      margin: 8px 0 0 10px;
-
-      span {
-        //font-size: 12px;
-        @include font-size-media-cframe(-8);
-      }
-    }
-
-    .card-btn {
-      margin: 16px auto 0;
-
-      .el-col {
-        text-align: center;
-
-        .el-button {
-          width: 150px;
-          @include font-size-media-cframe(-6);
-          @include mediaMax(large) {
-            width: 130px;
-          }
-          @include mediaMax(small) {
-            width: 120px;
-          }
-        }
-      }
-    }
-  }
-
-  /**
-   * 错题 list
-   */
-  .mta-c-cuoti-list {
-    .mta-cuoti-list {
-      display: flex;
-      justify-content: flex-start;
-      flex-direction: row;
-      padding-bottom: 14px;
-      border-bottom: 1px solid #ccc;
-      margin-bottom: 14px;
-
-      .mta-cuoti-list-img {
-        width: 120px;
-        height: 74px;
-        display: flex;
-        justify-content: center;
-        align-content: center;
-        flex-direction: row;
-        border-radius: 8px;
-        overflow: hidden;
-
-
-        > img {
-          width: 100%;
-        }
-      }
-
-      .mta-cuoti-list-name {
-        margin: 10px 0 10px 27px;
-        //font-size: 16px;
-        @include font-size-media-cframe(-4);
-        color: #333;
-        letter-spacing: 0;
-
-      }
-
-      .mat-cuoti-list-info {
-        margin: 20px 0 10px 27px;
-        //font-size: 14px;
-        @include font-size-media-cframe(-6);
-        color: #666;
-        letter-spacing: 0;
-
-        > span.mta-line {
-          margin: 0 8px
-        }
-
-        .mta-line {
-          border-left: 1px solid #666;
-        }
-      }
-
-      .cuoti-list-content {
-        display: flex;
-        width: 100%;
-        justify-content: space-between;
-        flex-direction: row;
-
-        .cuoti-content-main {
-          flex: 1;
-        }
-
-        .mta-cuoti-button-area {
-            display: flex;
-            align-items: center;
-          /*.el-button {
-            width: 120px;
-
-            @include font-size-media-cframe(-6);
-            @include mediaMax(large) {
-              width: 110px;
-            }
-            @include mediaMax(small) {
-              width: 100px;
-            }
-          }*/
-        }
-      }
-    }
-
-    .mta-cuoti-list:last-child {
-      border-bottom: none;
-    }
-
-    .btn-ksz {
-      background: #92d047;
-      border-color: #92d047;
-      color: #fff;
-
-      &:hover, &:active {
-        background: #86bf41;
-        border-color: #86bf41;
-      }
-    }
-  }
-
-  /**
-   * 证书 list
-   */
-  .mta-cert-lists {
-    .mta-cert-list {
-      display: flex;
-      justify-content: flex-start;
-      flex-direction: row;
-      padding-bottom: 14px;
-      border-bottom: 1px solid #ccc;
-      margin-bottom: 14px;
-
-      .mta-cert-list-img {
-        width: 120px;
-        height: 74px;
-        display: flex;
-        justify-content: center;
-        align-content: center;
-        flex-direction: row;
-        border-radius: 8px;
-        overflow: hidden;
-
-        > img {
-          width: 100%;
-        }
-      }
-
-      .mta-cert-list-name {
-        margin: 10px 0 10px 27px;
-        //font-size: 16px;
-        @include font-size-media-cframe(-4);
-        color: #333;
-        letter-spacing: 0;
-
-      }
-
-      .mat-cert-list-info {
-        margin: 20px 0 10px 27px;
-        //font-size: 14px;
-        @include font-size-media-cframe(-4);
-        color: #666;
-        letter-spacing: 0;
-
-        > span.mta-line {
-          margin: 0 8px
-        }
-
-        .mta-line {
-          border-left: 1px solid #666;
-        }
-      }
-    }
-
-    .mta-cert-list:last-child {
-      border: none;
-    }
-
-    .mta-cert-button-area {
-      display: flex;
-      align-items: center;
-      /*.el-button {
-        margin-top: 20px;
-        width: 90px;
-
-        @include font-size-media-cframe(-6);
-        @include mediaMax(large) {
-          width: 80px;
-        }
-        @include mediaMax(small) {
-          width: 70px;
-        }
-      }*/
-    }
-  }
-  /**
-   * 学分 list
-   */
-  .mta-credit-list {
-    display: flex;
-    justify-content: flex-start;
-    flex-direction: row;
-    border-bottom: 1px solid #ccc;
-    height: 46px;
-    line-height: 46px;
-
-    .mta-credit-list-info {
-      @include font-size-media-cframe(-5);
-      color: #666;
-      letter-spacing: 0;
-      width: 100%;
-      padding: 0 20px;
-
-      span {
-        float: left;
-        color: #333;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-
-      > span.mta-line {
-        margin: 0 5px
-      }
-
-      .mta-line {
-        border-left: 1px solid #666;
-      }
-    }
-  }
-
-  /**
-   * 响应式 btn
-   */
-  .media-btn {
-    //@include media-btn;
-  }
-
-  /*** 弹窗组件 ***/
-  .response-big-dialog, .response-middle-dialog, .response-small-dialog, .response-tip-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-tip-dialog{
-    .el-dialog {
-      width: 400px;
-    }
-  }
-
-  /*** 评论组件 ***/
-  .c-mta-comment-layout {
-    border: 1px solid #e3e3e3;
-    display: flex;
-    justify-content: flex-start;
-    margin-bottom: 20px;
-    border-radius: 8px;
-    padding: 14px 35px 0;
-    margin-right: 20px;
-
-    .c-comment-content {
-      flex: 1;
-      .c-first-line {
-        display: flex;
-        justify-content: space-between;
-        padding-right: 16px;
-        >span{
-          min-width: 70px;
-          border-bottom: 1px solid #e3e3e3;
-          color: #333;
-          font-size: 14px;
-          padding: 0 8px;
-          height: 25px;
-        }
-      }
-      .c-two-line{
-        font-size: 14px;
-        color: #666;
-        padding: 16px 8px 0;
-        line-height: 20px;
-        //min-height: 46px;
-        word-break: break-all;
-        .NotAll{
-          line-height: 23px;
-        }
-      }
-      .c-three-line{
-        margin: 14px 8px;
-        font-size: 14px;
-        display: flex;
-        justify-content: space-between;
-        .c-btnAndDate{
-          width: 100%;
-          display: flex;
-          justify-content: space-between;
-        }
-        >div{
-          color: #666;
-          .el-button{
-            padding: 0;
-          }
-        }
-        .el-button{
-          @include setThemeColorBase('color', 0);
-          @include setThemeColorBase('color', 0);
-        }
-        .el-button:hover,.el-button:active{
-          @include setThemeColorBase('color', -2);
-          @include setThemeColorBase('color', -2);
-        }
-      }
-      .c-four-line{
-        box-shadow: 0 10px 8px -8px rgba(0, 0, 0, 0.08);
-        margin-left: 8px;
-        .c-mta-comment-layout {
-          min-height: 86px;
-          margin-right: 0;
-          padding: 10px 0 0 35px;
-        }
-        .c-comment-content {
-          .c-two-line{
-            //min-height: 25px;
-            margin-bottom: 10px;
-            padding: 10px 10px 0;
-          }
-          .c-three-line{
-            .c-btnAndDate{
-              width: 100%;
-              display: flex;
-              justify-content: space-between;
-            }
-          }
-        }
-      }
-    }
-    //头像
-    .head-portrait-box{
-      .el-avatar--large{
-        width: 28px;
-        height: 28px;
-        margin-right: 8px;
-      }
-    }
-  }
-
-  /*** 笔记组件 ***/
-  .c-mta-biji-layout{
-    border: 1px solid #e3e3e3;
-    display: flex;
-    justify-content: flex-start;
-    margin-bottom: 20px;
-    border-radius: 8px;
-    padding: 14px 35px 0;
-    margin-right: 20px;
-    //头像
-    .c-biji-image-box{
-      img{
-        width: 28px;
-        height: 28px;
-        margin-right: 8px;
-        border-radius: 50%;
-      }
-    }
-
-    .c-biji-content-box {
-      flex: 1;
-      .c-biji-first-line {
-        display: flex;
-        justify-content: space-between;
-        >span{
-          min-width: 70px;
-          border-bottom: 1px solid #e3e3e3;
-          color: #333;
-          font-size: 14px;
-          padding: 0 8px;
-          height: 25px;
-        }
-      }
-      .c-biji-two-line{
-        font-size: 14px;
-        color: #666;
-        padding: 16px 8px 0;
-        margin-bottom: 14px;
-        //min-height: 46px;
-        line-height: 20px;
-        word-break: break-all;
-        .NotAll{
-          line-height: 23px;
-        }
-      }
-      .c-biji-three-line{
-        margin: 14px 8px;
-        font-size: 14px;
-        display: flex;
-        justify-content: space-between;
-        .c-btnAndDate{
-          width: 100%;
-          display: flex;
-          justify-content: space-between;
-        }
-        >div{
-          color: #666;
-        }
-        .el-button{
-          @include setThemeColorBase('color', 0);
-          @include setThemeColorBase('color', 0);
-          padding: 0;
-        }
-        .el-button:hover,.el-button:active{
-          @include setThemeColorBase('color', -2);
-          @include setThemeColorBase('color', -2);
-        }
-      }
-      .c-four-line{
-        .c-mta-comment-layout {
-          min-height: 86px;
-          margin-right: 0;
-          padding: 10px 0 0 35px;
-        }
-        .c-comment-content {
-          .c-two-line{
-            //min-height: 25px;
-            margin-bottom: 10px;
-            padding: 10px 10px 0;
-          }
-          .c-three-line{
-            .c-btnAndDate{
-              width: 100%;
-              display: flex;
-              justify-content: space-between;
-              >div{
-                .el-button{
-                  padding: 0;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-  /*** card组件 ***/
-  .card-comp{
-    width: 294px;
-    //height: 282px;
-    min-width: 294px;
-    max-width: 294px;
-    //min-height: 282px;
-    max-height: 282px;
-    display: inline-block;
-    margin-right: 33px;
-    margin-bottom: 24px;
-    box-sizing: border-box;
-    cursor: pointer;
-    position: relative;
-    //图片
-    .image-box{
-      position: relative;
-      height: 164px;
-      overflow: hidden;
-      .image-box-div{
-        transition: all 0.9s;
-      }
-      img{
-        width: 100%;
-        height: 164px;
-      }
-      .my-tag{
-        position: absolute;
-        bottom: 0;
-        right: 0;
-        font-size: 13px;
-        color: #FFFFFF;
-        background: rgba(0, 0, 0, 0.35);
-        padding: 4px 12px;
-        border-radius: 5px 0;
-      }
-    }
-    //文字box
-    .card-word-box {
-      padding: 16px;
-      cursor: default;
-    }
-    //card蒙版
-    .card-mask {
-      position: absolute;
-      top: -164px;
-      left: 0;
-      width: 100%;
-      height: 164px;
-      background: rgba(101, 101, 101, 0.7);
-      color: #fff;
-      z-index: 999;
-      transition: all 0.9s;
-      cursor: pointer;
-    }
-
-    .card-mask h3 {
-      text-align: center;
-      //font-size: 20px;
-      @include setFontBase(0);
-      font-weight: normal;
-      vertical-align: middle;
-      height: 164px;
-      margin: 0;
-      line-height: 164px;
-    }
-
-  }
-  .card-comp:hover{
-    .card-mask {
-      top: 0;
-    }
-    .image-box-div{
-      transform: scale(1.2);
-    }
-  }
-  /*** 培训系统-card组件 ***/
-  .c-peixun-card{
-    .card-title {
-      @include setFontBase(-3);
-      color: #333;
-      letter-spacing: 0;
-      margin-bottom: 10px;
-      display: block;
-      width: 100%;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      span{
-        display: block;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-    }
-
-    .card-info {
-      display: flex;
-      flex-direction: row;
-      justify-content: flex-start;
-      margin-bottom: 10px;
-      span{
-        @include setFontBase(-5);
-        color: #666;
-        letter-spacing: 0;
-      }
-
-      .card-info-line {
-        margin: 0 9px;
-      }
-    }
-
-    .card-time {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-
-      span {
-        @include setFontBase(-5);
-        color: #666;
-        letter-spacing: 0;
-      }
-    }
-    .index-row{
-      height: 16px;
-      line-height: 16px;
-    }
-    .text-large-width_80 {
-      max-width: 80px;
-      display: inline-block;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      vertical-align: middle;
-    }
-    //card蒙版
-    .card-mask {
-      position: absolute;
-      top: -164px;
-      left: 0;
-      width: 100%;
-      height: 164px;
-      background: rgba(101, 101, 101, 0.7);
-      color: #fff;
-      z-index: 999;
-      transition: all 0.9s;
-      cursor: pointer;
-    }
-
-    .card-mask h3 {
-      text-align: center;
-      //font-size: 20px;
-      @include setFontBase(0);
-      font-weight: normal;
-      vertical-align: middle;
-      height: 164px;
-      margin: 0;
-      line-height: 164px;
-    }
-    @media screen and (max-width: 1440px) {
-      .card-title{
-        @include setFontBase(-4);
-      }
-      .card-info,.card-time{
-        span {
-          @include setFontBase(-6);
-        }
-      }
-    }
-  }
-  /*** 培训系统-Tooltip 文字提示 ***/
-  .el-tooltip__popper.c-aliUpload-tooltip{
-    padding: 8px;
-    font-size: 12px;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
-  }
-
-  /*** 培训系统 - 个人中心card ***/
-  .c-personal-center-card{
-    >div{
-      display: flex;
-      justify-content: flex-start;
-      flex-direction: row;
-    }
-    padding-bottom: 16px;
-    margin: 0 24px 16px;
-    border-bottom: 1px solid #e3e3e3;
-
-    //card图片
-    .personal-center-img{
-      width: 100px;
-      height: 56px;
-      border: 1px solid #ccc;
-      border-radius: 8px;
-      overflow: hidden;
-      flex-shrink: 0;
-      >img{
-        width: 100%;
-        height: 56px;
-      }
-    }
-    .personal-center-content {
-      display: flex;
-      width: calc(100% - 102px);
-      justify-content: space-between;
-      flex-direction: row;
-
-      .personal-center-main{
-        padding: 5px 24px 5px 5px;
-        width: 100%;
-        overflow: hidden;  /*也可以用 width:0 代替*/
-        flex: 1;
-        .personal-center-name{
-          @include setFontBase(-3);
-          color: #333;
-          letter-spacing: 0;
-          margin: 0 0 14px 14px;
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          cursor: default;
-        }
-        .personal-center-info{
-          margin-left: 14px;
-          color: #666;
-          letter-spacing: 0;
-          @include setFontBase(-5);
-          > span.mta-line {
-            margin: 0 8px
-          }
-
-          .mta-line {
-            border-left: 1px solid #666;
-          }
-          .max-width-200,.max-width-700{
-            max-width: 200px;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            cursor: default;
-            display: inline-block;
-            vertical-align: bottom;
-          }
-          .max-width-700{
-            max-width: 700px;
-          }
-        }
-      }
-    }
-    //按钮
-    .personal-center-btn-box{
-      display: flex;
-      align-items: center;
-      flex-shrink: 0;
-      .el-button{@include setFontBase(-5);}
-      //考试中
-      /*.btn-ksz {
-        background: #92d047;
-        border-color: #92d047;
-        color: #fff;
-
-        &:hover, &:active {
-          background: #86bf41;
-          border-color: #86bf41;
-        }
-      }
-      //已结束
-      .el-button.btn-yjs {
-        background: #9b9b9b;
-        border-color: #9b9b9b;
-        color: #fff;
-
-        &:hover, &:active {
-          background: #888787;
-          border-color: #888787;
-        }
-      }*/
-
-    }
-    .xiaoxi-btn-box{
-      .el-button{
-        border: 0;
-        @include setThemeColorBase("color", 0);
-        background: transparent;
-        padding: 12px 2px;
-      }
-      .el-button--primary:hover{
-        border: 0;
-        background: transparent;
-      }
-    }
-    @media screen and (max-width: 1600px) {
-      padding-bottom: 12px;
-      margin: 0 24px 12px;
-    }
-    @media screen and (max-width: 1440px) {
-      padding-bottom: 10px;
-      margin: 0 24px 10px;
-      .personal-center-content {
-        .personal-center-main{
-          .personal-center-name{
-            @include setFontBase(-5);
-          }
-          .personal-center-info{
-            @include setFontBase(-7);
-            > span.mta-line {
-              margin: 0 6px
-            }
-          }
-        }
-      }
-
-      //按钮
-      .personal-center-btn-box{
-        .el-button{@include setFontBase(-6);}
-      }
-    }
-  }
-  .xiaoxi-card-box{
-    .c-personal-center-card{
-      padding-bottom: 8px;
-      margin: 8px 24px;
-    }
-    .personal-center-content{
-      width: 100%;
-      .personal-center-main{
-        padding: 0;
-        line-height: 38px;
-        .personal-center-info{
-          margin-left: 2px;
-        }
-      }
-    }
-  }
-  .c-personal-center-card:last-child{
-    border-bottom:0;
-  }
-  /*资料编辑*/
-  .editorUserWrap {
-    display: flex;
-    flex-direction: row;
-    flex: 1;
-    justify-content: space-around;
-  }
-  /***添加图片***/
-  .response-uploadAlCloud {
-    .avatar-uploader .el-upload {
-      width: 180px;
-      height: 180px;
-      border: 1px dashed #d9d9d9;
-      border-radius: 6px;
-      cursor: pointer;
-      position: relative;
-      overflow: hidden;
-
-      .avatar {
-        max-width: 100%;
-        height: auto;
-      }
-    }
-
-    .delete-btn {
-      width: 140px;
-      margin: 0 20px;
-    }
-    .avatar-uploader-icon {
-      font-size: 28px;
-      color: #8c939d;
-      width: 178px;
-      height: 178px;
-      line-height: 178px;
-      text-align: center;
-    }
-    .avatar {
-      width: 178px;
-      height: 178px;
-      display: block;
-    }
-    @media screen and (max-width: 1440px) {
-      .avatar-uploader-icon{
-        width: 140px;
-        height: 140px;
-        line-height: 140px;
-      }
-      .avatar{
-        width: 140px; // 必须指定宽高
-        height: 140px;
-        line-height: 140px;
-      }
-    }
-  }
-  /***宽度响应式***/
-  @media screen and (max-width: 1600px) {
-    /***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-big-dialog, .response-middle-dialog, .response-small-dialog,.response-tip-dialog {
-      .el-dialog {
-        .el-dialog__body {
-          padding: 24px 24px 0;
-        }
-      }
-    }
-    //大弹窗
-    .response-big-dialog {
-      .el-dialog {
-        width: 960px;
-      }
-    }
-    //中等弹窗
-    .response-middle-dialog {
-      .el-dialog {
-        width: 800px;
-      }
-    }
-  }
-  @media screen and (max-width: 1440px) {
-
-    /*** 弹窗组件 ***/
-    .response-big-dialog, .response-middle-dialog, .response-small-dialog,.response-tip-dialog {
-      .el-dialog {
-        .el-dialog__body {
-          padding: 16px 16px 0;
-        }
-
-        .el-dialog__footer {
-          .el-button {
-            margin: 0 10px;
-            @include setFontBase(-7);
-          }
-        }
-      }
-    }
-    /*** 评论组件 ***/
-    .c-mta-comment-layout {
-      margin-bottom: 16px;
-      padding: 12px 30px 0;
-      margin-right: 16px;
-
-      .c-comment-content {
-        .c-first-line {
-          padding-right: 12px;
-          >span{
-            font-size: 13px;
-            padding: 0 12px;
-            height: 20px;
-          }
-        }
-        .c-two-line{
-          font-size: 13px;
-          padding: 12px 12px 0;
-          margin-bottom: 12px;
-          //min-height: 40px;
-        }
-        .c-three-line{
-          margin: 8px 12px;
-          font-size: 13px;
-          .c-btnAndDate{
-            >div{
-              line-height: 30px;
-            }
-          }
-          >div{
-            line-height: 30px;
-            .el-button{
-              padding: 0;
-            }
-          }
-        }
-      }
-      //头像
-      .head-portrait-box{
-        .el-avatar--large{
-          width: 50px;
-          height: 50px;
-          margin-right: 6px;
-        }
-      }
-    }
-
-    /*** 笔记组件 ***/
-    .c-mta-biji-layout{
-      margin-bottom: 16px;
-      padding: 12px 30px 0;
-      margin-right: 16px;
-      //头像
-      .c-biji-image-box{
-        img{
-          width: 50px;
-          height: 50px;
-          margin-right: 6px;
-        }
-      }
-
-        .c-biji-content-box {
-        .c-biji-first-line {
-          padding-right: 12px;
-          >span{
-            font-size: 13px;
-            padding: 0 12px;
-            height: 20px;
-          }
-        }
-        .c-biji-two-line{
-          font-size: 13px;
-          padding: 12px 12px 0;
-          margin-bottom: 12px;
-          //min-height: 40px;
-        }
-        .c-biji-three-line{
-          margin:8px 12px;
-          font-size: 13px;
-          .c-btnAndDate{
-          }
-        }
-      }
-    }
-    /***添加图片***/
-    .response-uploadAlCloud {
-      .avatar-uploader .el-upload {
-        width: 140px;
-        height: 140px;
-      }
-
-      .delete-btn {
-        width: 100px;
-        margin: 0 20px;
-      }
-    }
-  }
-
-  //模糊搜索下拉树
-  .c-select-input-tree .is-current .el-tree-node__label{
-    @include setThemeColorBase("color", 1);
-  }
-
-  //下拉列表
-  .el-select-dropdown .el-scrollbar .el-select-dropdown__list{
-    max-height: 400px;
-    overflow: auto;
-  }
-}

src/assets/css/cus-cframe-page/cus-cframe-page.scss

@@ -1,3182 +0,0 @@
-@import "../base/utils.scss";
-@import "../base/variables";
-
-@mixin setStyleCFramePage($project) {
-
-  //author: TX  describe: c端页面通用布局 证书   /* 完成 */
-  .management-content-c {
-    // 容器外侧margin限定
-    @extend %mta-wrap;
-    // 具备筛选容器 居中
-    @include mta-c-wrap-middle;
-    // 高级筛选
-    @include mta-showMore-btn;
-    // 字体设置
-    @include font-size-media-cframe(-5);
-    // 设置分页
-    @include mta-pagination;
-
-    // 状态操控
-    &.showMore {
-      position: relative;
-
-      .mta-c-kaoshi-lists {
-        margin-top: 132px;
-      }
-
-      .mta-showMore-box {
-        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
-        position: absolute;
-        background: #FFF;
-        padding: 30px 0;
-        left: 0;
-        top: -20px;
-        z-index: 999;
-        width: 100%;
-        border-radius: 8px;
-      }
-
-      .model {
-        position: absolute;
-        background-color: rgba(36, 35, 35, .8);
-        left: 0;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        z-index: 888;
-        border-radius: 8px;
-      }
-
-    }
-
-    // 响应式 input 搜索
-    @include cframe-el-input__inner;
-  }
-
-  //  describe: 自主练习list author: Wgy date:2019-11-27 /* 完成 */
-  .mta-c-exercise {
-
-    // 容器外侧margin限定
-    @extend %mta-wrap;
-
-    // 查询input 选择容器
-    @include mta-select-input-wrap;
-
-    // 查询lable
-    @include mta-c-label;
-
-    // 查询 nav
-    //@include mta-search-nav-area;
-
-    // 查询宽度 input 第一列宽度
-    @include search-input-first-row;
-
-    // 主体容器 高度 + card
-    @include mta-c-main-card-wrap(390px, 0);
-
-    // 遮罩 后高度 媒体响应式联动计算
-    &.showMore {
-      // 主体容器 高度 + card
-      @include mta-c-main-card-wrap(360px, 108px);
-      @include mediaMax(large) {
-        @include mta-c-main-card-wrap(352px, 100px);
-      }
-      @include mediaMax(small) {
-        @include mta-c-main-card-wrap(346px, 94px);
-      }
-    }
-
-    // 查询导航nav
-    @include mta-c-search-nav;
-  }
-
-  //  describe: 错题list author: Wgy date:2019-11-28 /* 完成 */
-  .mta-c-cuoti-lists {
-    // 容器外侧margin限定
-    /*@extend %mta-wrap;
-    // 日历组件
-    @include mta-data-wrap;
-
-    // 查询lable
-    @include mta-c-label;
-    // 查询input 选择容器
-    @include mta-select-input-wrap;
-    // 错题select 选择容器
-    @include mta-select-wrap;
-
-    // 查询宽度 input 第一列宽度
-    @include search-input-first-row;*/
-
-    // 主体 + card
-    @include mta-c-main-card-wrap(400px, 0);
-    // 遮罩 后高度 媒体响应式联动计算
-    &.showMore {
-      // 主体容器 高度 + card
-      @include mta-c-main-card-wrap(250px, 120px);
-      @include mediaMax(large) {
-        @include mta-c-main-card-wrap(252px, 108px);
-      }
-      @include mediaMax(small) {
-        @include mta-c-main-card-wrap(250px, 99px);
-      }
-    }
-
-  }
-
-  // describe: 错题page
-  .mta-c-cuoti-page {
-    // 设置字体
-    @include font-size-media-cframe(-6);
-
-    .mta-cuoti-page--title {
-      text-align: center;
-
-      h3 {
-        margin: 24px 0 0;
-        text-align: center;
-        font-weight: bold;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        width: calc(100% - 60px);
-        @include font-size-media-cframe(4);
-        @include mediaMax(large) {
-          margin: 16px 0 0;
-        }
-        @include mediaMax(small) {
-          margin: 10px 0 0;
-        }
-      }
-    }
-
-    .mta-cuoti-page--tabs {
-      @extend %page-margin;
-      $component-bg-color: rgba(60, 150, 255, 0.39);
-
-      .exam-area-border {
-        overflow: hidden;
-
-        .exam-area {
-          height: calc(100vh - 365px);
-
-          /*.paragraph {
-            width: 100%;
-            display: flex;
-            flex-flow: column nowrap;
-            align-items: stretch;
-
-            .paragraph-c {
-              min-height: 300px;
-              background-color: white;
-              margin-bottom: 15px;
-              display: flex;
-              flex-flow: column nowrap;
-              align-items: stretch;
-
-              .qa {
-                margin-bottom: 0;
-
-                .qa-title {
-                  height: 80px;
-                  line-height: 80px;
-                  @include font-size-media-cframe(-4);
-                  font-weight: bold;
-                  margin-left: 15px;
-                }
-
-                .qa-line {
-                  margin-left: 0;
-                  margin-top: 30px;
-                }
-
-                .qa-content {
-                  width: calc(90% - 30px);
-                  float: left;
-                  padding-left: 15px;
-                  padding-right: 15px;
-                  padding-bottom: 5px;
-                }
-
-                .qa-mark {
-                  text-align: right;
-                  padding-top: 0;
-                  padding-right: 15px;
-                  width: calc(10% - 15px);
-                  float: left;
-
-                  .el-button {
-                    background: #FFA111;
-                    border-color: #FFA111;
-
-                    &:hover, &:active {
-                      background: #F09810;
-                      border-color: #F09810;
-                    }
-                  }
-                }
-              }
-            }
-          }*/
-          @include mta-c-paragraph(1);
-
-          img {
-            max-width: 700px;
-            @include mediaMax(large) {
-              max-width: 600px;
-            }
-            @include mediaMax(small) {
-              max-width: 500px;
-            }
-
-          }
-        }
-      }
-    }
-  }
-  .mta-cuoti-page--tabs .el-tabs__header {
-    margin: 0 0 0px;
-  }
-  .mta-cuoti-page--tabs .el-tabs__item {
-    height: 50px;
-    line-height: 50px;
-  }
-
-  //  describe: 证书管理list author: Wgy date:2019-11-29 /* 完成 */
-  .mta-certificate {
-    // 容器外侧margin限定
-   /* @extend %mta-wrap;
-    // 查询lable
-    @include mta-c-label;
-    // 查询select 选择容器
-    @include mta-select-wrap;
-    // 查询input 选择容器
-    @include mta-select-input-wrap;
-    // 日历组件
-    @include mta-data-wrap;
-
-    // 查询宽度 input 第一列宽度
-    @include search-input-first-row;*/
-
-    // 主体 list
-    @include mta-c-main-card-wrap(400px, 0);
-
-    // 遮罩 后高度 媒体响应式联动计算
-    &.showMore {
-      // 主体容器 高度 + card
-      @include mta-c-main-card-wrap(370px, 120px);
-      @include mediaMax(large) {
-        @include mta-c-main-card-wrap(360px, 108px);
-      }
-      @include mediaMax(small) {
-        @include mta-c-main-card-wrap(350px, 99px);
-      }
-    }
-  }
-
-  //  describe: 公告管理list author: Wgy date:2019-11-29 /* 完成 */
-  .mta-noticeManagement {
-    // 容器外侧margin限定
-    @extend %mta-wrap;
-    // 日历组件
-    @include mta-data-wrap;
-    // 查询lable
-    @include mta-c-label;
-
-    // 查询宽度 input 第一列宽度
-    @include search-input-first-row;
-
-    // 主体 table
-    @include mta-c-main-card-wrap2(420px, 0);
-    .mta-c-main-lists {
-      margin-top:0;
-    }
-    // 内容：table body区域
-    .mta-table-content {
-      margin: 0 30px 0 0;
-
-      @include mediaMax(large) {
-        margin: 0 30px 0 0;
-      }
-
-      @include mediaMax(small) {
-        margin: 0 30px 0 0;
-      }
-    }
-  }
-
-  //  describe: 公告详情 author: Wgy date:2019-11-29
-  .mta-c-notice-page {
-    // 容器外侧margin限定
-    @extend %mta-wrap;
-
-    .mta-notice-page {
-      padding: 30px 10px 30px 50px;
-      height: calc(100vh - 270px);
-      text-align: left;
-
-      h3 {
-        margin-bottom: 0;
-        text-align: center;
-      }
-
-      h5 {
-        color: #999;
-        margin-top: 15px;
-        margin-bottom: 25px;
-        text-align: center;
-      }
-
-      div {
-        @include font-size-media-cframe(-6);
-        text-align: justify;
-        line-height: 2;
-
-        img {
-          max-width: 1280px;
-          height: auto;
-        }
-
-        p {
-          text-align: left;
-        }
-      }
-    }
-
-  }
-
-  /*****author: TX  describe:考试中心*****/
-  /* 完成 */
-  .mta-c-kaoshi-management {
-
-    // 搜索条件lable
-    //@include mta-c-label;
-
-    // 查询input 选择容器
-    @include mta-select-input-wrap;
-
-    // 查询 nav
-    //@include mta-search-nav-area;
-
-    //考试须知弹窗
-    @include mta-c-notice;
-
-    // 清理浮动
-    @include mta-c-clearFix;
-
-    // 主体容器 高度 + card
-    @include mta-c-main-card-wrap(385px, 0);
-
-    // 遮罩 后高度 媒体响应式联动计算
-    &.showMore {
-      // 主体容器 高度 + card
-      @include mta-c-main-card-wrap(360px, 108px);
-      @include mediaMax(large) {
-        @include mta-c-main-card-wrap(352px, 100px);
-      }
-      @include mediaMax(small) {
-        @include mta-c-main-card-wrap(346px, 94px);
-      }
-    }
-
-    // 查询宽度 input 第一列宽度
-    @include search-input-first-row;
-
-    // 查询导航
-    @include mta-c-search-nav;
-
-    .mta-first-row {
-      display: flex;
-      flex-direction: row;
-
-      .mta-c-kaoshi-select-input {
-        @extend %page-margin;
-        width: 180px;
-      }
-    }
-
-    .mta-two-row {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-
-    }
-
-    //弹窗样式
-    .el-dialog__body {
-      overflow: auto;
-    }
-
-  }
-
-  //  describe: 考试中心Exam。vue author: Wgy date:2019-12-02
-  .st-exam {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-flow: column nowrap;
-    align-items: stretch;
-    font-family: PingFangSC-Regular;
-
-    .c-breadcrumb-box{
-      margin-bottom: 8px;
-      @media screen and (max-width: 1600px){
-        margin-bottom: 8px;
-      }
-      @media screen and (max-width: 1440px) {
-        margin-bottom: 8px;
-      }
-    }
-    .exam-t {
-      height: 26px;
-      border-radius: 10px;
-      margin: 8px 15px 0 15px;
-      padding: 0;
-      text-align: center;
-      font-weight: bold;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      @include font-size-media-cframe(3);
-    }
-
-    .m-c {
-      margin: 0 auto;
-      width: $screen-limit-width;
-      height: calc(100vh - 220px);
-
-      .exam-container {
-        width: 100%;
-        height: calc(100% - 90px);
-        display: flex;
-        flex-flow: row nowrap;
-        align-items: stretch;
-        background: #fff;
-        border-radius: 0 0 5px 5px;
-
-        .el-button--default:focus, .el-button--default:hover{
-          @include setThemeColorBase("color", 1);
-          @include setThemeColorBase('background-color', -4);
-          @include setThemeColorBase('border-color', -2);
-        }
-        .exam-area-border {
-          width: 80%;
-          height: calc(100% - 20px);
-          margin: 15px;
-          border: 1px solid #CCC;
-          background-color: #F0F0F0;
-          border-radius: 10px;
-          overflow: hidden;
-
-          .exam-area {
-            height: calc(100vh - 340px);
-
-            /*.paragraph {
-              width: 100%;
-              display: flex;
-              flex-flow: column nowrap;
-              align-items: stretch;
-
-              .paragraph-t {
-                height: 48px;
-                line-height: 48px;
-                text-align: left;
-                padding-left: 30px;
-                color: #333;
-                letter-spacing: 2px;
-                border-radius: 10px 10px 0 0;
-              }
-
-              .paragraph-c {
-                min-height: 300px;
-                background-color: white;
-                border-radius: 0 0 10px 10px;
-                padding: 15px;
-                margin-bottom: 15px;
-                display: flex;
-                flex-flow: column nowrap;
-                align-items: stretch;
-
-                .qa {
-                  margin-bottom: 0;
-
-                  .qa-title {
-                    height: 80px;
-                    line-height: 80px;
-                    //@include setFontBase(-3);
-                    @include font-size-media-cframe(-3);
-                    font-weight: bold;
-                    margin-left: 15px;
-                  }
-
-                  .qa-line {
-                    margin-left: 0;
-                    margin-top: 30px;
-                  }
-
-                  .qa-content {
-                    width: calc(90% - 15px);
-                    float: left;
-                    padding-left: 15px;
-                    padding-bottom: 5px;
-                  }
-
-                  .qa-mark {
-                    text-align: center;
-                    padding-top: 0;
-                    padding-right: 0;
-                    width: calc(10% - 15px);
-                    float: left;
-
-                    .el-button {
-                      background: #FFA111;
-                      border-color: #FFA111;
-                      @include font-size-media-cframe(-5);
-
-                      &:hover, &:active {
-                        background: #F09810;
-                        border-color: #F09810;
-                      }
-                    }
-                  }
-                }
-              }
-
-              .paragraph-btns {
-                text-align: center;
-              }
-            }*/
-            @include mta-c-paragraph(2);
-
-            img {
-              max-width: 700px;
-
-              @include mediaMax(large) {
-                max-width: 600px;
-              }
-              @include mediaMax(small) {
-                max-width: 500px;
-              }
-            }
-          }
-        }
-
-        .answer-paper-area-border {
-          width: 20%;
-          height: calc(100% - 20px);
-          margin: 15px;
-          border: 1px solid #CCC;
-          border-radius: 10px;
-          display: flex;
-          flex-flow: column nowrap;
-          align-items: stretch;
-          position: relative;
-          overflow: hidden;
-
-          .clock {
-            margin-left: 10px;
-          }
-
-          .userShow {
-            @include font-size-media-cframe(-6);
-            margin: 24px 0 22px 24px;
-            @include mediaMax(large) {
-              margin: 20px 0 18px 24px
-            }
-            @include mediaMax(small) {
-              margin: 16px 0 14px 20px
-            }
-          }
-
-          .progress {
-            margin: 15px 30px 15px 10px;
-
-            .progress-number {
-              width: 100%;
-              text-align: center;
-              font-family: Arial;
-            }
-          }
-
-          .answer-card {
-            margin: 0 15px 0 15px;
-            height: calc(100% - 330px);
-            display: flex;
-            flex-flow: column nowrap;
-            align-items: stretch;
-            background-color: white;
-
-            @include mediaMax(large) {
-              height: calc(100% - 290px);
-            }
-            @include mediaMax(small) {
-              height: calc(100% - 240px);
-            }
-
-
-
-            .sperate-line {
-              clear: both;
-              width: 80%;
-              margin-top: 15px;
-              margin-left: 5%;
-              margin-bottom: 15px;
-            }
-
-            .answer-card-row {
-              .answer-card-title {
-                @include font-size-media-cframe(-6);
-                margin-left: 5px;
-                //margin-bottom: 15px;
-                min-height: 30px;
-                line-height: 30px;
-              }
-
-              .answer-block-hold {
-                width: 30px;
-                height: 30px;
-                float: left;
-                //margin-bottom: 15px;
-
-                .answer-block {
-                  @include font-size-media-cframe(-9);
-                  width: 20px;
-                  height: 20px;
-                  border-radius: 3px;
-                  margin-left: 5px;
-                  margin-right: 5px;
-                  transition: all 0.2s;
-                }
-
-                .answer-block:hover {
-                  width: 22px;
-                  height: 22px;
-                  margin-left: 4px;
-                  margin-right: 4px;
-                  margin-top: -1px;
-                  box-shadow: -1px -1px 3px #89A0FF;
-                  transform: rotate(180deg);
-                }
-
-
-                .answer-block-mark {
-                  color: white;
-                  background-color: #FFA111;
-                  border: 1px solid #FFA111;
-                  box-shadow: 1px 1px 3px #FEA111;
-                }
-
-                .answer-block-mark:hover {
-                  background-color: #FFA111;
-                }
-
-                .answer-block-init {
-                  background-color: white;
-                  border: 1px solid #CCC;
-                  box-shadow: 1px 1px 3px #CCC;
-                }
-              }
-
-            }
-          }
-
-          .buttons {
-            padding: 15px 0;
-            margin: 0;
-            text-align: center;
-            position: absolute;
-            bottom: 0;
-            width: 100%;
-            background: #fff;
-          }
-        }
-      }
-    }
-
-    .el-progress-bar__outer {
-      background-color: #F0F0F0;
-    }
-
-    .el-progress-bar__innerText {
-      margin-top: -4px;
-    }
-
-    .hide {
-      display: none;
-    }
-
-  }
-  .mta-lianxi-page.st-exam {
-
-    .m-c {
-
-      .exam-container {
-
-        .answer-paper-area-border {
-
-          .answer-card {
-            height: 100%;
-          }
-        }
-      }
-    }
-
-    .span_has_p {
-      p, h1, h2 {
-        margin: 0;
-      }
-    }
-
-  }
-  /*****author: TX  describe:登录*****/
-  .mta-c-login {
-    display: flex;
-    justify-content: space-between;
-    flex-direction: row;
-    width: 100vw;
-    height: 100vh;
-    line-height: 0;
-
-    .demo-ruleForm3 {
-      margin-left: -20px;
-    }
-
-    .mta-login-left {
-      width: 60%;
-      flex: 1;
-    }
-
-    .mta-login-right {
-      width: 40%;
-      display: flex;
-      text-align: center;
-      background: rgba(255, 255, 255, 1);
-      min-width: 600px;
-
-      .mta-login-content {
-        opacity: 1;
-        background: rgba(255, 255, 255, 1);
-        //padding: 120px 22px;
-        min-width: 85%;
-
-        @include mediaMax(large) {
-          //padding: 40px 22px;
-        }
-        @include mediaMax(small) {
-          //padding: 30px 22px;
-        }
-
-      }
-
-      .mta-login-title {
-        p {
-          margin: 20px 0 120px 10px;
-          @include setFontBase(31);
-          letter-spacing: 5px;
-          line-height: 56px;
-
-          @include mediaMax(large) {
-            @include setFontBase(21);
-            margin: 20px 0 80px 10px;
-            line-height: 44px;
-          }
-          @include mediaMax(small) {
-            @include setFontBase(11);
-            margin: 20px 0 50px 10px;
-            line-height: 34px;
-          }
-        }
-      }
-
-      .logo-box {
-        //width: 400px;
-        height: auto;
-        max-height: 180px;
-        margin: 0 0 30px 0;
-        overflow: hidden;
-
-        img {
-          max-width: 100%;
-          max-height: 100%;
-        }
-      }
-    }
-
-    .mta-ModelLoginBg {
-      position: absolute;
-      left: 0;
-      right: 0;
-      top: 0;
-      bottom: 0;
-      z-index: -1;
-      overflow: hidden;
-      background-repeat: no-repeat;
-      background-position-x: left;
-      background-position-y: center;
-      background-size: 100% 100%;
-
-      img {
-        width: 100%;
-        height: 100%;
-      }
-    }
-
-    .verification {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-
-      .el-button {
-        margin-left: 20px;
-      }
-
-    }
-
-    //右侧div表格
-    .el-form.login-ruleForm {
-      flex: 1;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
-
-    .nc-container {
-      width: calc(100% - 80px);
-      margin: 0 0 20px 80px;
-
-      > div {
-        width: auto !important;
-      }
-
-    }
-
-    .login-ruleForm {
-      .el-form-item {
-        width: 90%;
-        margin-bottom: 30px;
-
-        .el-input {
-          .el-input__inner {
-            color: #333;
-            //font-size: 18px;
-            //@include setFontBase(-1);
-            @include font-size-media-cframe(-1);
-            margin-left: 5px;
-            padding-left: 50px;
-            background: transparent;
-            border: 0;
-            border-radius: 0;
-            border-bottom: 1px solid #0D0D0D;
-
-            ::-webkit-input-placeholder {
-              color: #666;
-            }
-          }
-
-          .el-input__prefix {
-            // font-size: 22px;
-            // @include setFontBase(3);
-            @include font-size-media-cframe(3);
-            padding: 0 10px;
-            color: #FFF;
-            height: 100%;
-            background: #FFF;
-          }
-
-          .el-input__icon {
-            width: 26px;
-          }
-        }
-      }
-
-      .el-form-item.is-success .el-input__inner {
-        border-color: #75C653;
-      }
-
-      .el-form-item.is-error .el-input__inner {
-        border-color: #F5859A;
-      }
-
-      .el-form-item__error {
-        margin-left: 50px;
-        //font-size: 14px;
-        //@include setFontBase(-5);
-        @include font-size-media-cframe(-5);
-      }
-
-      label.el-form-item__label, span.el-checkbox__label {
-        color: #FFF;
-      }
-
-      label.el-checkbox {
-        padding: 12px 16px;
-      }
-
-      .mta-login-check {
-        margin-top: 40px;
-
-        .el-button {
-          margin-left: 0;
-          width: 300px;
-          //font-size: 20px;
-          //@include setFontBase(1);
-          @include font-size-media-cframe(1);
-          letter-spacing: 5px;
-        }
-      }
-
-      .mta-login-btns {
-        width: 300px;
-        margin: 0 auto;
-
-        > div:first-child {
-          text-align: left;
-
-          .el-button {
-            padding: 20px 0 20px 10px;
-            text-decoration: underline;
-          }
-        }
-
-        > div:last-child {
-          text-align: right;
-
-          .el-button {
-            padding: 20px 10px 20px 0;
-            text-decoration: underline;
-          }
-        }
-
-      }
-
-      .el-form-item__label {
-        text-align: left;
-      }
-
-
-      .el-icon-user-solid:before {
-        background: url("../../../assets/images/icons/fa-c-login.svg");
-        content: '';
-        width: 22px;
-        height: 22px;
-        display: block;
-        margin-top: 8px;
-        color: #FFF;
-      }
-
-      .el-icon-lock:before {
-        background: url("../../../assets/images/icons/fa-c-passIcon.svg");
-        content: '';
-        width: 22px;
-        height: 22px;
-        display: block;
-        margin-top: 8px;
-        color: #FFF;
-      }
-
-      input:-webkit-autofill,
-      input:-webkit-autofill:hover,
-      input:-webkit-autofill:focus,
-      input:-webkit-autofill:active {
-        -webkit-transition-delay: 9999999999999s;
-        -webkit-transition: color 9999999999999s ease-out, background-color 999999999999s ease-out;
-      }
-
-      .el-icon-user-solid::before, .el-icon-lock::before {
-        width: 26px;
-        height: 26px;
-      }
-    }
-
-    .p-ips-red {
-      //@include setFontBase(-5);
-      @include font-size-media-cframe(-6);
-      margin-left: 25px;
-      color: red;
-      line-height: 14px;
-      @include mediaMax(large) {
-        line-height: 12px;
-      }
-      @include mediaMax(small) {
-        line-height: 10px;
-      }
-    }
-
-    .p-ips-ml {
-      margin-left: 47px;
-    }
-  }
-
-  /*****author: TX  describe:注册*****/
-  .mta-Register {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    background: #F2F2F2;
-    height: 100vh;
-
-    .nc-container {
-      width: calc(100% - 100px);
-      margin: 0 0 20px 100px;
-    }
-
-    .verification {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-
-      .el-button {
-        margin-left: 20px;
-      }
-
-    }
-
-    .RegisterTop {
-      height: 80px;
-      line-height: 80px;
-      padding: 0 12%;
-
-      > p {
-        display: inline-block;
-        margin: 10px auto;
-
-        > img {
-          width: 100px;
-          max-height: 60px;
-        }
-      }
-    ;
-    }
-
-    .mta-R-wrap {
-      background: #FFF;
-      flex: 1;
-      border-radius: 5px;
-      padding: 30px 50px;
-      /*margin: 3% 14%;*/
-      display: flex;
-      flex-direction: column;
-      margin: 40px auto;
-      width: 600px;
-      min-width: 600px;
-
-      > h1 {
-        text-align: center;
-        color: #333;
-        //font-size: 24px;
-        //@include setFontBase(5);
-        @include font-size-media-cframe(5);
-        margin-bottom: 40px;
-      }
-
-      .dialog-footer {
-        text-align: center;
-      }
-
-      .el-button--primary {
-        padding: 10px 50px;
-      }
-
-      .el-table {
-        flex: 1;
-      }
-
-      .el-pagination {
-        margin-top: 15px;
-      }
-
-      .el-autocomplete {
-        margin-right: 20px;
-      }
-
-      .el-select {
-        width: 100%;
-      }
-    }
-
-    //注册
-    .Set_password {
-      margin-left: 100px;
-      margin-bottom: 20px;
-      background: #D7D7D7;
-      color: #FFF;
-      display: flex;
-
-      span {
-        text-align: center;
-        display: inline-block;
-        height: 26px;
-        line-height: 26px;
-        color: #FFF;
-        //font-size: 14px;
-        //@include setFontBase(-5);
-        @include font-size-media-cframe(-5);
-        flex: 1
-      }
-
-      .high {
-        background: #6C6;
-      }
-
-      .medium {
-        background: #F90;
-        flex: 2;
-      }
-
-      .low {
-        background: #F33;
-      }
-    }
-
-    .accounts {
-      display: flex;
-      text-align: right;
-      color: #FFF;
-      text-decoration: underline;
-      cursor: pointer;
-      float: right;
-      @include font-size-media-cframe(-5);
-
-      span {
-        color: #FE990C;
-      }
-
-    }
-
-  }
-
-  /*****author: TX  describe:首页*****/
-  /* 完成 */
-  .mta-index  {
-    width: 100%;
-    min-width: $screen-limit-width;
-    height: calc(100vh - 60px);
-    //height: auto;
-
-    // 考试须知
-    @include mta-c-notice;
-    // 清理浮动
-    @include mta-c-clearFix;
-
-    .mta-index-warp {
-      margin: -480px auto 30px;
-      border-radius: 5px;
-      min-width: $screen-limit-width;
-      width: $screen-limit-width;
-      //background-color: white;
-      .index-el-box {
-        background: #fff;
-        padding-top: 50px;
-        margin-top: -30px;
-      }
-
-      //最新考试
-      .mta-lists-content {
-        display: flex;
-        justify-content: flex-start;
-        flex-direction: row;
-        flex-wrap: wrap;
-        padding: 0 8px;
-
-        .mta-kaoshi-card {
-          width: 300px;
-          margin: 0 15px;
-        }
-
-        .mta-kaoshi-default {
-          margin-left: 15px;
-          transition: all 0.3s;
-
-          .examImage {
-            width: 260px;
-            height: 283px;
-            overflow: hidden;
-          }
-        }
-
-        .mta-kaoshi-default:hover {
-          cursor: pointer;
-          transform: translateY(-10px);
-        }
-      }
-      // 每日一练
-      .mta-lists-lianxi-content {
-        display: flex;
-        justify-content: flex-start;
-        flex-direction: row;
-        flex-wrap: wrap;
-        padding: 0 8px;
-
-        .mta-lianxi-card {
-          width: 300px;
-          margin: 0 15px;
-        }
-
-        .mta-lianxi-default {
-          margin:0 auto;
-          transition: all 0.3s;
-
-          .lianxiImage {
-            width: 260px;
-            height: 250px;
-            overflow: hidden;
-          }
-        }
-
-        .mta-lianxi-default:hover {
-          cursor: pointer;
-          transform: translateY(-10px);
-        }
-      }
-      // 最热课程
-      .mta-lists-kecheng-content {
-        display: flex;
-        justify-content: flex-start;
-        flex-direction: row;
-        flex-wrap: wrap;
-        padding: 0 8px;
-
-        .mta-kecheng-card {
-          width: 300px;
-          margin: 0 15px;
-        }
-
-        .mta-kecheng-default {
-          margin:0 auto;
-          transition: all 0.3s;
-
-          .kechengImage {
-            width: 260px;
-            height: 250px;
-            overflow: hidden;
-          }
-        }
-
-        .mta-kecheng-default:hover {
-          cursor: pointer;
-          transform: translateY(-10px);
-        }
-      }
-      // 最新考试 培训 首页
-      .mta-lists-kaoshi-content {
-        display: flex;
-        justify-content: flex-start;
-        flex-direction: row;
-        flex-wrap: wrap;
-        padding: 0 8px;
-
-        .mta-kaoshi-card {
-          width: 300px;
-          margin: 0 15px;
-        }
-
-        .mta-kaoshi-default {
-          margin:0 auto;
-          transition: all 0.3s;
-
-          .kaoshiImage {
-            width: 260px;
-            height: 250px;
-            overflow: hidden;
-          }
-        }
-
-        .mta-kaoshi-default:hover {
-          cursor: pointer;
-          transform: translateY(-10px);
-        }
-      }
-      //用户信息
-      .information-box {
-        width: min-content;
-        max-width: 1200px;
-        min-width: 850px;
-        min-height: 80px;
-        margin: 0 auto;
-        background: #FFF;
-        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
-        border-radius: 8px;
-        padding: 30px;
-        position: relative;
-        //IE11兼容
-        @media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
-          width: 1000px;
-        }
-
-        .in-box-left {
-          margin: 0 5px;
-          width: 100px;
-          text-align: center;
-          float: left;
-
-          .indexImage {
-            width: 75px;
-            height: 75px;
-            border-radius: 6px;
-            overflow: hidden;
-          }
-        }
-
-        .in-box-right {
-          min-width: 875px;
-          margin: 0 5px;
-          margin-left: 120px;
-          // font-size: 18px;
-          // @include setFontBase(-1);
-          @include font-size-media-cframe(-1);
-          color: #333;
-          cursor: default;
-
-
-          .el-div {
-            display: inline-block;
-            min-width: 200px;
-            height: 40px;
-            line-height: 40px;
-            padding-right: 10px;
-
-          }
-        }
-      }
-
-      //自主练习
-      .notice-box {
-        margin-right: 16px;
-
-        .notice-warp {
-          height: 140px;
-          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
-          border-radius: 8px;
-          padding: 30px;
-
-          .notice-left {
-            width: 200px;
-            height: 136px;
-            float: left;
-
-            .noticeImage {
-              width: 180px;
-              height: 136px;
-              border-radius: 8px;
-              overflow: hidden;
-
-            }
-          }
-
-          .notice-right {
-            ul {
-              margin: 8px 0;
-              margin-left: 210px;
-
-              li {
-                color: #333;
-                // font-size: 16px;
-                // @include setFontBase(-3);
-                @include font-size-media-cframe(-3);
-                line-height: 30px;
-                height: 30px;
-                text-overflow: ellipsis;
-                white-space: nowrap;
-                overflow: hidden;
-              }
-
-              li:before {
-                content: "";
-                display: inline-block;
-                width: 10px;
-                height: 10px;
-                background-color: #848484;
-                border-radius: 50%;
-                margin-right: 8px;
-              }
-
-              li.active, li:hover {
-                //color: #2D6BFF;
-                @include setThemeColorBase('color', 1);
-                cursor: pointer;
-              }
-
-              li.active:before, li:hover:before {
-                //background: #2D6BFF;
-                @include setThemeColorBase('background', 1);
-              }
-              .mta-notice-unread-li:before{
-                background-color: #FF5448;
-              }
-              .mta-notice-read-li:before{
-                background-color: #848484;
-              }
-
-              .mta-notice-unread-li.active:before, .mta-notice-unread-li:hover:before {
-                background-color: #FF5448!important;
-              }
-
-              .mta-notice-read-li.active:before, .mta-notice-read-li:hover:before {
-                background-color: #848484!important;
-              }
-            }
-          }
-        }
-        //公告数字图标
-        .notice-index-icon{
-          background: #FF5551;
-          display: inline-block;
-          width: auto;
-          height: auto;
-          position: absolute;
-          top: 0px;
-          left: 20px;
-          border-radius: 8px;
-          padding: 0 3px;
-
-          em {
-            min-width: 8px;
-            display: inherit;
-            font-size: 12px;
-            border-radius: 6px;
-            text-align: center;
-            color: #fff;
-            font-style: normal;
-            font-family: Arial,"PingFang SC","Microsoft YaHei";
-            font-weight: normal;
-            line-height: 14px;
-          }
-        }
-      }
-
-      .practice-box {
-        margin-right: 0;
-        margin-left: 16px;
-      }
-    }
-
-    .circular {
-      display: inline-block;
-      height: 10px;
-      width: 10px;
-      border-radius: 50%;
-      //background-color: #2196F5;
-      @include setThemeColorBase('background-color', 1);
-      margin-right: 5px;
-    }
-
-    //bannner
-    .index-banner {
-      width: 100%;
-      height: 557px;
-      //position: relative;
-      overflow: hidden;
-      background-position: center;
-
-      //自动缩放
-      background-repeat: no-repeat;
-      background-position-x: center;
-      background-position-y: top;
-      background-size: 100% 100%;
-    }
-
-    //index标题
-    .index-title {
-      width: 100%;
-      margin: 0 15px 24px;
-      color: #333;
-      height: 35px;
-      line-height: 35px;
-
-      @include mediaMax(large) {
-        margin: 0 $base-size * 1.3 $base-size * 2;
-      }
-
-      @include mediaMax(small) {
-        margin: 0 $base-size * 1 $base-size * 1.8;
-      }
-
-      span {
-        float: left;
-        //font-size: 24px;
-        @include font-size-media-cframe(5);
-        color: #333;
-      }
-
-      a {
-        float: right;
-        //font-size: 20px;
-        @include font-size-media-cframe(1);
-
-        cursor: pointer;
-
-        i {
-          width: 11px;
-          height: 11px;
-          background-image: url("../../../assets/images/client/more-icon.svg");
-          float: right;
-          margin-top: 12px;
-          margin-left: 10px;
-          -webkit-background-size: cover;
-          background-size: cover;
-        }
-      }
-
-
-      i {
-        width: 32px;
-        height: 32px;
-        float: left;
-        margin-right: 16px;
-        margin-top: 1px;
-        -webkit-background-size: cover;
-        background-size: cover;
-        @include mediaMax(large) {
-          width: $width-base * 3;;
-          height: $height-base * 3;;
-          float: left;
-          margin-right: $base-size * 1.4;
-          margin-top: 1px;
-        }
-        @include mediaMax(small) {
-          width: $width-base * 2.8;;
-          height: $height-base * 2.8;;
-          float: left;
-          margin-right: $base-size * 1.2;
-          margin-top: 1px;
-        }
-      }
-
-      .exam {
-        background-image: url("../../../../public/img/client/exam-icon.svg");
-      }
-      .kecheng {
-        background-image: url("../../../../public/img/client/kecheng-icon.svg");
-      }
-      .notice {
-        background-image: url("../../../../public/img/client/notice-icon.svg");
-      }
-
-      .practice {
-        background-image: url("../../../../public/img/client/practice-icon.svg");
-      }
-    }
-
-    .notice-title {
-      margin-left: 0;
-    }
-
-    .notice-row {
-      padding: 0 0 60px;
-    }
-
-    .el-dialog__body {
-      overflow: auto;
-    }
-  }
-
-  /*****author: WGY describe:首页*****/
-  /* 复制TX */
-  .mta-index-peixun  {
-    width: 100%;
-    min-width: $screen-limit-width;
-    height: calc(100vh - 60px);
-    //height: auto;
-
-    // 考试须知
-    @include mta-c-notice;
-    // 清理浮动
-    @include mta-c-clearFix;
-
-    .mta-index-warp {
-      margin: 20px auto 30px;
-      border-radius: 5px;
-      min-width: $screen-limit-width;
-      width: $screen-limit-width;
-      //background-color: white;
-      .index-el-box {
-        background: #fff;
-        padding: 32px 32px 0;
-        margin-top: 20px;
-        border-radius: 8px;
-      }
-
-      //最新考试
-      .mta-lists-content {
-        display: flex;
-        justify-content: flex-start;
-        flex-direction: row;
-        flex-wrap: wrap;
-        padding: 0 8px;
-
-        .mta-kaoshi-card {
-          width: 300px;
-          margin: 0 20px 20px 10px;
-        }
-
-        .mta-kaoshi-default {
-          margin-left: 15px;
-          transition: all 0.3s;
-
-          .examImage {
-            width: 260px;
-            height: 283px;
-            overflow: hidden;
-          }
-        }
-
-        .mta-kaoshi-default:hover {
-          cursor: pointer;
-          transform: translateY(-10px);
-        }
-      }
-      // 每日一练
-      .mta-lists-lianxi-content {
-        display: flex;
-        justify-content: flex-start;
-        flex-direction: row;
-        flex-wrap: wrap;
-        margin-right: -34px;
-        min-height: 265px;
-
-        .mta-lianxi-card {
-          width: 300px;
-          margin: 0 20px 20px 10px;
-        }
-
-        /*.mta-lianxi-default {
-          margin:0 auto;
-          transition: all 0.3s;
-
-          .lianxiImage {
-            width: 260px;
-            height: 250px;
-            overflow: hidden;
-          }
-        }
-
-        .mta-lianxi-default:hover {
-          cursor: pointer;
-          transform: translateY(-10px);
-        }*/
-      }
-      // 最热课程
-      .mta-lists-kecheng-content {
-        display: flex;
-        justify-content: flex-start;
-        flex-direction: row;
-        flex-wrap: wrap;
-        margin-right: -34px;
-        min-height: 265px;
-
-        .mta-kecheng-card {
-          width: 300px;
-          margin: 0 20px 20px 10px;
-        }
-      }
-      .mta-kecheng-default {
-        margin:20px auto;
-        text-align: center;
-        .kechengImage {
-          /*width: 260px;
-          height: 250px;*/
-          max-width: 100%;
-          overflow: hidden;
-        }
-        .kechengText{
-          text-align:center;
-          color: #999;
-          font-size: 20px;
-          margin-top: 15px;
-          font-weight: normal;
-        }
-      }
-      // 最新考试 培训 首页
-      .mta-lists-kaoshi-content {
-        display: flex;
-        justify-content: flex-start;
-        flex-direction: row;
-        flex-wrap: wrap;
-        margin-right: -34px;
-        min-height: 265px;
-
-        .mta-kaoshi-card {
-          width: 300px;
-          margin: 0 20px 20px 10px;
-        }
-
-        /*.mta-kaoshi-default {
-          margin:0 auto;
-          text-align: center;
-
-          .kaoshiImage {
-            max-width: 100%;
-          }
-        }*/
-      }
-      //用户信息
-      .information-box {
-        width: min-content;
-        max-width: 1200px;
-        min-width: 850px;
-        min-height: 80px;
-        margin: 0 auto;
-        background: #FFF;
-        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
-        border-radius: 8px;
-        padding: 30px;
-        position: relative;
-        //IE11兼容
-        @media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
-          width: 1000px;
-        }
-
-        .in-box-left {
-          margin: 0 5px;
-          width: 100px;
-          text-align: center;
-          float: left;
-
-          .indexImage {
-            width: 75px;
-            height: 75px;
-            border-radius: 6px;
-            overflow: hidden;
-          }
-        }
-
-        .in-box-right {
-          min-width: 875px;
-          margin: 0 5px;
-          margin-left: 120px;
-          // font-size: 18px;
-          // @include setFontBase(-1);
-          @include font-size-media-cframe(-1);
-          color: #333;
-          cursor: default;
-
-
-          .el-div {
-            display: inline-block;
-            min-width: 200px;
-            height: 40px;
-            line-height: 40px;
-            padding-right: 10px;
-
-          }
-        }
-      }
-
-      //自主练习
-      .notice-box {
-        margin-right: 16px;
-
-        .notice-warp {
-          height: 140px;
-          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
-          border-radius: 8px;
-          padding: 30px;
-
-          .notice-left {
-            width: 200px;
-            height: 136px;
-            float: left;
-
-            .noticeImage {
-              width: 180px;
-              height: 136px;
-              border-radius: 8px;
-              overflow: hidden;
-
-            }
-          }
-
-          .notice-right {
-            ul {
-              margin: 8px 0;
-              margin-left: 210px;
-
-              li {
-                color: #333;
-                // font-size: 16px;
-                // @include setFontBase(-3);
-                @include font-size-media-cframe(-3);
-                line-height: 30px;
-                height: 30px;
-                text-overflow: ellipsis;
-                white-space: nowrap;
-                overflow: hidden;
-              }
-
-              li:before {
-                content: "";
-                display: inline-block;
-                width: 10px;
-                height: 10px;
-                background-color: #848484;
-                border-radius: 50%;
-                margin-right: 8px;
-              }
-
-              li.active, li:hover {
-                //color: #2D6BFF;
-                @include setThemeColorBase('color', 1);
-                cursor: pointer;
-              }
-
-              li.active:before, li:hover:before {
-                //background: #2D6BFF;
-                @include setThemeColorBase('background', 1);
-              }
-              .mta-notice-unread-li:before{
-                background-color: #FF5448;
-              }
-              .mta-notice-read-li:before{
-                background-color: #848484;
-              }
-
-              .mta-notice-unread-li.active:before, .mta-notice-unread-li:hover:before {
-                background-color: #FF5448!important;
-              }
-
-              .mta-notice-read-li.active:before, .mta-notice-read-li:hover:before {
-                background-color: #848484!important;
-              }
-            }
-          }
-        }
-        //公告数字图标
-        .notice-index-icon{
-          background: #FF5551;
-          display: inline-block;
-          width: auto;
-          height: auto;
-          position: absolute;
-          top: 0px;
-          left: 20px;
-          border-radius: 8px;
-          padding: 0 3px;
-
-          em {
-            min-width: 8px;
-            display: inherit;
-            font-size: 12px;
-            border-radius: 6px;
-            text-align: center;
-            color: #fff;
-            font-style: normal;
-            font-family: Arial,"PingFang SC","Microsoft YaHei";
-            font-weight: normal;
-            line-height: 14px;
-          }
-        }
-      }
-
-      .practice-box {
-        margin-right: 0;
-        margin-left: 16px;
-      }
-    }
-
-    .circular {
-      display: inline-block;
-      height: 10px;
-      width: 10px;
-      border-radius: 50%;
-      //background-color: #2196F5;
-      @include setThemeColorBase('background-color', 1);
-      margin-right: 5px;
-    }
-
-    //bannner
-    .index-banner {
-      width: 100%;
-      height: 250px;
-      overflow: hidden;
-      background-image: url("../../../assets/images/client/c-peixun-banner.png");
-      //自动缩放
-      background-repeat: no-repeat;
-      background-position-x: center;
-      background-position-y: top;
-    }
-
-    //index标题
-    .index-title {
-      width: 100%;
-      margin-bottom: 16px;
-      margin-right: 30px;
-      color: #333;
-      height: 33px;
-      line-height: 33px;
-
-      span {
-        float: left;
-        //font-size: 24px;
-        @include font-size-media-cframe(1);
-        color: #333;
-      }
-
-      a {
-        float: right;
-        //font-size: 20px;
-        @include font-size-media-cframe(1);
-
-        cursor: pointer;
-
-        i {
-          width: 11px;
-          height: 11px;
-          background-image: url("../../../assets/images/client/more-icon.svg");
-          float: right;
-          margin-top: 12px;
-          margin-left: 10px;
-          -webkit-background-size: cover;
-          background-size: cover;
-        }
-      }
-      a:hover{
-        @include setThemeColorBase("color", 1);
-        i {
-          background-image: url("../../../assets/images/client/more-h-icon.svg");
-        }
-      }
-
-
-      i {
-        width: 32px;
-        height: 32px;
-        float: left;
-        margin-right: 16px;
-        margin-top: 1px;
-        -webkit-background-size: cover;
-        background-size: cover;
-        @include mediaMax(large) {
-          width: $width-base * 3;;
-          height: $height-base * 3;;
-          float: left;
-          margin-right: $base-size * 1.4;
-          margin-top: 1px;
-        }
-        @include mediaMax(small) {
-          width: $width-base * 2.8;;
-          height: $height-base * 2.8;;
-          float: left;
-          margin-right: $base-size * 1.2;
-          margin-top: 1px;
-        }
-      }
-
-      .exam {
-        background-image: url("../../../../public/img/client/exam-icon.svg");
-      }
-      .kecheng {
-        background-image: url("../../../../public/img/client/kecheng-icon.svg");
-      }
-      .notice {
-        background-image: url("../../../../public/img/client/notice-icon.svg");
-      }
-
-      .practice {
-        background-image: url("../../../../public/img/client/practice-icon.svg");
-      }
-    }
-
-    .notice-title {
-      margin-left: 0;
-    }
-
-    .notice-row {
-      padding: 0 0 60px;
-    }
-
-    .el-dialog__body {
-      overflow: auto;
-    }
-  }
-
-
-  /*****author: TX  describe:成绩*****/
-  /* 完成 */
-  .mta-scoreManagement {
-
-    // 容器外侧margin限定
-    @extend %mta-wrap;
-
-    // 日历组件
-    //@include mta-data-wrap;
-
-    // 查询lable
-    //@include mta-c-label;
-
-    // 查询select 选择容器
-    @include mta-select-wrap;
-
-    // 查询input 选择容器
-    @include mta-select-input-wrap;
-
-    // 主体容器 高度 + card
-    @include mta-c-main-card-wrap(400px, 0);
-
-    // 遮罩 后高度 媒体响应式联动计算
-    &.showMore {
-      // 主体容器 高度 + card
-      @include mta-c-main-card-wrap(252px, 120px);
-      @include mediaMax(large) {
-        @include mta-c-main-card-wrap(256px, 108px);
-      }
-      @include mediaMax(small) {
-        @include mta-c-main-card-wrap(260px, 98px);
-      }
-    }
-
-    // 查询宽度 input 第一列宽度
-    @include search-input-first-row;
-
-
-  }
-
-  /*****author: TX  describe:成绩-查看试卷-papers*****/
-  .mta-c-score-page {
-    @include font-size-media-cframe(-5);
-
-    .mta-cuoti-page--title {
-      text-align: center;
-
-      h3 {
-        height: 26px;
-        margin: 12px;
-        margin-bottom: 0;
-        padding: 10px;
-        text-align: center;
-        //font-size: 24px;
-        @include font-size-media-cframe(4);
-        font-weight: bold;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        width: calc(100% - 60px);
-      }
-    }
-
-    .mta-cuoti-page--tabs {
-      @extend %page-margin;
-      //$component-bg-color: rgba(60, 150, 255, 0.39);
-
-      .exam-area-border {
-        border: 1px solid #CCC;
-        margin-bottom: 24px;
-        border-radius: 10px;
-        overflow: hidden;
-        width:calc(1366px - 64px);
-
-        .exam-area {
-          height: calc(100vh - 325px);
-          /*.paragraph {
-            width: 100%;
-            display: flex;
-            flex-flow: column nowrap;
-            align-items: stretch;
-
-            .paragraph-t {
-              height: 48px;
-              line-height: 48px;
-              text-align: left;
-              padding-left: 30px;
-              color: #333;
-              letter-spacing: 2px;
-              border-radius: 10px 10px 0 0;
-            }
-
-            .paragraph-c {
-              min-height: 300px;
-              background-color: white;
-              border-radius: 0 0 10px 10px;
-              padding: 15px;
-              margin-bottom: 15px;
-              display: flex;
-              flex-flow: column nowrap;
-              align-items: stretch;
-
-              .qa {
-                margin-bottom: 0;
-
-                .qa-title {
-                  height: 80px;
-                  line-height: 80px;
-                  //@include setFontBase(-3);
-                  @include font-size-media-cframe(-3);
-                  font-weight: bold;
-                  margin-left: 15px;
-                }
-
-                .qa-line {
-                  margin-left: 0;
-                  margin-top: 30px;
-                }
-
-                .qa-content {
-                  width: calc(90% - 30px);
-                  float: left;
-                  padding-left: 15px;
-                  padding-right: 15px;
-                  padding-bottom: 5px;
-                }
-
-                .qa-mark {
-                  text-align: right;
-                  padding-top: 0;
-                  padding-right: 15px;
-                  width: calc(10% - 15px);
-                  float: left;
-                }
-              }
-            }
-          }*/
-          @include mta-c-paragraph(2);
-
-          img {
-            max-width: 700px;
-            @include mediaMax(large) {
-              max-width: 600px;
-            }
-            @include mediaMax(small) {
-              max-width: 500px;
-            }
-          }
-        }
-      }
-
-    }
-  }
-
-  /*****学分统计*****/
-  /* 完成 */
-  .mta-credManagement {
-    // 容器外侧margin限定
-    @extend %mta-wrap;
-    // 日历组件
-    @include mta-data-wrap;
-
-    // 主体 容器 + table
-    @include mta-c-main-card-wrap2(450px, 0);
-
-    // 查询宽度 input 第一列宽度
-    @include search-input-first-row;
-
-    // 总学分
-    .total {
-      margin: 20px 30px 10px;
-      @include font-size-media-cframe(-5);
-      font-weight: bolder;
-      color: #333;
-      @media screen and (max-width: 1600px)  {
-        margin: 20px 20px 10px 20px;
-      }
-      @media screen and (max-width: 1440px)  {
-        @include setFontBase(-6);
-      }
-    }
-
-  }
-
-  /*****课程中心-视频*****/
-  .c-px-section-info {
-    height: calc(100vh - 60px);
-    width: 100%;
-
-    .c-main {
-      box-sizing: border-box;
-      border-radius: 5px;
-      min-width: 1366px;
-      max-width: 1366px;
-      background-color: white;
-      padding: 32px 32px 0;
-      margin: 32px auto;
-      overflow: hidden;
-      min-height: calc(100vh - 174px);
-
-      .card-list-wxy7 {
-        min-height: calc(100vh - 406px);
-      }
-
-      .ml_32 {
-        margin-right: 32px;
-      }
-
-      .mt_16 {
-        margin-top: 16px;
-      }
-
-      .my-pagination-wxy6 {
-        margin: 0 auto 32px;
-        text-align: center;
-
-      }
-      .c-lesson-info{
-        h2{
-          margin: 0;
-          font-size: 16px;
-          margin-bottom: 8px;
-          color: #333;
-        }
-        .c-lesson-info-box{
-          font-size: 14px;
-          margin-bottom: 24px;
-          color: #666;
-        }
-      }
-      .c-lesson-h1{
-        color: #050505;
-        border-bottom: 1px solid #ccc;
-        height: 30px;
-        margin-top: 32px;
-        margin-bottom: 16px;
-        font-size: 16px;
-      }
-    }
-    .c-lesson-box{
-      .c-px-player-box{
-        height: calc(100vh - 320px);
-        display: flex;
-        justify-content: space-between;
-        position: relative;
-        .play-board{
-          width: 100%;
-          overflow: hidden;
-          border-radius: 8px 0 0 8px;
-          border: 1px solid #46464a;
-          box-sizing: border-box;
-          iframe{
-            width: calc(100% - 10px);;
-            height: 100vh;
-            border: 0;
-          }
-          .circular{
-            background: transparent;
-          }
-          //视频高度
-          .video-player{
-            .video-js{
-              height: calc(100vh - 322px);
-              .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
-                content: "\F115";
-                color: #545454;
-                font-size: 24px;
-                opacity: 0.7;
-              }
-            }
-          }
-        }
-      }
-
-      .menu-list{
-        width: 340px;
-        height: 100%;
-        background-color: #323335;
-        color: rgba(255, 255, 255, 0.7);
-        transition: all 0.9s;
-        cursor: pointer;
-        flex-shrink: 0;
-        position: relative;
-        padding: 24px 0 0;
-        box-sizing: border-box;
-        overflow: hidden;
-        border-radius: 0 8px 8px 0;
-        font-weight: normal;
-        .ps--active-y{
-          height: calc(100% - 20px);
-        }
-        .menu-list-ul{
-          margin: 0;
-          li{
-            display: flex;
-            justify-content: space-between;
-            padding: 8px 26px 8px 54px;
-            font-size: 14px;
-            span i{
-              width: 6px;
-              height: 6px;
-              display: inline-block;
-              background: #dad5d5;
-              border-radius: 5px;
-              margin-right: 8px;
-              vertical-align: middle;
-            }
-            .courseware-title{
-              width: auto;
-              overflow: hidden;
-              text-overflow: ellipsis;
-              white-space: nowrap;
-              margin-right: 10px;
-              display: inline-block;
-              vertical-align: middle;
-            }
-            .courseware-data{
-              flex-shrink: 0;
-            }
-          }
-          li.active{
-            @include setThemeColorBase("color", 0);
-            background: #46464a;
-            span i{
-              @include setThemeColorBase("background", 0);
-            }
-          }
-          li:hover{
-            background: #46464a;
-            color: #fff;
-            span i{
-              background: #fff;
-            }
-          }
-        }
-        h3{
-          margin: 0;
-          padding-left: 26px;
-          font-size: 16px;
-          margin-bottom: 10px;
-        }
-        .menu-chapter{
-          font-size: 14px;
-          color: #fff;
-          font-weight: normal;
-          border-top: 1px solid rgb(70, 70, 74);
-          padding: 8px 0;
-          margin: 0 26px;
-        }
-
-        .menu-section{
-          font-size: 14px;
-          color: rgba(255, 255, 255, 0.8);
-          font-weight: normal;
-          padding: 8px 20px 8px 34px;
-        }
-          }
-
-      //第一章不带线
-      .perfect-box div:first-of-type{
-        .menu-chapter:first-of-type{
-          border: 0;
-        }
-      }
-          .menu-icon{
-            display: block;
-            background-color: #46464a;
-            width: 20px;
-            height: 40px;
-            position: absolute;
-            top: 50%;
-            margin-top: -20px;
-            right: 320px;
-            z-index: 1000;
-            border-radius: 0 20px 20px 0;
-            transition: all 0.9s;
-            >i{
-              background-image: url("../../../assets/images/icons/px-arrow-right.svg");
-              width: 6px;
-              height: 12px;
-              background-repeat: no-repeat;
-              margin-top: 14px;
-              margin-left: 6px;
-              display: block;
-            }
-            >i.el-icon-tickets{
-              background-image: url("../../../assets/images/icons/px-arrow-left.svg");
-            }
-            >i:before{
-              content: "";
-            }
-          }
-      }
-    //分页
-    .c-section-el-pagination{
-      text-align: center;
-      padding: 14px;
-    }
-    .c-mta-discuss{margin-right: -20px;}
-    .c-discuss-btn{
-      margin-bottom: 16px;
-    }
-    @media screen and (max-width: 1600px){
-      .c-main {
-        padding: 28px 28px 0;
-      }
-    }
-    @media screen and (max-width: 1440px){
-      .c-main {
-        padding: 24px 24px 0;
-        .c-lesson-info{
-          h2{
-            font-size: 15px;
-          }
-          .c-lesson-info-box{
-            font-size: 13px;
-            margin-bottom: 16px;
-          }
-        }
-        .c-lesson-h1{
-          height: 24px;
-          margin-top: 20px;
-          margin-bottom: 14px;
-          font-size: 15px;
-        }
-        .c-discuss-btn{
-          margin-bottom: 14px;
-        }
-      }
-      .c-lesson-box{
-        .menu-list{
-          padding: 16px 0;
-          .menu-list-ul{
-            li{
-              padding: 6px 16px 6px 44px;
-              font-size: 13px;
-              span i{
-                width: 6px;
-                height: 6px;
-                margin-right: 6px;
-              }
-            }
-          }
-          h3{
-            padding-left: 24px;
-            font-size: 15px;
-            margin-bottom: 8px;
-          }
-          .menu-chapter{
-            font-size: 13px;
-            padding: 6px 0;
-          }
-          .menu-section{
-            font-size: 13px;
-            padding: 6px 10px 6px 24px;
-          }
-        }
-      }
-    }
-  }
-
-  /*****课程中心-评论*****/
-  .PX-kecheng-Details-Page {
-    height: calc(100vh - 60px);
-    width: 100%;
-    @include mta-c-notice;
-    .main {
-      box-sizing: border-box;
-      border-radius: 5px;
-      min-width: 1340px;
-      max-width: 1340px;
-      background-color: white;
-      padding: 32px 32px 0;
-      margin: 32px auto;
-      overflow: hidden;
-
-      .card-list-wxy7 {
-        min-height: calc(100vh - 406px);
-      }
-
-      .ml_32 {
-        margin-right: 32px;
-      }
-
-      .mt_16 {
-        margin-top: 16px;
-      }
-
-      .my-pagination-wxy6 {
-        margin: 0 auto 32px;
-        text-align: center;
-
-      }
-      //大纲
-      .c-dagang-tab{
-        min-height: calc(100vh - 353px);
-      }
-      //评论
-      .c-mta-discuss{
-        min-height: calc(100vh - 409px);
-      }
-      //考试tab
-      .c-kaoshi-tab{
-        min-height: calc(100vh - 353px);
-        display: flex;
-        flex-wrap: wrap;
-        margin-right: -34px;
-      }
-      //详情tab
-      .c-xiangqing-box{
-        min-height: calc(100vh - 367px);
-        font-size: 14px;
-        line-height: 20px;
-        img{
-          max-width: 100%;
-        }
-      }
-    }
-    //tab
-    .kecheng-Details-tabs{
-      .c-discuss-btn{
-        margin-bottom: 16px;
-      }
-      .el-tabs__item{
-        font-size: 16px;
-        font-weight: bold;
-      }
-      .el-tabs__header{
-        margin-bottom: 24px;
-      }
-    }
-
-    .page-top {
-      display: flex;
-      justify-content: space-between;
-
-      .c-details-right {
-        .el-image{
-          width: 180px;
-          height: 90px;
-          max-height: 90px;
-          border-radius: 4px;
-          overflow: hidden;
-        }
-      }
-
-      .c-details-left {
-        flex: 1;
-        margin-right: 50px;
-        .c-details-left_Title {
-          >div{
-            color: #262626;
-            font-size: 16px;
-            margin-bottom: 16px;
-          }
-        }
-      }
-      .c-details-left_Title_info{
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        font-size: 14px;
-        color: #666;
-        margin-bottom: 16px;
-      }
-
-    }
-
-    .c-details-satisfaction {
-      display: flex;
-      >span{
-        width: 70px;
-        text-align: right;
-        margin-bottom: 10px;
-        height: 20px;
-        line-height: 20px;
-        font-size: 14px;
-      }
-    }
-    //发表评论弹窗
-    .c-detail-content-info{
-      display: flex;
-      justify-content: space-between;
-      >span{
-        flex-shrink: 0;
-        width: 70px;
-        font-size: 14px;
-      }
-    }
-    //分页
-    .c-kecheng-el-pagination{
-      text-align: center;
-      padding: 14px;
-    }
-    @media screen and (max-width: 1440px){
-      .page-top{
-        .c-details-left {
-          .c-details-left_Title {
-            >div{
-              font-size: 15px;
-            }
-          }
-        }
-        .c-details-left_Title_info{
-          font-size: 13px;
-        }
-      }
-    }
-  }
-  //弹窗
-  .c-details-dialog{
-    .c-details-box{
-      max-height: 600px;
-      overflow: auto;
-    }
-  }
-
-  /*****课程中心-考试*****/
-  .kecheng-exam{
-    height: calc(100vh - 80px);
-    margin: 20px 0 0;
-    .m-c{
-      margin-bottom: 20px;
-      border-radius: 5px;
-      background-color: white;
-      height: calc(100vh - 135px);
-      .exam-container .exam-area-border .exam-area{
-        height: calc(100vh - 270px);
-      }
-    }
-  }
-
-  /*****个人中心*****/
-  .c-personal-center-page{
-    padding: 32px 32px;
-    margin-top: 0;
-
-    //考试须知弹窗
-    @include mta-c-notice;
-
-    //页面头部信息栏
-    .page-head{
-      display: flex;
-      justify-content: space-between;
-      margin-bottom: 16px;
-      .page-head-box{
-        display: flex;
-      }
-      //用户头像
-      .page-head-img{
-        width: 72px;
-        height: 72px;
-        border-radius: 50%;
-        overflow: hidden;
-        border: 1px solid #ccc;
-        >img{
-          width: 100%;
-          height: 72px;
-        }
-      }
-      //用户信息
-      .page-head-info{
-        padding-left: 20px;
-        h1{
-          @include setFontBase(-1);
-          margin: 14px 0;
-        }
-        p{
-          @include setFontBase(-5);
-          color: #666;
-        }
-        .info-line{
-          height: 14px;
-          width: 1px;
-          background: #e3e3e3;
-          margin: 0 8px;
-          display: inline-block;
-          vertical-align: bottom;
-        }
-      }
-      //按钮
-      .page-head-btn{
-        display: flex;
-        align-items: center;
-        .el-button:active {
-          @include setThemeColorBase("border-color", 0);
-        }
-      }
-    }
-
-    //tab
-    .personal-center-tab{
-      //左侧tab栏
-      .el-tabs__header{
-        width: 190px;
-        border: 1px solid #e3e3e3;
-        border-radius: 8px;
-        padding: 10px 0;
-        margin-right: 32px;
-        min-height: 265px;
-        height: calc(100vh - 586px);
-        .el-tabs__item{
-          border-bottom: 1px solid #e3e3e3;
-          margin: 0 20px;
-          padding: 0;
-          text-align: center;
-          @include setFontBase(-3);
-          height: 50px;
-          line-height: 50px;
-        }
-        .el-tabs__item:last-child{
-          border-bottom:0;
-        }
-      }
-      //tab右侧边线隐藏
-      .el-tabs__active-bar.is-left, .el-tabs__nav-wrap.is-left::after{
-        display: none;
-      }
-      //右侧tab内容区
-      .el-tabs__content{
-        border: 1px solid #e3e3e3;
-        border-radius: 8px;
-        min-height: 260px;
-        height: calc(100vh - 380px);
-        position: relative;
-      }
-    }
-
-    //个人中心-状态选择栏
-    .personal-center-state-box{
-      display: flex;
-      justify-content: flex-start;
-      flex-direction: row;
-      padding: 20px 24px;
-      height: 20px;
-      line-height: 20px;
-      margin-bottom: 16px;
-      border-bottom: 1px solid #e3e3e3;
-      .state-label {
-        min-width: 70px;
-        @include setFontBase(-3);
-        display: inline-block;
-      }
-
-      .state-line {
-        height: 20px;
-        width: 1px;
-        background: #e3e3e3;
-        margin:0 16px;
-      }
-      .state-menu{
-        margin-left: 24px;
-          >span{
-            @include setFontBase(-3);
-            margin-right:24px;
-          }
-        //课程
-        .personalCenterIndex{
-          @include setThemeColorBase("color", 1);
-        }
-      }
-      .state-menu:hover{
-        cursor: pointer;
-      }
-    }
-    //个人中心-card-box-外层滚动条
-    .personal-center-card-box{
-      height: calc(100vh - 540px);
-    }
-
-    //分页
-    .c-personal-center-pagination{
-        text-align: center;
-        padding: 24px 0;
-        position: absolute;
-        width: 100%;
-        background: #fff;
-        bottom: 0;
-        margin: 0;
-    }
-
-    @media screen and (max-width: 1600px) {
-      padding: 24px 24px;
-      //页面头部信息栏
-      .page-head{
-        margin-bottom: 12px;
-      }
-
-      //tab
-      .personal-center-tab{
-        //左侧tab栏
-        .el-tabs__header{
-          width: 180px;
-          margin-right: 24px;
-        }
-      }
-
-      //分页
-      .c-personal-center-pagination{
-        padding: 16px 0;
-      }
-    }
-    @media screen and (max-width: 1440px) {
-      padding: 16px 16px;
-      //页面头部信息栏
-      .page-head{
-        margin-bottom: 10px;
-        //用户头像
-        .page-head-img{
-          width: 66px;
-          height: 66px;
-          >img{
-            height: 66px;
-          }
-        }
-        //用户信息
-        .page-head-info{
-          padding-left: 16px;
-          h1{
-            @include setFontBase(-3);
-          }
-          p{
-            @include setFontBase(-7);
-          }
-        }
-      }
-
-      //tab
-      .personal-center-tab{
-        //左侧tab栏
-        .el-tabs__header{
-          width: 160px;
-          margin-right: 16px;
-          min-height: 280px;
-          .el-tabs__item{
-            height: 44px;
-            line-height: 44px;
-            @include setFontBase(-5);
-          }
-        }
-
-        //右侧tab内容区
-        .el-tabs__content{
-          min-height: 300px;
-          height: calc(100vh - 330px);
-        }
-      }
-
-      //个人中心-状态选择栏
-      .personal-center-state-box{
-        padding: 12px 24px;
-        margin-bottom: 12px;
-        .state-label {
-          @include setFontBase(-5);
-        }
-        .state-menu{
-          margin-left: 16px;
-          >span{
-            @include setFontBase(-5);
-            margin-right:16px;
-          }
-        }
-      }
-
-      //个人中心-card-box-外层滚动条
-      .personal-center-card-box{
-        height: calc(100vh - 450px);
-      }
-
-      //分页
-      .c-personal-center-pagination{
-        padding: 10px 0;
-      }
-    }
-  }
-
-  /*****证书 mta-certinfo*****/
-  .mta-certinfo{
-    .certinfo-box{
-      width: 100%;
-      margin: 30px auto 0;
-    }
-    .canvas-container{
-      margin: 0 auto;
-    }
-  }
-
-  /***** 互动问答 *****/
-  .question-and-answer {
-
-    .question-reply {
-      border: 1px solid #e3e3e3;
-      margin-bottom: 20px;
-      border-radius: 8px;
-      padding: 14px 35px 0;
-      margin-right: 32px;
-      .reply-top {
-        display: flex;
-        justify-content: flex-start;
-        .q-left{
-          >span{
-            width: 28px;
-            height: 28px;
-            margin-right: 8px;
-            img{
-              display: block;
-              height: 100%;
-              vertical-align: middle;
-            }
-          }
-        }
-        .q-right {
-          width: 100%;
-          .q-name{
-            min-width: 70px;
-            border-bottom: 1px solid #e3e3e3;
-            color: #333;
-            @include setFontBase(-6);
-            padding: 0 8px;
-            height: 25px;
-            display: inline-block;
-          }
-          .q-content{
-            @include setFontBase(-6);
-            color: #666;
-            padding: 16px 8px 0;
-            line-height: 20px;
-            word-break: break-all;
-          }
-          .q-btns {
-            margin: 14px 8px;
-            @include setFontBase(-6);
-            display: flex;
-            justify-content: space-between;
-            .q-btns-left {
-              .el-button--text{@include setThemeColorBase("color", 0);}
-              .el-button {
-                padding: 0;
-              }
-            }
-
-            .q-time {
-              color: #666;
-            }
-          }
-        }
-      }
-
-      .reply-bottom {
-        margin-left: 30px;
-      }
-
-      .q-answer {
-        border: 1px solid #e3e3e3;
-        display: flex;
-        justify-content: flex-start;
-        margin-bottom: 20px;
-        border-radius: 8px;
-        min-height: 86px;
-        margin-right: 0;
-        padding: 10px 0 0 35px;
-        .q-left{
-          >span{
-            width: 28px;
-            height: 28px;
-            margin-right: 8px;
-            img{
-              display: block;
-              height: 100%;
-              vertical-align: middle;
-            }
-          }
-        }
-        .q-right {
-          width: 100%;
-
-          .q-name{
-            min-width: 70px;
-            border-bottom: 1px solid #e3e3e3;
-            color: #333;
-            @include setFontBase(-6);
-            padding: 0 8px;
-            height: 25px;
-            display: inline-block;
-          }
-          .q-content{
-            @include setFontBase(-6);
-            color: #666;
-            padding: 16px 8px 0;
-            line-height: 20px;
-            word-break: break-all;
-          }
-          .q-btns {
-            margin: 14px 8px;
-            @include setFontBase(-6);
-            display: flex;
-            justify-content: space-between;
-            .q-btns-left {
-              .el-button {
-                padding: 0;
-              }
-            }
-
-            .q-time {
-              color: #666;
-            }
-          }
-        }
-      }
-    }
-    @media screen and (max-width: 1600px){
-      .question-reply {
-        padding: 14px 24px 0;
-      }
-    }
-    @media screen and (max-width: 1440px){
-      .question-reply {
-        padding: 14px 16px 0;
-        .reply-top {
-          .q-right {
-            .q-name{
-              @include setFontBase(-7);
-            }
-            .q-content{
-              @include setFontBase(-7);
-            }
-            .q-btns {
-              @include setFontBase(-7);
-            }
-          }
-        }
-
-        .q-answer {
-          .q-right {
-
-            .q-name{
-              @include setFontBase(-7);
-            }
-            .q-content{
-              @include setFontBase(-7);
-            }
-            .q-btns {
-              @include setFontBase(-7);
-            }
-          }
-        }
-      }
-    }
-  }
-  .mta-c-question-answer-page{
-    padding: 32px 32px 0;
-    box-sizing: border-box;
-    //搜索栏
-    .mta-c-question-answer-box{
-      .response-c-search{
-        margin: 0 20px 0 0;
-      }
-      .question-btn:hover{
-        @include setThemeColorBase("color", 0);
-        @include setThemeColorBase("border-color", 0);
-        @include setThemeColorBase("background-color", -4);
-      }
-    }
-    //问答列表
-    .answer-list-box{
-      height: calc(100vh - 370px);
-      overflow: auto;
-      margin-right: -32px;
-
-      .no-Data-Show-defaultImg {
-        height: 100%;
-        display: flex;
-        align-items: center;
-        margin: 0 auto;
-        text-align: center;
-        div {
-          text-align: center;
-          margin: 0 auto;
-        }
-        p{
-          text-align: center;
-          color: #999;
-          @include setFontBase(0);
-          margin-top: 24px;
-          font-weight: normal;
-        }
-      }
-    }
-    .q-answer {
-      border: 1px solid #e3e3e3;
-      display: flex;
-      justify-content: flex-start;
-      margin-bottom: 20px;
-      border-radius: 8px;
-      min-height: 86px;
-      margin-right: 0;
-      padding: 10px 0 0 35px;
-      .q-left{
-        >span{
-          width: 28px;
-          height: 28px;
-          margin-right: 8px;
-          img{
-            display: block;
-            height: 100%;
-            vertical-align: middle;
-          }
-        }
-      }
-      .q-right {
-        width: 100%;
-
-        .q-name{
-          min-width: 70px;
-          border-bottom: 1px solid #e3e3e3;
-          color: #333;
-          @include setFontBase(-6);
-          padding: 0 8px;
-          height: 25px;
-          display: inline-block;
-        }
-        .q-content{
-          @include setFontBase(-6);
-          color: #666;
-          padding: 16px 8px 0;
-          line-height: 20px;
-          word-break: break-all;
-        }
-        .q-btns {
-          margin: 14px 8px;
-          @include setFontBase(-6);
-          display: flex;
-          justify-content: space-between;
-          .q-btns-left {
-            .el-button--text{
-              @include setThemeColorBase("color", 0);
-            }
-            .el-button {
-              padding: 0;
-            }
-          }
-
-          .q-time {
-            color: #666;
-          }
-        }
-      }
-    }
-    //分页
-    .el-pagination{
-      text-align: center;
-      padding: 14px;
-    }
-    @media screen and (max-width: 1600px){
-      padding: 24px 24px 0;
-    }
-    @media screen and (max-width: 1440px){
-      padding: 16px 16px 0;
-      //搜索栏
-      .mta-c-question-answer-box{
-        .question-btn{
-          padding: 10px 16px;
-        }
-      }
-      .q-answer {
-        .q-right {
-
-          .q-name{
-            @include setFontBase(-7);
-          }
-          .q-content{
-            @include setFontBase(-7);
-          }
-          .q-btns {
-            @include setFontBase(-7);
-          }
-        }
-      }
-      //问答列表
-      .answer-list-box{
-        .no-Data-Show-defaultImg {
-          p{
-            @include setFontBase(-2);
-          }
-        }
-      }
-    }
-  }
-
-}

src/assets/css/cus-common/cus-common.scss

@@ -1,84 +0,0 @@
-@import "../base/utils.scss";
-
-.ps {
-  height: 100%;
-}
-
-body, html, #app {
-  padding: 0;
-  margin: 0;
-  @include setFontBase(0);
-}
-
-ul {
-  list-style: none;
-  padding: 0;
-
-  li {
-    padding: 0;
-    margin: 0;
-  }
-}
-
-.mta-UE-wrap .el-tabs__item {
-  @include setFontBase(-2);
-  margin-bottom: 16px;
-  height:        auto;
-  line-height:   normal;
-}
-
-.mta-UE-wrap .el-tabs__header {
-  margin: 0 0 24px;
-}
-
-.editorTreeComponent .treeCtrlBtn {
-    i::before {
-      @include setThemeColorBase('color', 0);
-    }
-}
-/*视频播放组件*/
-//视频高度
-.video-player{
-  .video-js{
-    .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
-      content: "\F115";
-      color: #545454;
-      font-size: 24px;
-      opacity: 0.7;
-    }
-  }
-}
-//按钮高度调整
-.vjs-theme-city .vjs-progress-control{
-  top: -4px;
-}
-.vjs-button{
-  outline: transparent;
-}
-
-// @summary loading SVG图标背景颜色
-// @date2020/06/28 @author Wxy
-.el-loading-mask.is-fullscreen {
-  .el-loading-spinner {
-    .circular {
-      background-color: transparent;
-    }
-  }
-}
-
-// @summary 面包屑距离地端margin
-// @date2020/06/28 @author Wxy
-.mta-c-MtaBreadcrumb-wrap-bottom0 {
-  margin: 20px 0 0 0;
-  .c-breadcrumb-box {
-    margin-bottom: 0;
-  }
-}
-
-@include setStyleAssist();
-// 设置 全局 字体大小粗细class类
-@include setFontAssistClass();
-
-@include setColorAssistClass('color', 'color')
-@include setColorAssistClass('background-color', 'bgcolor')
-@include setColorAssistClass('border-color', 'bordercolor')

src/assets/css/cus-website/cus-website-common.scss

@@ -0,0 +1,144 @@
+@import "../base/utils";
+
+/************************ 通用class样式 author: TX  date:2020-07-30 **********************/
+/* 外边距 */
+.m5{margin:5px;}
+.m10 {margin: 10px;}
+.m15 {margin: 15px;}
+.m20 {margin: 20px;}
+.m25 {margin: 25px;}
+.m30 {margin: 30px;}
+.m35 {margin: 35px;}
+.m40 {margin: 40px;}
+
+/* 外边距 上下边距 左右居中 */
+.ma0{margin:0 auto;}
+.ma5{margin:5px auto;}
+.ma10{margin:10px auto;}
+.ma15{margin:15px auto;}
+.ma20{margin:20px auto;}
+.ma25{margin:25px auto;}
+.ma30{margin:30px auto;}
+.ma35{margin:35px auto;}
+.ma40{margin:40px auto;}
+
+/* 上外边距 */
+.mt5 {margin-top: 5px;}
+.mt10 {margin-top: 10px;}
+.mt15 {margin-top: 15px;}
+.mt20 {margin-top: 20px;}
+.mt25 {margin-top: 25px;}
+.mt30 {margin-top: 30px;}
+.mt35 {margin-top: 35px;}
+.mt40 {margin-top: 40px;}
+
+/* 下外边距 */
+.mb5 {margin-bottom: 5px;}
+.mb10 {margin-bottom: 10px;}
+.mb15 {margin-bottom: 15px;}
+.mb20 {margin-bottom: 20px;}
+.mb25 {margin-bottom: 25px;}
+.mb30 {margin-bottom: 30px;}
+.mb35 {margin-bottom: 35px;}
+.mb40 {margin-bottom: 40px;}
+
+/* 左外边距 */
+.ml5 {margin-left: 5px;}
+.ml10 {margin-left: 10px;}
+.ml15 {margin-left: 15px;}
+.ml20 {margin-left: 20px;}
+.ml25 {margin-left: 25px;}
+.ml30 {margin-left: 30px;}
+.ml35 {margin-left: 35px;}
+.ml40 {margin-left: 40px;}
+
+/* 右外边距 */
+.mr5 {margin-right: 5px;}
+.mr10 {margin-right: 10px;}
+.mr15 {margin-right: 15px;}
+.mr20 {margin-right: 20px;}
+.mr25 {margin-right: 25px;}
+.mr30 {margin-right: 30px;}
+.mr35 {margin-right: 35px;}
+.mr40 {margin-right: 40px;}
+
+/*文字对齐方式*/
+.tl{text-align:left;}
+.tr{text-align:right;}
+.tc{text-align:center;}
+
+/*字体大小*/
+.fs_12{font-size:12px;}
+.fs_14{font-size:14px;}
+.fs_16{font-size:16px;}
+.fs_18{font-size:18px;}
+.fs_20{font-size:20px;}
+.fs_22{font-size:22px;}
+.fs_24{font-size:24px;}
+.fs_26{font-size:26px;}
+.fs_28{font-size:28px;}
+.fs_30{font-size:30px;}
+
+/* 清除浮动-父级使用 */
+.fn-clear:after{content:" ";height:0;display:block;font-size:0;visibility:hidden;clear:both;}
+
+/*  文本超出省略号显示 (一行) ------ 使用方式：@include single-line-ellipsis; */
+@mixin single-line-ellipsis {text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;white-space: nowrap;word-break: break-all;}
+
+/* 文本超出省略号显示 (多行)，括号里传行数 ------ 使用方式：@include multi-line-ellipsis(3); */
+@mixin multi-line-ellipsis($rows){-webkit-line-clamp:$rows;text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;display: -webkit-box;white-space: normal !important;-webkit-box-orient: vertical;}
+
+
+/************************ 网站公共class样式 author: TX  date:2020-07-30 **********************/
+/*  网站字体样式  */
+$website-font-size:20;
+//传入改变数值及是否加粗
+@mixin setFontStyle($fix, $isBold: false) {
+  font-size: #{$website-font-size + $fix}px;
+  @if $isBold == true {
+    font-weight: bold;
+  }
+}
+
+
+/*  网站主体部分 */
+.website-container{width: 1200px;margin: 0 auto;}
+
+/* 网站头部导航栏 */
+.website-head{
+  width: 100%;
+  height: 80px;
+
+  //头部布局
+  .head-layout{display: flex;justify-content: space-between;}
+
+  //头部导航
+  .el-menu--horizontal{
+    border: 0;
+      >.el-menu-item {
+        color: rgba(0,0,0,0.85);
+        @include setFontStyle(-2);
+        margin: 10px 16px;
+        padding: 0;
+      }
+      >.el-menu-item.is-active{
+        @include setThemeColorBase("color", 0);
+        @include setThemeColorBase("border-color", 0);
+        border-width:4px;
+      }
+  }
+
+  //头部左侧区域
+  .head-left{
+    display: flex;
+
+    //头部图标
+    a{width: 160px;height: 80px;display: inline-block;background-image: url("~@/assets/images/website/component/" + "nav-logo.svg");background-repeat: no-repeat;background-position: center;}
+  }
+
+  //头部右侧区域
+  .head-right{
+      i{width: 19px;height: 24px;display:inline-block;background-image: url("~@/assets/images/website/component/" + "nav-phone.svg");margin-right: 8px;vertical-align: middle;}
+      span{@include setFontStyle(-2);line-height: 80px;color: rgba(0,0,0,0.85);}
+  }
+}

src/assets/css/cus-website/cus-website-page.scss

@@ -0,0 +1,9 @@
+@import "../base/utils";
+
+@mixin setWebsitePage() {
+  /********  describe: 网站首页  author: TX  date:2020-07-30  ********/
+  .website-index-page{
+    /*@include setThemeColorBase("background", 0);*/
+  }
+}
+

src/assets/css/mixin/mixin.scss

@@ -1,92 +1,13 @@
-/*
-@mixin bgImg($link) {
-  background: url("~@/assets/images/" + $link);
-}
-
-@mixin bgColor($color) {
-  background-color: $color;
-}
-*/
 /**
  * @Time 全局样式 最低层级
  * @Description 【注意】 此scss为全局最高样式应位于所有scss文件下
  */
-@import "../cus-common/cus-common.scss";
-@import "../cus-aframe-common/cus-aframe-common.scss";
-@import "../cus-cframe-common/cus-cframe-common.scss";
-/**
- * @Time 组件样式
- * @Description 【注意】 此scss为组件内部样式
- */
 @import "../cus-element/cus-elementui";
-@import "../cus-aframe-user/cus-aframe-user";
-@import "../cus-aframe/cus-aframe.scss";
-@import "../cus-aframe-welcome/cus-aframe-welcome.scss";
-@import "../cus-aframe-kaoshi/cus-aframe-kaoshi.scss";
-@import "../cus-aframe-question/cus-aframe-question.scss";
-@import "../cus-aframe-welcome/cus-aframe-welcome";
-@import "../cus-aframe-system/cus-aframe-system";
-@import "../cus-aframe-statistics/cus-aframe-statistics";
-@import "../cus-aframe-exercise/cus-aframe-exercise";
-@import "../cus-aframe-gonggao/cus-aframe-gonggao";
-@import "../cus-aframe-cert/cus-aframe-cert";
-@import "../cus-cframe-page/cus-cframe-page";
-@import "../cus-aframe-component/cus-aframe-component";
-@import "../cus-aframe-kejian/cus-aframe-kejian-add";
-@import "../cus-cframe-component/cus-cframe-component";
-@import "../cus-aframe-course/cos-aframe-course.scss";
-@import "../cus-aframe-exam/cus-aframe-exam.scss";
+@import "../cus-website/cus-website-common.scss";
+@import "../cus-website/cus-website-page.scss";
 
 @mixin setStyle($project, $type) {
-  @include setFontElement();
-
-  @include setStyleAFrameComponent($project);
-  @include setStyleCFrameComponent($project);
-
-  @if($type == 'a') {
-    @include setStyleAframeElement($project);
-    @include setFontAframeWelcomeInfo();
-    @include setFontAframeUser();
-    @include setStyleAframeSystem($project);
-    @include setStyleAframeKaoshi($project);
-    @include setStyleAFrameCommon($project);
-    @include setStyleAframe($project);
-    @include setColorAframeQuestion($project);
-    @include setStyleAframeExercise($project);
-    @include setStyleAframeStatistics($project);
-    @include setStyleAframeCert($project);
-    @include setStyleAframeGonggao($project);
-    @include setColorAframeKejianAdd($project);
-    @include setStyleAframeCourse($project);
-    @include setStyleAframeExam($project);
-
-    @include setIconAFrameCommon($project);
-  } @else if($type == 'c') {
-    @include setStyleCframeElement($project);
-    @include setStyleCFrameCommon($project);
-    @include setStyleCFramePage($project);
-
-    @include setIconCFrameCommon($project);
-  } @else {
-    @include setFontAframeWelcomeInfo();
-    @include setFontAframeUser();
-    @include setStyleAframeSystem($project);
-    @include setStyleAframeKaoshi($project);
-    @include setStyleAFrameCommon($project);
-    @include setStyleAframe($project);
-    @include setColorAframeQuestion($project);
-    @include setStyleAframeExercise($project);
-    @include setStyleAframeStatistics($project);
-    @include setStyleAframeCert($project);
-    @include setStyleAframeGonggao($project);
-    @include setStyleCFrameCommon($project);
-    @include setStyleCFramePage($project);
-
-    @include setIconAFrameCommon($project);
-    @include setIconCFrameCommon($project);
-  }
-
-
-
 
+  @include setFontElement();//饿了么样式
+  @include setWebsitePage();//网站页面样式
 }

src/assets/images/client/c-notice-read.svg

@@ -1,8 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="41" height="36" viewBox="0 0 41 36">
-  <g fill="none" fill-rule="evenodd">
-    <polygon fill="#30BA78" points=".954 6.981 25.329 2.198 44.571 12.864 -8.742 24.473" transform="rotate(-29 17.915 13.336)"/>
-    <text fill="#FFF" font-family="SourceHanSansCN-Normal, Source Han Sans CN" font-size="10" transform="rotate(-41 14 14)">
-      <tspan x="4" y="18">已读</tspan>
-    </text>
-  </g>
-</svg>

src/assets/images/client/c-notice-unread.svg

@@ -1,8 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="41" height="36" viewBox="0 0 41 36">
-  <g fill="none" fill-rule="evenodd">
-    <polygon fill="#FF5448" points=".954 6.981 25.329 2.198 44.571 12.864 -8.742 24.473" transform="rotate(-29 17.915 13.336)"/>
-    <text fill="#FFF" font-family="SourceHanSansCN-Normal, Source Han Sans CN" font-size="10" transform="rotate(-41 14 14)">
-      <tspan x="4" y="18">未读</tspan>
-    </text>
-  </g>
-</svg>

src/assets/images/client/more-h-icon-qinggu.svg

@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="11px" height="11px" viewBox="0 0 11 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
-    <title>形状复制 3</title>
-    <desc>Created with Sketch.</desc>
-    <g id="页面1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M9.61486716,5.4793531 L5.11341416,10.1248013 C4.91940362,10.3250175 4.91940362,10.6496217 5.11341416,10.8498379 C5.3074247,11.050054 5.62196794,11.050054 5.81597848,10.8498379 L11,5.5 L5.81597848,0.15016213 C5.62196794,-0.0500540433 5.3074247,-0.0500540433 5.11341416,0.15016213 C4.91940362,0.350378303 4.91940362,0.674994046 5.11341416,0.875210219 L9.61486716,5.4793531 Z M4.63890456,5.48767865 L0.145507907,10.1248013 C-0.0485026358,10.3250175 -0.0485026358,10.6496217 0.145507907,10.8498379 C0.33951845,11.050054 0.654061684,11.050054 0.848072227,10.8498379 L6.03208259,5.5 L0.848072227,0.15016213 C0.654061684,-0.0500540432 0.339518451,-0.0500540432 0.145507907,0.15016213 C-0.0485026358,0.350378303 -0.0485026358,0.674994046 0.145507907,0.875210219 L4.63890456,5.48767865 Z" id="形状复制-3" fill="#17c05b" fill-rule="nonzero"></path>
-    </g>
-</svg>

src/assets/images/client/more-h-icon.svg

@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="11px" height="11px" viewBox="0 0 11 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
-    <title>形状复制 3</title>
-    <desc>Created with Sketch.</desc>
-    <g id="页面1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M9.61486716,5.4793531 L5.11341416,10.1248013 C4.91940362,10.3250175 4.91940362,10.6496217 5.11341416,10.8498379 C5.3074247,11.050054 5.62196794,11.050054 5.81597848,10.8498379 L11,5.5 L5.81597848,0.15016213 C5.62196794,-0.0500540433 5.3074247,-0.0500540433 5.11341416,0.15016213 C4.91940362,0.350378303 4.91940362,0.674994046 5.11341416,0.875210219 L9.61486716,5.4793531 Z M4.63890456,5.48767865 L0.145507907,10.1248013 C-0.0485026358,10.3250175 -0.0485026358,10.6496217 0.145507907,10.8498379 C0.33951845,11.050054 0.654061684,11.050054 0.848072227,10.8498379 L6.03208259,5.5 L0.848072227,0.15016213 C0.654061684,-0.0500540432 0.339518451,-0.0500540432 0.145507907,0.15016213 C-0.0485026358,0.350378303 -0.0485026358,0.674994046 0.145507907,0.875210219 L4.63890456,5.48767865 Z" id="形状复制-3" fill="#409EFF" fill-rule="nonzero"></path>
-    </g>
-</svg>

src/assets/images/client/more-icon.svg

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="11px" height="11px" viewBox="0 0 11 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
-    <title>形状复制</title>
-    <desc>Created with Sketch.</desc>
-    <g id="页面1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="首页--内容" transform="translate(-1159.000000, -28.000000)">
-            <rect id="矩形" fill="#FFFFFF" x="-3" y="0" width="1200" height="931"></rect>
-            <path d="M1168.61487,33.4793531 L1164.11341,38.1248013 C1163.9194,38.3250175 1163.9194,38.6496217 1164.11341,38.8498379 C1164.30742,39.050054 1164.62197,39.050054 1164.81598,38.8498379 L1170,33.5 L1164.81598,28.1501621 C1164.62197,27.949946 1164.30742,27.949946 1164.11341,28.1501621 C1163.9194,28.3503783 1163.9194,28.674994 1164.11341,28.8752102 L1168.61487,33.4793531 Z M1163.6389,33.4876787 L1159.14551,38.1248013 C1158.9515,38.3250175 1158.9515,38.6496217 1159.14551,38.8498379 C1159.33952,39.050054 1159.65406,39.050054 1159.84807,38.8498379 L1165.03208,33.5 L1159.84807,28.1501621 C1159.65406,27.949946 1159.33952,27.949946 1159.14551,28.1501621 C1158.9515,28.3503783 1158.9515,28.674994 1159.14551,28.8752102 L1163.6389,33.4876787 Z" id="形状复制" fill="#3C3C3C" fill-rule="nonzero"></path>
-        </g>
-    </g>
-</svg>

src/assets/images/default/defaultTableImg.svg

@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 64 (93537) - https://sketch.com -->
-    <title>图片</title>
-    <desc>Created with Sketch.</desc>
-    <g id="图片" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="图片资料" transform="translate(0.000000, 0.000000)" fill-rule="nonzero">
-            <path d="M12.490698,0 L14.099774,0 L14.099774,2.22125497 L22.2434394,2.22125497 C22.7039778,2.24091208 23.2066385,2.22125497 23.6053973,2.50207101 C23.8862133,2.91206245 23.8525154,3.43438029 23.8862133,3.90615128 C23.8712365,8.72869894 23.8712365,13.5475024 23.8862133,18.3625616 C23.8862133,19.1713118 23.9592255,19.996911 23.793544,20.7916205 C23.6868339,21.3701015 23.0072591,21.3841423 22.5551452,21.4037994 L14.1166229,21.4037994 L14.1166229,23.8693644 L12.4317266,23.8693644 C8.28126537,23.111161 4.13922859,22.4006964 0,21.659342 L0,2.22406313 C4.16450205,1.48270875 8.32900408,0.75258701 12.490698,0 Z" id="路径" fill="#F5A623"></path>
-            <polygon id="路径" fill="#FFFFFF" points="14.099774 3.05527864 23.0521897 3.05527864 23.0521897 20.5473105 14.099774 20.5473105 14.099774 18.8820713 16.270482 18.8820713 16.270482 16.9388242 14.099774 16.9388242 14.099774 15.81556 16.270482 15.81556 16.270482 13.8835456 14.099774 13.8835456 14.099774 12.7743222 16.270482 12.7743222 16.270482 10.828267 14.099774 10.828267 14.099774 9.70500273 16.270482 9.70500273 16.270482 7.77579646 14.099774 7.77579646 14.099774 6.65253225 16.270482 6.65253225 16.270482 19.2050097 14.099774 19.2050097"></polygon>
-            <path d="M15.3999523,4.39757936 L21.1538732,4.39757936 L21.1538732,7.84319233 L15.3999523,7.84319233 L15.3999523,4.39757936 Z M15.3999523,10.0223249 L21.1538732,10.0223249 L21.1538732,13.4791705 L15.3999523,13.4791705 L15.3999523,10.0223249 Z M15.3999523,15.6498785 L21.1538732,15.6498785 L21.1538732,19.0954915 L15.3999523,19.0954915 L15.3999523,15.6498785 Z" id="形状" fill="#F5A623"></path>
-            <path d="M11.9936536,14.6585979 L8.8400893,10.3480715 C8.78553788,10.2556772 8.68622699,10.1989835 8.57893038,10.1989835 C8.47163376,10.1989835 8.37232287,10.2556772 8.31777146,10.3480715 L6.088092,13.3977338 L5.00975835,11.9037924 C4.95487868,11.8127319 4.85632281,11.7570582 4.75000351,11.7570582 C4.64368421,11.7570582 4.54512834,11.8127319 4.49024867,11.9037924 L2.50207101,14.6585979 C2.35885483,14.8551691 2.44309965,15.0152343 2.69302593,15.0152343 L11.7942742,15.0152343 C12.0554331,15.0152343 12.1368698,14.8551691 11.9936536,14.6585979 Z M4.62223221,10.2301288 C5.10611433,10.2301288 5.49837829,9.83786479 5.49837829,9.35398267 C5.49837829,8.87010055 5.10611433,8.47783659 4.62223221,8.47783659 C4.13835009,8.47783659 3.74608612,8.87010055 3.74608612,9.35398267 C3.74608612,9.83786479 4.13835009,10.2301288 4.62223221,10.2301288 Z" id="形状" fill="#FFFFFF"></path>
-        </g>
-    </g>
-</svg>

src/assets/images/default/uploading-img.svg

@@ -1,59 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" width="382px" height="260px" viewBox="0 0 382 260" version="1.1" xmlns="http://www.w3.org/2000/svg">
-    <!-- Generator: Sketch 64 (93537) - https://sketch.com -->
-    <title>编组 2</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <path d="M189,135.5 L47,135.5 M48.3557692,136 C21.6496153,136 0,114.282826 0,87.4933333 C0,60.7038411 21.6496153,38.9866667 48.3557692,38.9866667 C55.717008,38.9866667 62.6940689,40.6366609 68.9394591,43.5880725 C71.3945647,19.1093326 91.9966512,0 117.048077,0 C142.241806,0 162.935504,19.3270487 165.198557,44.0070608 C171.659776,40.7932115 178.941689,38.9866667 186.644231,38.9866667 C213.350385,38.9866667 235,60.7038411 235,87.4933333 C235,114.282826 213.350385,136 186.644231,136" id="path-1"></path>
-    </defs>
-    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="课件管理---正在上传中" transform="translate(-769.000000, -342.000000)">
-            <g id="编组-2" transform="translate(765.000000, 338.000000)">
-                <g id="编组" fill="#3CA1FF" fill-opacity="0.301436844">
-                    <rect id="矩形" transform="translate(56.000000, 135.652476) rotate(36.000000) translate(-56.000000, -135.652476) " x="46" y="54.6524758" width="20" height="162" rx="10"></rect>
-                    <rect id="矩形备份-8" transform="translate(250.000000, 162.652476) rotate(36.000000) translate(-250.000000, -162.652476) " x="240" y="81.6524758" width="20" height="162" rx="10"></rect>
-                    <rect id="矩形备份-13" transform="translate(127.000000, 195.652476) rotate(36.000000) translate(-127.000000, -195.652476) " x="117" y="114.652476" width="20" height="162" rx="10"></rect>
-                    <rect id="矩形备份-7" transform="translate(135.000000, 71.652476) rotate(36.000000) translate(-135.000000, -71.652476) " x="125" y="-9.34752416" width="20" height="162" rx="10"></rect>
-                    <rect id="矩形备份-9" transform="translate(334.000000, 84.652476) rotate(36.000000) translate(-334.000000, -84.652476) " x="324" y="3.65247584" width="20" height="162" rx="10"></rect>
-                    <rect id="矩形备份-12" transform="translate(191.000000, 112.652476) rotate(36.000000) translate(-191.000000, -112.652476) " x="181" y="31.6524758" width="20" height="162" rx="10"></rect>
-                    <rect id="矩形备份-11" transform="translate(316.000000, 151.652476) rotate(36.000000) translate(-316.000000, -151.652476) " x="306" y="100.652476" width="20" height="102" rx="10"></rect>
-                    <rect id="矩形备份-6" transform="translate(79.000000, 72.152476) rotate(36.000000) translate(-79.000000, -72.152476) " x="69" y="4.65247584" width="20" height="135" rx="10"></rect>
-                    <rect id="矩形备份-15" transform="translate(186.820604, 167.893865) rotate(36.000000) translate(-186.820604, -167.893865) " x="176.820604" y="106.893865" width="20" height="122" rx="10"></rect>
-                    <rect id="矩形备份-16" transform="translate(112.000000, 155.652476) rotate(36.000000) translate(-112.000000, -155.652476) " x="102" y="94.6524758" width="20" height="122" rx="10"></rect>
-                    <rect id="矩形备份-10" transform="translate(256.000000, 95.152476) rotate(36.000000) translate(-256.000000, -95.152476) " x="246" y="6.65247584" width="20" height="177" rx="10"></rect>
-                </g>
-                <g id="加号" transform="translate(296.000000, 23.000000)" fill="#1890FF">
-                    <rect id="矩形" x="0" y="10" width="25" height="6" rx="3"></rect>
-                    <rect id="矩形备份-14" transform="translate(12.500000, 13.000000) rotate(90.000000) translate(-12.500000, -13.000000) " x="0" y="10" width="25" height="6" rx="3"></rect>
-                </g>
-                <g id="加号备份-2" transform="translate(274.000000, 71.000000)" fill="#1890FF">
-                    <rect id="矩形" x="0" y="6" width="15" height="4" rx="2"></rect>
-                    <path d="M2,6 L13,6 C14.1045695,6 15,6.8954305 15,8 C15,9.1045695 14.1045695,10 13,10 L2,10 C0.8954305,10 1.3527075e-16,9.1045695 0,8 C-1.3527075e-16,6.8954305 0.8954305,6 2,6 Z" id="矩形备份-14" transform="translate(7.500000, 8.000000) rotate(90.000000) translate(-7.500000, -8.000000) "></path>
-                </g>
-                <circle id="椭圆形" stroke="#FEBA49" stroke-width="6" cx="252" cy="36" r="12"></circle>
-                <circle id="椭圆形备份-9" stroke="#1890FF" stroke-width="6" cx="36" cy="187" r="8"></circle>
-                <circle id="椭圆形备份-10" stroke="#E39617" stroke-width="6" cx="69" cy="228" r="11"></circle>
-                <circle id="椭圆形备份-11" stroke="#E39617" stroke-width="4" cx="91" cy="241" r="5"></circle>
-                <circle id="椭圆形备份-8" stroke="#F5A623" stroke-width="6" cx="325" cy="83" r="8"></circle>
-                <g id="加号备份" transform="translate(28.000000, 207.000000)" fill="#FEBA49">
-                    <rect id="矩形" x="0" y="6" width="15" height="4" rx="2"></rect>
-                    <path d="M2,6 L13,6 C14.1045695,6 15,6.8954305 15,8 C15,9.1045695 14.1045695,10 13,10 L2,10 C0.8954305,10 1.3527075e-16,9.1045695 0,8 C-1.3527075e-16,6.8954305 0.8954305,6 2,6 Z" id="矩形备份-14" transform="translate(7.500000, 8.000000) rotate(90.000000) translate(-7.500000, -8.000000) "></path>
-                </g>
-                <g id="上传" transform="translate(65.000000, 59.000000)">
-                    <path d="M209,150 L51,150 M53.5,150 C23.9527659,150 0,126.047234 0,96.5 C0,66.9527659 23.9527659,43 53.5,43 C61.6443493,43 69.3636507,44.8198466 76.2734442,48.07508 C78.9897312,21.0764698 101.783529,0 129.5,0 C157.373913,0 180.269068,21.3165978 182.772871,48.5371994 C189.921454,44.9925126 197.978039,43 206.5,43 C236.047234,43 260,66.9527659 260,96.5 C260,126.047234 236.047234,150 206.5,150" id="形状结合" stroke="#3E3D51" stroke-width="8" fill="#FFFFFF"></path>
-                    <g id="形状结合备份" transform="translate(22.000000, 6.000000)">
-                        <mask id="mask-2" fill="white">
-                            <use xlink:href="#path-1"></use>
-                        </mask>
-                        <use id="蒙版" fill="#F5A623" xlink:href="#path-1"></use>
-                        <path d="M179,138.5 L38,138.5 M40.5326923,139 C14.2811112,139 -7,117.602196 -7,91.2066667 C-7,64.8111375 14.2811112,43.4133333 40.5326923,43.4133333 C47.7686334,43.4133333 54.6269358,45.039063 60.7660215,47.9470714 C63.1793381,23.828313 83.4307507,5 108.055769,5 C132.820669,5 153.162134,24.0428274 155.386666,48.3598981 C161.737907,45.1933113 168.895873,43.4133333 176.467308,43.4133333 C202.718889,43.4133333 224,64.8111375 224,91.2066667 C224,117.602196 202.718889,139 176.467308,139" fill="#FEBA49" mask="url(#mask-2)"></path>
-                    </g>
-                    <path d="M209,150 L51,150 M53.5,150 C23.9527659,150 0,126.047234 0,96.5 C0,66.9527659 23.9527659,43 53.5,43 C61.6443493,43 69.3636507,44.8198466 76.2734442,48.07508 C78.9897312,21.0764698 101.783529,0 129.5,0 C157.373913,0 180.269068,21.3165978 182.772871,48.5371994 C189.921454,44.9925126 197.978039,43 206.5,43 C236.047234,43 260,66.9527659 260,96.5 C260,126.047234 236.047234,150 206.5,150" id="形状结合" stroke="#3E3D51" stroke-width="8"></path>
-                    <rect id="矩形" fill="#3E3D51" x="123" y="83" width="8" height="66"></rect>
-                    <rect id="矩形" fill="#3E3D51" transform="translate(115.500000, 87.000000) rotate(-38.000000) translate(-115.500000, -87.000000) " x="98" y="83" width="35" height="8" rx="4"></rect>
-                    <rect id="矩形备份-4" fill="#3E3D51" transform="translate(137.500000, 87.000000) scale(-1, 1) rotate(-38.000000) translate(-137.500000, -87.000000) " x="120" y="83" width="35" height="8" rx="4"></rect>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

src/assets/images/icons/Organizational.svg

@@ -1,20 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
-    <title>组织架构</title>
-    <desc>Created with Sketch.</desc>
-    <g id="组件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="组织架构" transform="translate(0.000000, 1.000000)">
-            <g transform="translate(0.000000, -1.000000)">
-                <path d="M14,6 C14,7.1045695 13.1045695,8 12,8 L9,8 C7.8954305,8 7,7.1045695 7,6 L7,3 C7,1.8954305 7.8954305,1 9,1 L12,1 C13.1045695,1 14,1.8954305 14,3 L14,4" id="路径" stroke="#3E3D51" stroke-linecap="round"></path>
-                <rect id="矩形复制-4" stroke="#3E3D51" x="0.5" y="15.5" width="4" height="6" rx="2"></rect>
-                <rect id="矩形复制-5" stroke="#3E3D51" x="8.5" y="15.5" width="4" height="6" rx="2"></rect>
-                <rect id="矩形复制-6" stroke="#3E3D51" x="17.5" y="15.5" width="4" height="6" rx="2"></rect>
-                <rect id="矩形" fill="#3E3D51" x="10" y="8" width="1" height="7" rx="0.5"></rect>
-                <rect id="矩形复制" fill="#3E3D51" x="2" y="10" width="1" height="5" rx="0.5"></rect>
-                <rect id="矩形复制-3" fill="#3E3D51" x="19" y="10" width="1" height="5" rx="0.5"></rect>
-                <rect id="矩形" fill="#3E3D51" x="2" y="10" width="18" height="1" rx="0.5"></rect>
-            </g>
-        </g>
-    </g>
-</svg>

src/assets/images/icons/Organizational_a.svg

@@ -1,18 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
-    <title>组织架构</title>
-    <desc>Created with Sketch.</desc>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="组织架构">
-            <path d="M14,6 C14,7.1045695 13.1045695,8 12,8 L9,8 C7.8954305,8 7,7.1045695 7,6 L7,3 C7,1.8954305 7.8954305,1 9,1 L12,1 C13.1045695,1 14,1.8954305 14,3 L14,4" id="路径" stroke="#409EFF" stroke-linecap="round"></path>
-            <rect id="矩形复制-4" stroke="#409EFF" x="0.5" y="15.5" width="4" height="6" rx="2"></rect>
-            <rect id="矩形复制-5" stroke="#409EFF" x="8.5" y="15.5" width="4" height="6" rx="2"></rect>
-            <rect id="矩形复制-6" stroke="#409EFF" x="17.5" y="15.5" width="4" height="6" rx="2"></rect>
-            <rect id="矩形" fill="#409EFF" x="10" y="8" width="1" height="7" rx="0.5"></rect>
-            <rect id="矩形复制" fill="#409EFF" x="2" y="10" width="1" height="5" rx="0.5"></rect>
-            <rect id="矩形复制-3" fill="#409EFF" x="19" y="10" width="1" height="5" rx="0.5"></rect>
-            <rect id="矩形" fill="#409EFF" x="2" y="10" width="18" height="1" rx="0.5"></rect>
-        </g>
-    </g>
-</svg>

src/assets/images/icons/answerDl.svg

@@ -1,19 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="43px" height="48px" viewBox="0 0 43 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
-    <title>答案</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <linearGradient x1="50%" y1="17.5103683%" x2="50%" y2="89.2446368%" id="linearGradient-1">
-            <stop stop-color="#82BEFF" offset="0%"></stop>
-            <stop stop-color="#337EFF" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g id="页面1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="弹窗3" transform="translate(-202.000000, -44.000000)" fill="url(#linearGradient-1)" fill-rule="nonzero">
-            <g id="答案" transform="translate(202.000000, 44.000000)">
-                <path d="M41.6502511,13.7226562 L29.0405971,1.33007812 C28.1767578,0.474609375 26.9949777,0 25.7652065,0 L5.18303571,0 C2.32156808,0 0,2.26757812 0,5.0625 L0,42.9375 C0,45.7382812 2.32156808,48 5.18303571,48 L37.8169643,48 C40.6844308,48 43,45.7324219 43,42.9375 L43,16.9101562 C42.9940011,15.7148437 42.5080915,14.5722656 41.6502511,13.7226562 Z M33.1438337,20.8066406 L18.0746373,35.5253906 C17.7866908,35.8066406 17.3967634,35.9648437 16.9888393,35.9648437 C16.5809152,35.9648437 16.1909877,35.8066406 15.9030413,35.5253906 L7.21665737,27.0410156 C6.61676897,26.4550781 6.61676897,25.5058594 7.21665737,24.9199219 C7.81654576,24.3339844 8.78836496,24.3339844 9.38825335,24.9199219 L16.9948382,32.34375 L30.9722377,18.6914062 C31.5721261,18.1054687 32.5439453,18.1054687 33.1438337,18.6855469 C33.7437221,19.2714844 33.7437221,20.2207031 33.1438337,20.8066406 Z" id="形状"></path>
-            </g>
-        </g>
-    </g>
-</svg>

src/assets/images/icons/breadcrumb-icon-home.svg

@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg">
-    <!-- Generator: Sketch 64 (93537) - https://sketch.com -->
-    <title>导航</title>
-    <desc>Created with Sketch.</desc>
-    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="学习中心备份---加面包屑导航" transform="translate(-300.000000, -127.000000)" fill="#3C3C3C" fill-rule="nonzero">
-            <g id="导航" transform="translate(300.000000, 127.000000)">
-                <path d="M11.7891616,6.21860617 L11.7891616,13.1245137 L9.6163521,13.1245137 L9.6163521,8.75344452 C9.61669024,8.63746498 9.57085438,8.52611977 9.48896358,8.44399022 C9.40707277,8.36186067 9.29586147,8.31570086 9.17988144,8.31570135 L4.83426249,8.31570135 C4.593745,8.31674912 4.39912499,8.51165324 4.39842808,8.75217201 L4.38506674,13.1245137 L2.209076,13.1245137 L2.209076,6.21860617 C2.209076,6.18361218 2.19698716,6.15307196 2.18998835,6.12062296 L7.01597954,1.07257892 L11.810158,6.11489668 C11.8012504,6.14861816 11.7891616,6.1817034 11.7891616,6.21860617 M13.8760767,7.02028698 L7.33156182,0.136012146 C7.24971264,0.0493839221 7.13579523,0.000294081835 7.01661579,0.000294081835 C6.89743635,0.000294081835 6.78351895,0.0493839221 6.70166976,0.136012146 L0.122160883,7.02028698 C-0.0449812911,7.19486976 -0.03928908,7.4717957 0.13488598,7.63936271 C0.217980905,7.72012179 0.32996123,7.76423298 0.445810608,7.76184187 C0.561659986,7.75945076 0.671724825,7.71075659 0.751416695,7.62663762 L1.33677093,7.01328817 L1.33677093,13.5628931 C1.33677093,13.8046698 1.53273735,14.0006362 1.77324159,14.0006362 L4.82026489,14.0006362 C5.06078238,13.9995885 5.25540239,13.8046844 5.2560993,13.5641656 L5.27009689,9.19182395 L8.74468329,9.19182395 L8.74468329,13.5628931 C8.74468329,13.8046698 8.94001346,14.0006362 9.18051771,14.0006362 L12.2256322,14.0006362 C12.341502,14.0004678 12.4525497,13.9542335 12.5343028,13.8721223 C12.616056,13.7900111 12.6618046,13.6787624 12.6614666,13.5628931 L12.6614666,7.01010691 L13.2468209,7.62663762 C13.3267093,7.71070868 13.4369274,7.75930162 13.5528797,7.76157286 C13.6688321,7.76384409 13.7808685,7.71960458 13.8639879,7.63872646 C14.0378169,7.47100812 14.0435032,7.19437049 13.876713,7.01965072" id="形状"></path>
-            </g>
-        </g>
-    </g>
-</svg>

src/assets/images/icons/breadcrumb-icon.svg

@@ -1,11 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" width="7px" height="13px" viewBox="0 0 7 13" version="1.1" xmlns="http://www.w3.org/2000/svg">
-    <!-- Generator: Sketch 64 (93537) - https://sketch.com -->
-    <title>直线</title>
-    <desc>Created with Sketch.</desc>
-    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="square">
-        <g id="学习中心备份---加面包屑导航" transform="translate(-390.000000, -146.000000)" stroke="#8C8C8C">
-            <line x1="395.618235" y1="146.751325" x2="390.959451" y2="158.887871" id="直线"></line>
-        </g>
-    </g>
-</svg>

src/assets/images/icons/fa-bank.svg

@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
-    <title>用户管理中心</title>
-    <desc>Created with Sketch.</desc>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="用户管理中心" stroke="#3E3D51">
-            <g>
-                <circle id="椭圆形" stroke-linejoin="round" transform="translate(9.549004, 5.504615) rotate(-0.090000) translate(-9.549004, -5.504615) " cx="9.54900429" cy="5.50461483" r="5"></circle>
-                <path d="M0.499996697,21.5721508 C0.497376121,17.8075173 2.09320083,14.3031905 4.72925128,12.284991 C7.36530173,10.2667916 10.6747698,10.0155532 13.4999967,11.6191597" id="路径" stroke-linecap="round" stroke-linejoin="round"></path>
-                <path d="M15.98,16.37 L19.98,16.37" id="路径" stroke-linecap="round"></path>
-                <path d="M14.98,18.88 L20.98,18.87" id="路径" stroke-linecap="round"></path>
-                <path d="M13.98,21.38 L21.98,21.36" id="路径" stroke-linecap="round"></path>
-            </g>
-        </g>
-    </g>
-</svg>

src/assets/images/icons/fa-bar-a.svg

@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="22px" height="22px" viewBox="0 0 22 22" enable-background="new 0 0 22 22" xml:space="preserve">  <image id="image0" width="22" height="22" x="0" y="0"
-    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
-AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAk1BMVEX///9Anv9Anv9Anv9A
-nv9Anv9Anv9Anv9Anv9Anv9Anv9Anv9Anv9Anv9Anv9Anv9Anv9Anv9Anv9Anv9Anv9Anv9Anv9A
-nv9Anv9Anv9Anv9Anv9Anv9Anv9Anv9Anv9Anv9Anv9Anv9Anv9Anv9Anv9Anv9Anv9Anv9Anv9A
-nv9Anv9Anv9Anv9Anv9Anv////9x1JpEAAAAL3RSTlMABHfb9/q6DcO2MQkSWebxCHiw594oS/wD
-NUR2a2TFLgaqu+3o1mkCL9wrggvH/tsRyDcAAAABYktHRACIBR1IAAAAB3RJTUUH4woeFwQ1jcRP
-UwAAAJVJREFUGNNjYMAFGJmYWfQRgJWNHSzKwcnFjVDEw8vHLwCkBYXQtQtzAgkRUXRhMVYgIS4B
-JCSlpKSlZaRk5eSBHAV9IAHCDIpKSsrKKkqq+moMUCF9JO3qGurYhKGAkDCKlQyDy0pwmKAACXEg
-oamFLqylCSS0FdGFFbWBhI4uJ5c6ktO5OHV1oHGph4hKPWYmRgYGABg6FQBoNUg+AAAAJXRFWHRk
-YXRlOmNyZWF0ZQAyMDE5LTEwLTMwVDE1OjA0OjUzKzA4OjAw15izxAAAACV0RVh0ZGF0ZTptb2Rp
-ZnkAMjAxOS0xMC0zMFQxNTowNDo1MyswODowMKbFC3gAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIElt
-YWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC" />
-</svg>

src/assets/images/icons/fa-bar.svg

@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="22px" height="22px" viewBox="0 0 22 22" enable-background="new 0 0 22 22" xml:space="preserve">  <image id="image0" width="22" height="22" x="0" y="0"
-    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
-AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAk1BMVEX///9AQEA+PFE+PVI+
-PVE+PVI+PFE7O089PVE+PlE+PlM5OVU5OVU+PlM+PlE9PVFAQEA+PlE+PVE+PVE+PVJAQFM/P1E+
-PVFVVVU/P1JAPFNAPFNAPVNAPlI+PlE9PVNVVVU+PlE9PVA9PVA+PlE9PVE/PVAAAIA8PFE9PVE7
-O1M/PVBGRkY+PlE+PVE+PVH///+xWwq4AAAAL3RSTlMABHfb9/q6DcO2MQkSWebxCHiw594oS/wD
-NUR2a2TFLgaqu+3o1mkCL9wrggvH/tsRyDcAAAABYktHRACIBR1IAAAAB3RJTUUH4woeFwEUvNqr
-SAAAAJVJREFUGNNjYMAFGJmYWfQRgJWNHSzKwcnFjVDEw8vHLwCkBYXQtQtzAgkRUXRhMVYgIS4B
-JCSlpKSlZaRk5eSBHAV9IAHCDIpKSsrKKkqq+moMUCF9JO3qGurYhKGAkDCKlQyDy0pwmKAACXEg
-oamFLqylCSS0FdGFFbWBhI4uJ5c6ktO5OHV1oHGph4hKPWYmRgYGABg6FQBoNUg+AAAAJXRFWHRk
-YXRlOmNyZWF0ZQAyMDE5LTEwLTMwVDE1OjAxOjIwKzA4OjAwCpxrBAAAACV0RVh0ZGF0ZTptb2Rp
-ZnkAMjAxOS0xMC0zMFQxNTowMToyMCswODowMHvB07gAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIElt
-YWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC" />
-</svg>

src/assets/images/icons/fa-bars-a.svg

@@ -1,19 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
-    <title>资源 17 copy</title>
-    <desc>Created with Sketch.</desc>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="资源-17-copy">
-            <path d="M20.5018571,17.5 C20.9636231,17.2075347 21.1079551,16.6077574 20.8285899,16.1422487 L20.2976492,15.2773108 C20.025539,14.8454749 19.4691137,14.6814799 19.0009286,14.8951289 C18.9434286,14.3832718 18.5026935,13.9968947 17.9798887,14.0000188 L16.9588489,14.0000188 C16.4217164,13.9987211 15.9754068,14.4075701 15.937809,14.9353586 C15.459222,14.7050601 14.8813135,14.875835 14.6104573,15.3275979 L14.0999373,16.2025932 C13.8724717,16.6714521 14.0450707,17.2338025 14.4981429,17.5 C14.0363769,17.7924653 13.8920449,18.3922426 14.1714101,18.8577513 L14.7023508,19.7226892 C14.974461,20.1545251 15.5308863,20.3185201 15.9990714,20.1048711 C16.0565714,20.6167282 16.4973065,21.0031053 17.0201113,20.9999812 L18.0411511,20.9999812 C18.5782836,21.0012789 19.0245932,20.5924299 19.062191,20.0646414 C19.540778,20.2949399 20.1186865,20.124165 20.3895427,19.6724021 L20.9000627,18.7974068 C21.1275283,18.3285479 20.9549293,17.7661975 20.5018571,17.5 L20.5018571,17.5 Z" id="路径" stroke="#409EFF" stroke-linecap="round" stroke-linejoin="round"></path>
-            <circle id="椭圆形" stroke="#409EFF" stroke-linecap="round" stroke-linejoin="round" cx="17.5" cy="17.5" r="1.5"></circle>
-            <path d="M11.88,20.5 L4.5,20.5 C2.290861,20.5 0.5,18.709139 0.5,16.5 L0.5,4.5 C0.5,2.290861 2.290861,0.5 4.5,0.5 L15.5,0.5 C17.709139,0.5 19.5,2.290861 19.5,4.5 L19.5,11.94" id="路径" stroke="#409EFF" stroke-linecap="round" stroke-linejoin="round"></path>
-            <circle id="椭圆形" fill="#409EFF" cx="4.5" cy="5.25" r="1"></circle>
-            <path d="M7.5,5.25 L15.5,5.25" id="路径" stroke="#409EFF" stroke-linecap="round"></path>
-            <circle id="椭圆形" fill="#409EFF" cx="4.5" cy="10.25" r="1"></circle>
-            <path d="M7.5,10.25 L15.5,10.25" id="路径" stroke="#409EFF" stroke-linecap="round"></path>
-            <circle id="椭圆形" fill="#409EFF" cx="4.5" cy="15.25" r="1"></circle>
-            <path d="M7.5,15.25 L11.5,15.25" id="路径" stroke="#409EFF" stroke-linecap="round"></path>
-        </g>
-    </g>
-</svg>

src/assets/images/icons/fa-bars.svg

@@ -1,21 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
-    <title>菜单管理</title>
-    <desc>Created with Sketch.</desc>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="菜单管理">
-            <g>
-                <path d="M20.5018571,17.5 C20.9636231,17.2075347 21.1079551,16.6077574 20.8285899,16.1422487 L20.2976492,15.2773108 C20.025539,14.8454749 19.4691137,14.6814799 19.0009286,14.8951289 C18.9434286,14.3832718 18.5026935,13.9968947 17.9798887,14.0000188 L16.9588489,14.0000188 C16.4217164,13.9987211 15.9754068,14.4075701 15.937809,14.9353586 C15.459222,14.7050601 14.8813135,14.875835 14.6104573,15.3275979 L14.0999373,16.2025932 C13.8724717,16.6714521 14.0450707,17.2338025 14.4981429,17.5 C14.0363769,17.7924653 13.8920449,18.3922426 14.1714101,18.8577513 L14.7023508,19.7226892 C14.974461,20.1545251 15.5308863,20.3185201 15.9990714,20.1048711 C16.0565714,20.6167282 16.4973065,21.0031053 17.0201113,20.9999812 L18.0411511,20.9999812 C18.5782836,21.0012789 19.0245932,20.5924299 19.062191,20.0646414 C19.540778,20.2949399 20.1186865,20.124165 20.3895427,19.6724021 L20.9000627,18.7974068 C21.1275283,18.3285479 20.9549293,17.7661975 20.5018571,17.5 L20.5018571,17.5 Z" id="路径" stroke="#3E3D51" stroke-linecap="round" stroke-linejoin="round"></path>
-                <circle id="椭圆形" stroke="#3E3D51" stroke-linecap="round" stroke-linejoin="round" cx="17.5" cy="17.5" r="1.5"></circle>
-                <path d="M11.88,20.5 L4.5,20.5 C2.290861,20.5 0.5,18.709139 0.5,16.5 L0.5,4.5 C0.5,2.290861 2.290861,0.5 4.5,0.5 L15.5,0.5 C17.709139,0.5 19.5,2.290861 19.5,4.5 L19.5,11.94" id="路径" stroke="#3E3D51" stroke-linecap="round" stroke-linejoin="round"></path>
-                <circle id="椭圆形" fill="#3E3D51" cx="4.5" cy="5.25" r="1"></circle>
-                <path d="M7.5,5.25 L15.5,5.25" id="路径" stroke="#3E3D51" stroke-linecap="round"></path>
-                <circle id="椭圆形" fill="#3E3D51" cx="4.5" cy="10.25" r="1"></circle>
-                <path d="M7.5,10.25 L15.5,10.25" id="路径" stroke="#3E3D51" stroke-linecap="round"></path>
-                <circle id="椭圆形" fill="#3E3D51" cx="4.5" cy="15.25" r="1"></circle>
-                <path d="M7.5,15.25 L11.5,15.25" id="路径" stroke="#3E3D51" stroke-linecap="round"></path>
-            </g>
-        </g>
-    </g>
-</svg>

src/assets/images/icons/fa-c-login.svg

@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="26px" height="26px" viewBox="0 0 26 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
-    <title>账号</title>
-    <desc>Created with Sketch.</desc>
-    <g id="组件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="账号">
-            <g>
-                <circle id="椭圆形" stroke="#14255F" transform="translate(13.000000, 7.428571) rotate(-0.090000) translate(-13.000000, -7.428571) " cx="13" cy="7.42857143" r="6"></circle>
-                <path d="M24.5608093,24.5716707 C24.298841,18.4128961 19.2229427,13.5001303 12.99974,13.5 C6.77653958,13.4998697 1.70086027,18.4124202 1.43916826,24.5711864 L24.5608093,24.5716707 Z" id="路径" stroke="#14255F" transform="translate(13.000000, 19.035841) rotate(-0.090000) translate(-13.000000, -19.035841) "></path>
-                <rect id="矩形" fill="#14255F" x="1" y="24" width="24" height="1"></rect>
-            </g>
-        </g>
-    </g>
-</svg>

src/assets/images/icons/fa-c-passIcon.svg

@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="26px" height="26px" viewBox="0 0 26 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
-    <title>密码</title>
-    <desc>Created with Sketch.</desc>
-    <g id="组件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="密码">
-            <g>
-                <g id="编组复制"></g>
-                <rect id="矩形" fill="#14255F" x="13" y="13" width="1" height="8" rx="0.5"></rect>
-                <rect id="矩形" stroke="#14255F" x="2.5" y="7.5" width="22" height="17" rx="4"></rect>
-                <path d="M6,8 L6,8 C6,4.6862915 8.46243388,2 11.5,2 L11.5,2 L15.5,2 C18.5375661,2 21,4.6862915 21,8 L21,8" id="路径" stroke="#14255F"></path>
-            </g>
-        </g>
-    </g>
-</svg>

src/assets/images/icons/fa-collapse-updown.svg

@@ -1,2 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1572831183102" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2378" width="48" height="48" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path stroke="null" id="svg_1" fill="#1296db" d="m884.503837,733.09091a35.14182,35.14182 0 0 1 -24.66909,-10.24l-372.36364,-372.36364a34.90909,34.90909 0 1 1 49.33819,-49.33818l372.36363,372.36364a34.67636,34.67636 0 0 1 0,49.33818a35.14182,35.14182 0 0 1 -24.66909,10.24z"/>
- <path stroke="null" id="svg_2" fill="#1296db" d="m138.24615,733.09091a35.14182,35.14182 0 0 1 -24.66909,-10.24a34.67636,34.67636 0 0 1 0,-49.33818l372.36364,-372.36364a34.90909,34.90909 0 0 1 49.33818,49.33818l-372.36364,372.36364a35.14182,35.14182 0 0 1 -24.66909,10.24z"/></svg>