adminBigData/src/styles/common.scss

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC,
    Hiragino Sans GB, noto sans, Helvetica Neue, Helvetica,
    Arial, sans-serif;
}
ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

//页面最高层级  统一最底层背景色 #F0F4FB
.layout {
  position: relative;
  min-height: 100%;
  margin: 0 auto;
  padding-bottom: 30px;
  overflow-y: hidden;
  background-color: #f0f4fb;
}

.layoutMain {
  width: 1200px;
  margin: 0 auto;
  margin-top: 60px;
  min-height: 100%;
  margin-left: 0;
  margin-right: 0;
}

#app > div {
  height: 100%;
}

html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;//控制字体在 WebKit 浏览器（如 Chrome、Safari）中的抗锯齿方式。antialiased 表示使用“无锯齿”的字体渲染方式，使文字更清晰平滑，尤其适用于浅色或白色背景上的深色字体。
  text-rendering: optimizeLegibility;//告诉浏览器优先考虑文字的可读性而不是渲染速度或几何精度
  background: #F0F4FB;
}
.el-select .el-select__wrapper,
.el-input .el-input__wrapper,
.el-date-editor.el-input,
.el-button {
  height: 36px;
}
.el-button:focus  {
  outline: none;
}
.el-input-group__append {
  width: 36px;
}
.el-button.is-text {
  padding: 0 5px;
  font-weight: 400;
}
.el-button.is-text:not(.is-disabled):active,
.el-button.is-text:not(.is-disabled):hover 
{
  background: none;
}

.el-button.button_background {
  background: #2E64FA;
  border: 1px solid  #2E64FA;
  color: #fff;
  &:hover {
    background: #2E64FA;
  }
  &.actiive {
    border: none;
  }
}
.el-button.button_border {
  background: #fff;
  border: 1px solid  #2E64FA;
  color: #2E64FA;
  &:hover {
    background: none;
  }
}
.el-button.button_border_gray {
  background: #fff;
  border: 1px solid #DCDFE6;
  color: #BBBBBB;
  &:hover {
    background: none;
  }
  &.cancel  {
    color: #606266;
  }
}
.el-button.button_refresh {
  min-width: 72px!important;
  background: #fff;
  border: 1px solid #DCDFE6;
  color: #606266;
  &:hover {
    background: none;
  }
  &.cancel  {
    color: #606266;
  }
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner,
.el-checkbox__input.is-checked .el-checkbox__inner {
  background: #2E64FA;
  border-color: #2E64FA;
}
.el-checkbox__inner:hover, .el-radio__inner:hover {
  border-color: #2E64FA;
}

.el-radio__input.is-checked .el-radio__inner {
  background: #2E64FA;
  border-color: #2E64FA;
}
.el-radio__input.is-checked+.el-radio__label {
  color: #2E64FA;
}
.el-radio-button.is-active .el-radio-button__original-radio:not(:disabled)+.el-radio-button__inner {
  background: #2E64FA;
  border-color: #2E64FA;
}
.el-checkbox__input.is-checked+.el-checkbox__label {
  color: #2E64FA;
}
.el-select-dropdown__item.is-selected {
  color: #2E64FA;
}
.el-dropdown-menu__item:not(.is-disabled):focus, .el-dropdown-menu__item:not(.is-disabled):hover {
  color: #2E64FA;
}
button:focus, button:focus-visible {
  outline: none;
}
.el-picker-panel__icon-btn:focus-visible {
  color: #2E64FA;
}
.el-picker-panel__icon-btn:hover {
  color: #2E64FA;
}
.el-date-picker__header-label:hover {
  color: #2E64FA;
}
.el-date-table td.available:hover {
  color: #2E64FA;
}
.el-date-table, .el-year-table, .el-month-table  {
  td.today .el-date-table-cell__text {
    color: #2E64FA;
  }
  td .el-date-table-cell__text:hover {
    color: #2E64FA;
  }
  td.current:not(.disabled) .el-date-table-cell__text {
    background-color: #2E64FA;
  }
}
.el-message-box__btns .el-button:active {
  color: #606266;
  border-color: #DCDFE6; 
  background: none;
}
.el-message-box__btns .el-button:hover {
  border-color: #DCDFE6;
}
.el-message-box__headerbtn:focus .el-message-box__close, 
.el-message-box__headerbtn:hover .el-message-box__close {
  color: #999;
}

.el-select__wrapper.is-focused,
.el-input__wrapper.is-focus {
  box-shadow: 0 0 0 1px #2E64FA inset;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after {
  background: #2E64FA;
}

.el-pagination button.is-active, .el-pagination button:hover {
  color: #2E64FA;
}
.el-pagination.is-background .el-pager li.is-active {
  background: #2E64FA;
}

// 全局滚动条样式修改
/* 滚动条轨道区域样式 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  /* 设置滚动条宽度为8像素 */
  background-color: transparent;
}

/* 滑块样式 */
::-webkit-scrollbar-thumb {
  background-color: #b8b8b8;
  /* 设置滑块颜色为深灰色 */
  border-radius: 4px;

  max-height: 150px;//设置手柄最大高度
  /* 设置滑块边角半径为4像素 */
}

/* 滚动条轨道内部空白区域样式 */
::-webkit-scrollbar-track {
  background-color: #f0f0f0;
  /* 设置轨道背景色为浅灰色 */
}

/* 滚动条两端按钮样式 */
::-webkit-scrollbar-button {
  display: none;
  /* 不显示按钮 */
}

/* 交叉点处的区域样式 */
::-webkit-scrollbar-corner {
  background-color: transparent;
  /* 设置交叉点处的背景色为透明 */
}

/* 调整大小手柄样式 */
::-webkit-resizer {
  display: none;
  /* 不显示调整大小手柄 */
}

.vxe-table {
  // font-family: revert;
  /* 不设置 font-family，浏览器使用默认字体 */
}


.page_tree {
  width: 100%;
  border: 1px solid rgb(238, 238, 238);
  overflow-y: auto;
  border-radius: 6px;
  .el-tree--highlight-current
    .el-tree-node.is-current
    > .el-tree-node__content {
    background: #e3eeff !important;
    color: #2e64fa !important;
    border-radius: 4px;
    padding: 5px 4px;
    .el-icon-caret-right {
      color: #2e64fa !important;
    }
  }
  .el-tree--highlight-current
    .el-tree-node.is-current
    > .el-tree-node__content {
    background-color: red;
  }
  .el-tree-node .el-tree-node__content:hover {
    background-color: #f0f2f5;
    /* 悬浮时的背景色 */
    border-radius: 4px;
    padding: 5px 4px;
  }
  .el-tree-node .el-tree-node__content {
    padding: 5px 4px;
  }
}
//通用间隔
.page_jg {
  clear: both;
  height: 12px;
  width: 100%;
}
//通用间隔20px
.page_jg_20 {
  clear: both;
  height: 20px;
  width: 100%;
}
//通用间隔18px
.page_jg_18 {
  clear: both;
  height: 18px;
  width: 100%;
}
//通用间隔16px
.page_jg_16 {
  clear: both;
  height: 16px;
  width: 100%;
}
//通用间隔10px
.page_jg_10 {
  clear: both;
  height: 10px;
  width: 100%;
}
//页面表格公共样式
.page_table {
  .el-table {
    border-radius: 8px;
    border: 1px solid #f0f2f5;
    border-bottom: 0px solid #f0f2f5;
    //表格竖着的边框线样式
    th.el-table__cell {
      border-right: 1px solid #ebeef5;
    }
    .el-table__body-wrapper {
      table {
        tr {
          td {
            border-right: 1px solid #ebeef5;
          }
          td:last-child,
          th:last-child {
            border-right: 0px solid green;
          }
        }
      }
    }
    .el-table__empty-block {
      min-height: 120px;
      background-image: url("../assets/bg/table_no_data.png");
      background-size: 64px 72px;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      .el-table__empty-text {
        display: none;
      }
    }
  }
  //表格加载动画字体
  .el-loading-spinner .el-loading-text {
    font-size: 14px;
  }
  .el-loading-spinner i {
    font-size: 20px;
    color:#2E64FA;
  }
  //表格里的输入框 选择框样式覆盖
  .el-input__inner {
    height: 36px !important;
    line-height: 36px !important;
  }
  // 下拉选择框 中间箭头上下居中
  .el-select .el-input .el-select__caret {
    height: 36px;
  }
  // 下拉选择框 中间箭头上下居中
  .el-input__icon {
    line-height: 36px;
  }
  //去掉滚动条后的表格整体宽度
  .el-table__body {
    width: 100% !important;
  }
  //标题栏背景色
  .el-table tr th.el-table__cell {
    background-color: #f4f6f8 !important;
    font-size: 16px;
    color: #333;
    font-weight: 600;
  }
  .el-table .cell {
    padding: 0 5px !important;
  }
  .el-table thead {
    color: #333 !important;
    font-weight: 500;
    font-size: 14px;
    height: 52px;
    .is-left {
      padding-left: 10px;  //靠左的标题加10边距
    }
  }
  .el-table .el-table__cell {
    padding: 0;
    height: 52px;
    color:#666;
  }

}

.table_no_bg {
  .el-table__empty-block {
    // background-color: red;
    // min-height: 120px;
    min-height: auto !important;
    background-image: none !important;
    background-size: 64px 72px;
    background-position: 50% 50%;
    background-repeat: no-repeat;

    .el-table__empty-text {
      display: block !important;
    }
  }
}
//状态
.table_row_status {
  // font-family:"Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "WenQuanYi Zen Hei", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;

  //不计入 灰色
  .not_included_icon 
  {
    margin-left: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #C0C4CC;
  }

  //异常的  红色
  .abnormal_icon {
    margin-left: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fa3a2e;
  }

  //正常的  绿色的
  .normal_icon {
    margin-left: 5px;
    width: 6px;
    height: 6px;
    background: #2bc644;
    border-radius: 50%;
  }

  //分析管理  已发布
  .yes_release_icon {
    margin-left: 5px;
    width: 6px;
    height: 6px;
    background: #2bc644;
    border-radius: 50%;
  }

  //分析管理  未发布 缺考
  .no_release_icon {
    margin-left: 5px;
    width: 6px;
    height: 6px;
    background: #fb9f34;
    border-radius: 50%;
  }

  //分析管理  已关闭  违纪
  .ready_close_icon {
    margin-left: 5px;
    width: 6px;
    height: 6px;
    background: #f56c6c;
    border-radius: 50%;
  }

  //分析管理  需汇总
  .need_summary_icon {
    margin-left: 5px;
    width: 6px;
    height: 6px;
    background: #2e64fa;
    border-radius: 50%;
  }
  //分析管理  成绩中
  .score_look_icon {
    margin-left: 5px;
    width: 6px;
    height: 6px;
    background: #995FB3;
    border-radius: 50%;
  }
}


// 分页公共样式
.page_pagination {
  width: 100%;
  height: 30px;
  margin-top: 20px;
  margin-bottom: 2px;
 
  display: flex;
  justify-content: flex-end;
  align-items: center;

  .el-pagination {
    padding: 0 !important;
    display: flex;
    align-items: center;
  }
  .el-input--mini .el-input__inner {
    height: 30px !important;
    line-height: 30 !important;
  }
  // 上一页
  .el-pagination .btn-prev {
    width: 30px !important;
    height: 30px;
    padding: 0 !important;
    background: #f3f3f3;
    border-radius: 4px 4px 4px 4px;
  }

  // 下一页
  .el-pagination .btn-next {
    width: 30px !important;
    height: 30px;
    padding: 0 !important;
    background: #f3f3f3;
    border-radius: 4px 4px 4px 4px;
    margin-left: 8px;
  }

  .el-pagination span:not([class*="suffix"]),
  .el-pagination button {
    min-width: 30px;
  }

  .el-pagination .el-pager li {
    min-width: 30px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    background: #f3f3f3;
    border-radius: 4px 4px 4px 4px;
    padding: 0 !important;
    margin-left: 8px;
    font-weight: 400;
    font-size: 14px;
    color: #666;
  }

  .el-pagination .el-pager li.active {
    background: #2f51ff;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
  }
}



//页面公共样式
.page_item {
  width: 100%;
  // height: 100%;
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  // box-sizing: border-box;
}
.page_tag {
  width: calc(100% - 20px);
  height: 100%;
  border-radius: 0px 4px 4px 0px;
  .el-radio-button__inner {
    padding: 0 20px;
    height: 36px;
    line-height: 36px;
    color: #666666;
  }
  .el-radio-button__orig-radio:checked + .el-radio-button__inner {
    color: #fff !important;
  }
  .tab_item {
    font-weight: 400;
    font-size: 14px;
    color:#999999;
  }
  .tag_item {
    max-width: 100px;
    white-space: nowrap;     /* 禁止换行 */
    overflow: hidden;        /* 隐藏溢出内容 */
    text-overflow: ellipsis; /* 溢出部分显示省略号 */
  }
}




//页面筛选公共样式
.page_search {
  width: 100%;
  .search_content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .el_button_item {
      width: auto;
      height: 36px !important;
      line-height: 36px;
      padding: 0 10px;
      margin-left: 20px;
      font-size: 14px !important;
    }
    .el-select {
      width: 120px;
    }
    .el-input {
      width: 200px;
    }
    .content_left {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      width: auto;
      // height: 36px;
      line-height: 36px;
      .tab_button {
        width: auto;
        height: 36px !important;
        line-height: 36px;
        padding: 0 10px;
        // margin-right: 20px;
        font-size: 14px !important;
      }
      .select_cur {
        background:#2E64FA;
        color:#fff;
        border:1px solid #2E64FA;
      }
      .left_title {
        width: 42px;
        font-weight: 600;
        font-size: 14px;
        color: #333333;
        margin-right: 8px;
      }
      
      .grade_title {
        font-weight: 600;
        font-size: 16px;
        color: #333333;
        margin-right: 10px;
      }
      // 通用select
      .select_width
      {
        width: 120px;
        margin-right: 10px;
      }
      //通用input
      // .input_width
      // {
      //   width: 230px;
      // }
      
      //学年
      .select_year
      {
        width: 160px;
        margin-right: 10px;
      }

      .search_item
      {
          display: inline-block;
          margin-right: 10px;
          text-align: left;
          color:#333;
          .el-button {
            margin-left: 0px;
            min-width: 72px;
            height: 36px;
            line-height: 34px;
            padding: 0 10px;
        
            span {
              display: inline-flex;
              align-items: center;
              padding:0;
            }
        
            img {
              width: 16px;
              height: 16px;
              margin-right: 4px;
              vertical-align: middle;
              /* 使图标垂直居中 */
            }
          }

      }

    }

    .content_right 
    {
      width: auto;
      height: 36px;
      line-height: 36px;
      display: flex;
      justify-content: flex-end;
      gap: 10px;
      // .el-button
      // {
      //   height: 36px !important;
      //   line-height: 36px;
      //   padding: 0 10px;
      //   font-size: 14px !important;
      //   margin: 0 !important;
      // }

      .el-button {
        margin-left: 0px;
        min-width: 96px;
        height: 36px;
        line-height: 36px;
        padding: 0 10px;
    
        span {
          display: inline-flex;
          align-items: center;
          padding:0;
        }
    
        img {
          width: 16px;
          height: 16px;
          margin-right: 4px;
          vertical-align: middle;
          /* 使图标垂直居中 */
        }
      }
    
      .el-button--default {
        color: #666;
        font-weight: 400;
      }
      .el-button--primary.is-plain:hover {
        color: #2e64fa;
        background-color: #c0d1fe;
        font-size: 14px;
      } 

      .button_border
      {

      }

      .add_button
      {
        border:1px solid #2e64fa;
        background-color: #fff;
        color: #2e64fa;
      
      }

      .add_button:hover
      {
        color: #2e64fa;
        background-color: #c0d1fe;
        
      }

      .el_bttton_72
      {
        width: 72px;
        height: 36px;

      }
      
    }

    


  }

  .is-active
  {
    color:#2e64fa !important;
  }

  .el-tabs__item{
    font-size:16px;
    font-weight: 600;
    color:#666;
  }
  .el-tabs__header
  {
    margin: 0 0 16px 

  }

  .el-tabs__nav-wrap::after
  {
    height: 1px !important;
  }
}

.dialog_warning {
  .el-dialog__header {
    // background-color: red !important;
    background-image: url("../assets/icon/warning_icon.png");
    background-size: 20px 20px;
    background-position: 20px 50%;
    background-repeat: no-repeat;
    text-indent: 50px !important;
  }

  .center_align {
    text-align: center;
  }

  .warning_footer {
    width: calc(100% - 30px);
    margin: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    // background-color: red;
    height: 100%;
  }
}

//弹窗公共样式
.page_dialog {
  border-radius: 8px;
  //饿了么样式覆盖
  .el-dialog {
    padding: 0;
  }
  .el-dialog__headerbtn:focus .el-dialog__close, 
  .el-dialog__headerbtn:hover .el-dialog__close {
    color: #999;
  }
  .el-dialog__header {
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-indent: 20px;
    background-color: #f5f7fa;
    border-bottom: 1px solid #f5f7fa;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    padding: 0 !important;
    text-align: left;
    .el-dialog__title {
      font-weight: 600;
      font-size: 16px;
      color: #303133;
    }
    button:focus, button:focus-visible {
      outline: none;
    }
    .el-dialog__headerbtn {
      // display: none;
      // width: 100px;
      // height: 24px;
      // margin-top: -8px;
      // background-image: url("../assets/icon/close-line.png");
      // background-position: 100% 50%;
      // background-repeat: no-repeat;
      // background-size: 24px 24px;
      // // background-color: red;
      // cursor: pointer;
      // i {
      //   display: none;
      // }
    }
  }

  //饿了么内容样式覆盖
  .el-dialog__body {
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    padding: 20px;
    width: 100%;
    margin: auto;
    // min-height: 99px;
    // display: flex;
    // justify-content: flex-start;
    // align-items: center;
    .el-date-editor.el-input, .el-date-editor.el-input__wrapper {
      width: 140px;
    }
    .el-form .el-form-item:last-child {
      margin-bottom: 0;
    }
    .el-form-item__label {
      font-size: 16px;
      color: #000000CC;
    }
  }

  .max_height_540 {
    margin: 20px 0;
    max-height: 540px;
    overflow-y: auto;
  }

  .max_height_650 {
    overflow-y: auto;
    /* 小屏幕笔记本的样式 常见分辨率：1366x768 */
    @media (max-height: 768px) {
      max-height: 480px;
    }

    /* 中等屏幕笔记本的样式(14-15英寸) 常见分辨率：1600x900, 1920x1080*/
    @media (min-height: 767px) {
      max-height: 650px;
    }

    
  }

  .padding_20 {
    // width: calc(100% - 40px);
    padding: 20px 20px;
  }

  //个人中心 年级科目弹窗
  .content_course_tree
  {

    width: calc(100% - 40px);
    margin: auto;
    display: flex;
    justify-content:space-around;
    .tree_item
    {
        width: 30%;
        height: auto;
       
        .header_title
        {
            font-weight: 600;
            font-size: 16px;
            color: #333333;
            line-height: 30px;
        }

        .item_content
        {
            margin-top: 10px;
            width: 100%;
            height: 350px;
            border-radius: 6px;
            border: 1px solid #eeeeee;
            .check_all
            {
              width:100%;
              margin: auto;
              height: 34px;
              border-bottom: 1px solid #eeeeee;
              line-height: 34px;
              text-indent: 4px;
            }

            .check_content
            {
              width: 100%;
              height: 350px;
              overflow: auto;


              .el-checkbox-group
              {
                margin-top: 10px;
                .el-checkbox
                {
                  
                  width: 80%;
                  text-indent: 6px;
                  margin-bottom: 10px;

                }
              }

              
            }

            .page_tree
            {
              border: none !important;
              margin-top: 0px !important;
            }

            .select_item
            {
              width: calc(100% - 40px);
              margin: auto;
              line-height: 20px;
              display: flex;
              justify-content: space-between;
              margin-top: 10px;
              align-items: center;
              

              i{
                font-size: 18px;
                cursor: pointer;
              }
            }
        }
    
        
    
    }
   
  }

  //通用内容区域
  .dialog_center {
    width: calc(100% - 40px);
    margin: auto;

    .center_header
    {
      width: 100%;
      height: auto;
      display: flex;
      justify-content: space-between;
      .header_left
      {
        display: flex;
        justify-content: flex-start;
        align-items: center;

        .left_name
        {

          width: 120px;
          font-size: 16px;
          color:#666;
          font-weight: 400;
        }
        .el-input__inner 
        {
          width: 216px;
          height: 36px;
          line-height: 36px;
        }


      }

      .left_center
      {
        align-items: center;

        
      }

      .left_count
      {
        color:#333;
        font-size: 16px; 
        font-weight: 600;
      }

      .header_right
      {
        display: flex;
        justify-content: flex-end;
      }


    }

    //弹窗 check选择框公共样式
    .select_check_content
    {
      width: calc(100% - 40px);
      margin: auto;
      height: auto;
      // align-items: center;

      .el-checkbox-group
      {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        
      }
      .el-checkbox 
      {
        width:20%; 
        box-sizing: border-box; /* 确保 padding 和 border 不影响宽度 */
        // padding: 5px; /* 可选：添加一些内边距 */
        margin-bottom: 23px;
        margin-right: 0px;

        font-size: 16px;
        color:#333333;
        
      }

      .el-checkbox__label
      {
        font-weight: 400;
        font-size: 16px;
        color:#333;
      }
      
    }

    .center_message_title {
      text-indent: 20px;
      font-size: 16px;
      font-weight: 600;
      color: #000000;
    }

    .center_message_content {
      width: calc(100% - 40px);
      margin: auto;

      display: flex;
      justify-content: space-between;

      .content_lable {
        width: 70px;
        font-weight: 400;
        font-size: 14px;
        color: #666666;
        line-height: 16px;
        text-align: right;

        padding-top: 20px;
      }

      .content_radio {
        width: calc(100% - 70px);

        padding-top: 20px;

        .radio_item {
          width: 100%;
          height: auto;
          display: flex;
          justify-content: flex-start;
          margin-bottom: 15px;

          .item_radio {
          }

          .item_right {
            .right_title {
              font-weight: 500;
              font-size: 16px;
              color: #666666;
            }

            .right_message {
              font-weight: 400;
              font-size: 14px;
              color: #999999;
              margin-top: 10px;

              .input_number {
                width: 80px;
                height: 32px;
                margin-left: 5px;
                margin-right: 5px;
              }
            }
          }
        }
      }
    }

    .center_message_tishi {
      width: calc(100% - 40px);

      margin: auto;
      margin-top: 20px;
      font-weight: 500;
      font-size: 16px;
      line-height: 25px;
      color: #333333;
    }

    //导入文件 提示信息
    .import_message
    {
      font-size: 12px;
      color:#999;
      line-height: 20px;
      margin-top: 10px;
    }

    .center_message_input {
      width: calc(100% - 40px);
      margin: auto;
      margin-top: 20px;
      margin-bottom: 20px;
      font-weight: 400;
      font-size: 16px;
      color: #666666;
      display: flex;
      justify-content: flex-end;
      align-items: center;

      .el-icon-view {
        margin-top: 4px;
        cursor: pointer;
      }

      .el-input--small .el-input__icon {
        height: 36px;
        line-height: 36px;
      }

      .el-input--small .el-input__inner {
        width: 244px;
        height: 36px;
        line-height: 36px;
      }

      .el-input__suffix {
        top: 8px;
      }
    }

    .center_message {
      font-size: 16px;
      color: #333;
      padding: 15px 0;

      font-weight: 400;
      font-size: 14px;
      color: #666666;
      line-height: 20px;
      text-align: left;
    }

    .score_input {
      width: 74px !important;
      margin-left: 8px;

      .el-input__inner {
        width: 48px !important;
        height: 36px !important;
        line-height: 36px !important;
        font-size: 14px;
        padding: 0 5px;
        text-align: center;
      }
    }

    .select_width_160
    {
      .el-input
      {
        width: 160px !important;

      }
      .el-input__inner
      {
        width: 160px !important;
      }
    }

    .span_center
    {
      margin-left: 5px;
      margin-right: 5px;
    }
    .input_91 {
      width: 91px !important;


      .el-input__inner {
        width: 91px !important;
        height: 36px !important;
        line-height: 36px !important;
        font-size: 14px;
        padding: 0 0px;
        text-align: center;
      }
    }

    .list_content
    {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      gap: 16px;

      
      .select_item
      {
        width: auto;
        display: flex;
        justify-content: flex-start;

        .el-checkbox__label
        {
          padding: 0 0 0 5px;
        }
        .el-input
        {
          width: 120px;
          margin-left: 5px;
        }
        .el-input__inner
        {
          width: 120px;
          padding:0 0 0 8px !important;
        }
      }
    }

    .tab_item
    {
      // min-width:80px;
      padding:0 10px;
      height: 34px;
      border:1px solid #DCDFE6;
      line-height: 34px;
      text-align: center;
      border-radius: 4px;
      font-size: 14px;
      color:#666;
      margin-right: 10px;
      cursor: pointer;
    }

    .tab_active
    {
      background-color: #2E64FA;
      color:#fff;
    }
    

    .table_info {
      font-weight: 600;
      font-size: 16px;
      color: #303133;
      line-height: 24px;
      margin-bottom: 10px;
      display: flex;
      justify-content: space-between;
    }

    .el-form {
      width: 100% !important;

      .el-form-item {
        margin-bottom: 20px;
      }
    }
    //弹窗 el-from-item__content
    .el-form-item__content {
      display: flex;
      align-items: center;
      font-size: 16px;
      min-height: 40px;

      .upload_file_name
      {
        margin-left: 10px;
        line-height: 20px;
      }

      .el-input.is-disabled .el-input__inner
      {
        color:#333;
      }
      .score {
        padding-left: 5px;
      }

      // 下拉选择框 中间箭头上下居中
      .el-select .el-input .el-select__caret {
        height: 36px;
      }

      // 下拉选择框 中间箭头上下居中
      .el-input__icon {
        line-height: 36px;
      }

      .el-button--small
      {
        height: 36px !important;
        font-size: 14px;
      }

      .el-input {
        width: 240px;
        
      }

      .check_select 
      {
        .el-input {
          width: 87px !important;
        }
      }

      .el-input__inner {
        width: 240px;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
      }

      .el-input--mini {
        width: 240px;
      }

      .el-input-number {
        width: 240px;
      }

      // 数字输入框
      .el-input-number--mini {
        line-height: 34px;
      }

      // 开关
      .el-switch {
        height: 40px;
      }

      .radio_box {
        width: 180px;
        height: 40px;
      }

      .radio_number_horizontal {
        background-image: url("../assets/icon/question_number_horizontal.png");
        background-size: 78px 30px;
        background-repeat: no-repeat;
        background-position: 60px 50%;
      }

      .radio_number_vertical {
        background-image: url("../assets/icon/question_number_vertical.png");
        background-size: 40px 40px;
        background-repeat: no-repeat;
        background-position: 60px 50%;
      }

      .radio_answer_horizontal {
        background-image: url("../assets/icon/answer_direction_horizontal.png");
        background-size: 78px 30px;
        background-repeat: no-repeat;
        background-position: 60px 50%;
      }

      .radio_answer_vertical {
        background-image: url("../assets/icon/answer_direction_vertical.png");
        background-size: 40px 40px;
        background-repeat: no-repeat;
        background-position: 60px 50%;
      }

      // 组
      .el-radio-group {
        font-size: 14px;
        min-height: 40px;
        line-height: 40px;
        
        // display: flex;
        // align-items: center;
        .radio_question_number_horizontal {
          width: auto;
          height: 40px;
          line-height: 40px;
          // background-image: url('../assets/icon/question_number_horizontal.png');
          // background-size: 100% 100%;
          // background-repeat: no-repeat;
          // background-position: 0 0;

          img {
            width: 78px;
            height: 30px;
          }
        }
        .el-radio__label {
          padding-left: 5px !important;
          font-size: 16px !important;
        }
        
        .el-radio {
          margin-right: 20px !important;
        }
      }

      .group_item {
        line-height: 40px;
      }

      .el-input-group__append {
        width: 26px !important;
      }

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

    .el-form-item {
      // margin-bottom: 15px !important;
      min-height: 40px;
      .el-form-item__label {
        font-size: 16px !important;
        padding: 0 !important;
        color:#666666;
      }

      .el-checkbox__label
      {
        color:#666;
        font-size: 16px;
      }
    }

    .label_left {
      margin-left: 20px;
    }

    .dialog_search {
      width: 100%;
      height: auto;

      .search_title_info {
        font-weight: 600;
        font-size: 14px;
        color: #303133;

        span {
          margin-right: 20px;
        }
      }

      .search_input {
        .el-input-group {
          width: auto !important;
        }
      }

      .search_filter {
        margin-top: 8px;
        margin-bottom: 8px;
      }
    }

    .dialog_table {
      width: 100%;
      .el-table--group, .el-table--border {
        border-radius: 4px;
      }
      //表格顶部标题栏
      .el-table tr th.el-table__cell {
        background-color: #f4f6f8;
        font-size: 14px;
        color: #333;
        font-weight: 600;
      }
      .el-table__empty-block {
        // background-color: red;
        background-image: url("../assets/bg/table_no_data.png");
        background-size: 64px 72px;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        .el-table__empty-text {
          display: none;
        }
      }
      .el-table__body .el-table__cell {
        padding: 0 !important; //去掉弹窗表格的padding
        height: 42px;
        border-right: 1px solid #e9e9e9;
        .el-input--mini .el-input__inner {
          width: 100%;
        }
        .el-input-number__decrease {
          height: 16px !important;
          line-height: 16px;
          border-bottom: 1px solid #dcdfe6;
        }
        .el-input-number__increase {
          height: 16px !important;
          line-height: 16px;
          border-top: 1px solid #dcdfe6;
        }
        .el-input-number {
          width: 100%;
          height: 38px;
        }
        .el-input__inner {
          width: 100%;
        }
      }
    }

    .el-table__header,
    .el-table__body,
    .el-table__foote {
      width: 100%;
    }
    .el_table {
      box-shadow: 1px 1px 1px #e4e7ed;
      border-radius: 4px;
    }
    .default_pass {
      font-size: 12px;
      color:#666;
    }
  }
  //饿了么底部按钮样式覆盖
  .el-dialog__footer {
    padding: 0 20px;
    text-align: right;
    border-top: 1px solid #e6e6e6;
    height: 66px;
    line-height: 66px;
    border-radius: 0 0 8px 8px;
    .dialog_footer {
      padding: 0 !important;
      margin: auto;
      height: 64px;
      display: flex;
      justify-content: space-between;
      .footer_left {
        width: auto;
        height: 64px;
      }
      .footer_right {
        width: auto;
        height: 64px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
      }
    }
    .el-button {
      width: 68px;
      height: 36px;
      padding: 0 !important;
      font-size: 14px;
    }
    //饿了么按钮样式覆盖
    .el-button--primary {
      width: 68px;
      height: 36px;
      margin-left: 15px;
    }
    .el-button--default {
      width: 68px;
      height: 36px;
    }
    // 自定义特殊按钮样式
    .no_save_button {
      width: 82px;
      height: 36px;
      background: #ffffff;
      border-radius: 4px 4px 4px 4px;
      border: 1px solid #dcdfe6;
    }
    .save_button {
      width: 68px;
      height: 36px;
      margin-left: 20px;
    }
    .cancel_button {
      width: 68px;
      height: 36px;
      background: #ffffff;
      border-radius: 4px 4px 4px 4px;
      border: 1px solid #dcdfe6;
      margin-left: 20px;
    }
  }
  //消息提醒弹窗
  .el-message-box__header {
    padding: 0 !important;
    height: 48px;
    line-height: 48px;
    background-color: #f5f7fa;
    .el-message-box__title {
      height: 48px;
      line-height: 48px;
      font-weight: 500;
      font-size: 16px;
      color: #333;
      text-indent: 50px;
      background-image: url("../assets/icon/warning_icon.png");
      background-size: 20px 20px;
      background-position: 20px 50%;
      background-repeat: no-repeat;
    }
    .el-message-box__headerbtn {
      width: 36px;
      height: 36px;
      margin-top: -8px;
      background-image: url("../assets/icon/close-line.png");
      background-position: 100% 50%;
      background-repeat: no-repeat;
      background-size: 24px 24px;
      .el-icon-close {
        display: none;
      }
    }
  }
  .el-message-box__content {
    min-height: 55px;
    padding: 0px 0px !important;
    display: flex;
    justify-content: left;
    align-items: center;
    .el-message-box__message {
      padding: 20px 10px 20px 20px !important;
      font-weight: 400;
      font-size: 14px;
      color: #666666;
      line-height: 25px;
      max-height: 250px;
      overflow-y: auto;
      white-space: normal;
      word-break: break-all;
    }
  }
  .el-message-box__status {
    display: none !important;
  }
  .el-message-box__btns {
    padding: 13px 20px 4px 20px;
    border-top: 1px solid #e4e7ed;
    .el-button {
      width: 68px;
      height: 36px;
      border-radius: 4px 4px 4px 4px;
      border: 1px solid #dcdfe6;
      font-size: 14px;
    }
  }
  .el-upload-list {
    display: none;
  }
}

//弹窗全屏
.page_full_dialog
{
  //饿了么样式覆盖
  .el-dialog__header {
    display: none;
  }
  .el-dialog
  {
    border-radius: 0;
  }
  //饿了么内容样式覆盖
  .el-dialog__body {
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    margin: auto;
    // min-height: 99px;
    // display: flex;
    // justify-content: flex-start;
    // align-items: center;
  }
}

.el-popover
{
  border-radius: 4px;
}

//悬浮层公共样式  成绩单表头设置使用
.page_popover
{

  width: 100%;
  height: auto;
  .popover_content
  {
    width: auto;
    height:calc(100% - 46px) ;
    .vertical_checkbox_group
    {
      width:auto;
      display: flex;
      flex-direction:column;
      flex-wrap: wrap;
      // overflow-y: auto;
      height: 300px;
      .el-checkbox 
      {
        width:auto; 
        // box-sizing: border-box; /* 确保 padding 和 border 不影响宽度 */
        // padding: 5px 0px; /* 可选：添加一些内边距 */
        margin-bottom: 10px;
        // margin-right: 20px;
        font-weight: 400;
        font-size: 14px;
        color:#666;
      }
      
      
    }
   
    .el-checkbox__input.is-disabled + span.el-checkbox__label
    {
      color:#666;
    }
    
  }

  .popover_button
  {
    width: 100%;
    height: 36px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;

    .el-button 
    {
      margin-left: 0px;
      min-width: 68px;
      height: 36px;
  
      padding: 0;

      font-weight: 500;
      font-size: 14px;
      color: #666666;
  
    }
    .el-button--primary
    {
      color:#ffffff;
    }

  }
}
.el-time-panel {
  width: 130px !important;
}
//抽屉弹窗公共样式
.page_drawer {
  //日期选择弹窗组件样式覆盖
  .el-date-picker {
    background-color: red;
    width: 200px !important;

    .el-picker-panel__body {
      width: 200px !important;
    }

    .el-time-panel {
      width: 130px !important;
    }
  }
  .el-drawer__header {
    display: none;
  }

  .drawer_content {
    width: 100%;

    .set_search_title {
      width: 100%;
      height: 56px;
      line-height: 56px;
      text-indent: 20px;

      font-weight: 600;
      font-size: 16px;
      color: #303133;
    }
  }

  .drawer_footer {
    width: 360px;
    position: fixed;
    bottom: 0;
    right: 0;
  }

  .drawer_title {
    font-size: 16px;
    color: #fff;

    width: 100%;
    height: 48px;
    line-height: 48px;
    text-indent: 20px;

    font-weight: 600;
    font-size: 16px;
    color: #303133;

    border-bottom: 1px solid #14191f25;
    border-radius: 0px 0px 0px 0px;

    // background-image: url("@/assets/markDetailScore/close_drawer.png");
    // background-repeat: no-repeat;
    // background-size: 24px 24px;
    // background-position: calc(100% - 20px) 50%;
    cursor: pointer;
  }

  .sel_item {
    width: calc(100% - 40px);
    margin: auto;
    margin-bottom: 16px;

    .selItem_title {
      line-height: 28px;
      font-weight: 400;
      font-size: 16px;
      color: #303133;
    }

    .selValItem_line {
      margin: 0 9px;
    }
  }

  .button_content {
    width: 100%;
    height: auto;

    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .drawer_button {
    width: calc(100% - 40px);
    margin: auto;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
    height: 36px;
  }

  .end_content {
    width: 100%;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid rgba(25, 31, 37, 0.08);

    .end_button {
      width: calc(100% - 40px);
      height: 36px;
      border-radius: 4px 4px 4px 4px;
      border: 1px solid #f56c6c;

      font-weight: 500;
      font-size: 14px;
      color: #f56c6c;
    }
  }

  .w173 {
    width: 231px;
  }
}



/* 小屏幕笔记本的样式 常见分辨率：1366x768 */
@media (max-width: 1366px) {
  .exam_aside {
    width: 206px;
  }
}

/* 中等屏幕笔记本的样式(14-15英寸) 常见分辨率：1600x900, 1920x1080*/
@media (min-width: 1367px) and (max-width: 1920px) {
  .exam_aside {
    width: 15%;
  }
}

/* 大屏幕笔记本的样式(17-20英寸) 常见分辨率：2560x1440*/
@media screen and (min-width: 1920px) {
  .exam_aside {
    width: 19%;
  }
}

/* 高分辨率设备的样式 */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
}


// 应用滚动条样式到三个类下的 .el-table__body-wrapper
.page_table, .dialog_table, .area_table, .right_table, .card_table
{
  .el-table__body-wrapper {
    // 滚动条样式修改
    /* 滚动条轨道区域样式 */
    &::-webkit-scrollbar {
      width: 8px;
      /* 设置滚动条宽度为8像素 */
      height: 8px;
      /* 设置滚动条高度为8像素 */
      background-color: transparent;
    }

    /* 滑块样式 */
    &::-webkit-scrollbar-thumb {
      background-color: #b8b8b8;
      /* 设置滑块颜色为深灰色 */
      border-radius: 4px;
      /* 设置滑块边角半径为4像素 */
      min-height: 60px;//设置手柄最小高度
    }

    /* 滚动条轨道内部空白区域样式 */
    &::-webkit-scrollbar-track {
      background-color: #f0f0f0;
      /* 设置轨道背景色为浅灰色 */
    }

    /* 滚动条两端按钮样式 */
    &::-webkit-scrollbar-button {
      display: none;
      /* 不显示按钮 */
    }

    /* 交叉点处的区域样式 */
    &::-webkit-scrollbar-corner {
      background-color: transparent;
      /* 设置交叉点处的背景色为透明 */
    }

    /* 调整大小手柄样式 */
    &::-webkit-resizer {
      display: none;
      /* 不显示调整大小手柄 */
    }
  }

  // 表格列表标题栏滚动条
  .el-table th.gutter {
    // display: none !important;
    width: 8px !important;
  }

  // 表格滚动条列宽
  .el-table colgroup col[name="gutter"] {
    // display: ;
    width: 8px;
  }
}

.el-message-box__btns {
  .el-button + .el-button {
    margin-left: 10px!important;
  }
  .el-button {
    &:hover {
      background: none;
      color: #606266;
    }
    &.active {
      background: none;
      color: #606266;
    }
    .el-button:focus-visible {
      background: inherit;
      border: none;

    }
    &.fouce {
      background: inherit;
      border: none;
    }
  }
  .el-button--primary {
    background: #2E64FA;
    &:hover {
      background: #2E64FA;
      color: #fff;
    }
    &.active {
      background: #2E64FA;
      color: #fff;
    }
  }

}
//列表行操作
.table_row_option {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  
  .move_icon {
    width: 36px;
    height: 36px;
    background-image: url("../assets/icon/move_icon_hover.png");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 0% 50%;
    cursor: move;
  }

  .sort_move
  {
    width: 36px;
    height: 36px;
    background-image: url("../assets/icon/sort_move.webp");
    background-size: 20px 21px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: move;
  }

  .editor_icon {
    width: 36px;
    height: 36px;
    background-image: url("../assets/icon/editor_icon_hover.png");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 0% 50%;
    cursor: pointer;
  }

  .delete_icon {
    width: 36px;
    height: 36px;
    background-image: url("../assets/icon/delete_icon.png");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 0% 50%;
    cursor: pointer;
  }

  .el_button_editor {
    width: 30px;
    height: 36px !important;
    line-height: 36px;

    font-size: 14px;
    color: #2e64fa;
    cursor: pointer;
  }

  .option_button_editor {
    width: auto;
    height: 36px !important;
    line-height: 36px;

    font-size: 14px;
    color: #2e64fa;
    cursor: pointer;
  }

  .editor_disable {
    color: #bbbbbb !important;
    cursor: not-allowed !important;
  }

  .el_button_delete {
    width: 30px;
    height: 36px !important;
    line-height: 36px;
    font-size: 14px;
    color: #F56C6C;
    cursor: pointer;
  }

  .button_editor {
    width: auto;
    height: 36px;
    line-height: 36px;
    margin-right: 5px;
    font-size: 14px;
    color: #2e64fa;
    cursor: pointer;
  }

  .button_delete {
    width: auto;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #F56C6C;
    cursor: pointer;
  }

  .option_delete {
    color: #f56c6c;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
  }

  .option_editor {
    color: #2e64fa;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
  }

  .option_add {
    font-weight: 400;
    font-size: 14px;
    color: #f56c6c;
    cursor: pointer;
  }
  .option_disabled
  {
    font-weight: 400;
    font-size: 14px;
    color: #C0C4CC;
  }
}



// 表格滚动条样式通用
.el-table__body-wrapper {
  // 滚动条样式修改
  /* 滚动条轨道区域样式 */
  &::-webkit-scrollbar {
    width: 10px;
    /* 设置滚动条宽度为8像素 */
    background-color: transparent;
  }

  /* 滑块样式 */
  &::-webkit-scrollbar-thumb {
    background-color: #b8b8b8;
    /* 设置滑块颜色为深灰色 */
    border-radius: 4px;
    /* 设置滑块边角半径为4像素 */
    min-height: 60px;//设置手柄最小高度
  }

  /* 滚动条轨道内部空白区域样式 */
  &::-webkit-scrollbar-track {
    background-color: #f0f0f0;
    /* 设置轨道背景色为浅灰色 */
  }

  /* 滚动条两端按钮样式 */
  &::-webkit-scrollbar-button {
    display: none;
    /* 不显示按钮 */
  }

  /* 交叉点处的区域样式 */
  &::-webkit-scrollbar-corner {
    background-color: transparent;
    /* 设置交叉点处的背景色为透明 */
  }

  /* 调整大小手柄样式 */
  &::-webkit-resizer {
    display: none;
    /* 不显示调整大小手柄 */
  }
}

// 表格列表标题栏滚动条
.el-table th.gutter {
  // display: none !important;
  width: 8px !important;
}

// 表格滚动条列宽
.el-table colgroup col[name="gutter"] {
  display: none;
  width: 8px;
}

// 使用element-ui按钮后的 公共按钮样式  导入 导出  其他等等可追加
.el_button {
  .el-button .is-disabled {
    background-color: #f5f7fa;
    border-color: #dcdfe6;
    color: #c0c4cc;
    cursor: not-allowed;
    background-color: red !important;
  }

  .el-button {
    min-width: 72px;
    width: auto;
    height: 36px;
    padding: 0 !important;
  }

  //导出
  .export_btn {
    width: auto;
    height: 36px !important;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    text-indent: 20px;

    background-image: url("../assets/icon/exam_exports.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 12px 50%;
    cursor: pointer;
  }

  .export_btn:hover {
    color: #2e64fa;
    background-image: url("../assets/icon/exam_export.png");
  }

  //导入
  .import_btn {
    width: auto;
    height: 36px !important;
    line-height: 36px;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    margin-left: 10px;
    text-indent: 20px;
    background-image: url("../assets/icon/exam_imports.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 12px 50%;
    cursor: pointer;
  }

  .import_btn:hover {
    color: #2e64fa;
    background-image: url("../assets/icon/exam_import.png");
  }

  //返回扫描
  .back_scan_button {
    width: 120px;
    height: 36px !important;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    text-indent: 20px;

    background-image: url("../assets/icon/exam_back.png");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 17px 50%;
    cursor: pointer;
  }

  //刷新
  .refresh_btn {
    width: 68px;
    height: 36px !important;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    text-indent: 20px;

    background-image: url("../assets/icon/refresh_default.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 10px 50%;
    cursor: pointer;
  }

  //适合屏幕
  .fit_screen_btn {
    width: 96px;
    height: 36px;

    font-weight: 400;
    font-size: 14px;
    color: #666666;

    text-align: center;
    background-image: url("../assets/icon/fit_screen_default.png");
    background-size: 16px 16px;
    background-position: 8px 50%;
    background-repeat: no-repeat;
    text-indent: 20px;
    margin-left: 10px;
    margin-right: 0px;
  }

  // 删除
  .delete_btn {
    width: 96px;
    height: 36px !important;
    font-weight: 400;
    font-size: 14px;
    color: #f56c6c;
    text-align: center;
    border: 1px solid #f56c6c;
    cursor: pointer;
    margin-left: 20px;
  }

  // 编辑
  .editor_btn {
    width: 96px;
    height: 36px !important;
    font-weight: 400;
    font-size: 14px;
    color: #2E64FA;
    text-align: center;
    border: 1px solid #2E64FA;
    cursor: pointer;
    margin-left: 20px;
  }

  //标记为正常
  .marke_normal_btn {
    width: 96px;
    height: 36px !important;
    font-weight: 400;
    font-size: 14px;
    color: #2e64fa;
    text-align: center;
    border: 1px solid #2e64fa;
    cursor: pointer;
    margin-left: 20px;
  }

  //标记为正常 禁用
  .marke_normal_btn_disable {
    width: 110px;
    height: 36px !important;
    font-weight: 400;
    font-size: 14px;
    color: #c0c4cc;
    cursor: not-allowed;
    background-image: none;
    background-color: #ffffff;
    border-color: #ebeef5;
    margin-left: 20px;
  }

  // 标记为缺考
  .marke_miss_exam_btn {
    width: 110px;
    height: 36px !important;
    font-weight: 400;
    font-size: 14px;
    color: #2e64fa;
    text-align: center;
    border: 1px solid #2e64fa;
    cursor: pointer;
    margin-left: 20px;
  }

  //重新切割
  .re_cut_btn {
    width: calc(50% - 10px);
    height: 36px !important;
    font-weight: 400;
    font-size: 14px;
    color: #2e64fa;
    text-align: center;
    border: 1px solid #2e64fa;
    cursor: pointer;
  }

  //灰色按钮
  .abnormal_other_btn {
    width: calc(50% - 10px);
    height: 36px !important;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    text-align: center;
    border: 1px solid #e9e9e9;
    cursor: pointer;
  }

  //删除试卷
  .delete_paper_btn {
    width: calc(50% - 10px);
    height: 36px !important;
    font-weight: 400;
    font-size: 14px;
    color: #f56c6c;
    text-align: center;
    border: 1px solid #f56c6c;
    cursor: pointer;
  }

  // 回收站
  .recycle_bin_btn {
    width: calc(100% - 40px);
    margin: auto;
    height: 36px !important;
    font-weight: 400;
    font-size: 14px;
    color: #dcdfe6;
    text-align: center;
    border: 1px solid #dcdfe6;
    cursor: pointer;
    margin-left: 20px;
  }

  //结束批阅
  .end_review {
    width: 96px;
    height: 36px;
    background: #f56c6c;
    border-radius: 4px 4px 4px 4px;
    border: 0px solid #f56c6c;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
  }

  //处理异常卷
  .review_abnormal {
    width: 110px !important;
    height: 36px;
    background: #ffffff;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #f56c6c;
    font-weight: 400;
    font-size: 14px;
    color: #f56c6c;
  }

  .other_button_review {
    width: 68px;
    height: 36px;
    background: #ffffff;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #dcdfe6;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
  }

  //重新导入名单
  .other_btn {
    width: 120px !important;
    height: 36px !important;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #dcdfe6;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
  }


  //通用蓝色无背景编辑按钮
  .editor_item
  {
    width: 96px;
    height: 36px !important;
    font-weight: 400;
    font-size: 14px;
    color: #2E64FA;
    text-align: center;
    border: 1px solid #2E64FA;
    cursor: pointer;
  }
  .editor_item:hover
  {
    background: rgba(46,100,250,0.1);
    color: #2E64FA;
    border: 1px solid #2E64FA;
  }
  // 通用红色无背景删除
  .delete_item 
  {
    width: 96px;
    height: 36px !important;
    font-weight: 400;
    font-size: 14px;
    color: #f56c6c;
    text-align: center;
    border: 1px solid #f56c6c;
    cursor: pointer;
  }
  .delete_item:hover 
  {
    background: rgba(245,108,108,0.1);
    color: #f56c6c;
    border: 1px solid #f56c6c;
  }
}





.pic_item_list {
  width: 100%;

  padding-top: 10px;
  // overflow-x: auto;
  // height: 160px;
  display: flex;
  justify-content: flex-start;

  .draggable_move {
    display: flex;

    span {
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }
  }

  .pic_item_img_detail {
    width: 181px;
    height: auto;
    position: relative;
    margin-right: 10px;

    .pic_item_img_title {
      font-weight: 500;
      font-size: 14px;
      color: #303133;
      margin-bottom: 5px;
      display: flex;
      justify-content: space-between;

      .title_left {
        font-weight: 500;
        font-size: 14px;
        color: #303133;
      }

      .title_right {
        font-weight: 400;
        font-size: 14px;
        color: #666666;
      }
    }

    .pic_item_img_content {
      width: 181px;
      height: 128px;

      // background-color: red;
      img {
        width: 100%;
        height: 100%;

        cursor: pointer;
        border-radius: 5px;
        object-fit: contain;
      }
    }

    .button_group {
      position: absolute;
      display: flex;
      display: none;
      width: 181px;
      height: 128px;
      z-index: 10;
      top: 20px;
      left: 0;
      background: rgba(0, 0, 0, 0.4);
      align-items: center;
      justify-content: center;
      gap: 16px;

      .pic_button_view {
        width: 68px;
        height: 34px;
        text-align: center;
        line-height: 34px;

        cursor: pointer;
        background-color: rgba(255, 255, 255, 1);
        border: 1px solid rgba(220, 223, 230, 1);
        border-radius: 4px;
        color: #666666;

        text-indent: 15px;
        background-image: url("../assets/icon/pic_show_view.png");
        background-size: 16px 16px;
        background-position: 10px 50%;
        background-repeat: no-repeat;
        font-size: 14px;
      }

      .pic_button_delete {
        width: 68px;
        height: 34px;
        text-align: center;
        line-height: 34px;

        cursor: pointer;
        background-color: rgba(255, 255, 255, 1);
        border: 1px solid rgba(220, 223, 230, 1);
        border-radius: 4px;

        text-indent: 10px;
        background-image: url("../assets/icon/pic_show_delete.png");
        background-size: 16px 16px;
        background-position: 10px 50%;
        background-repeat: no-repeat;
        color: #f56c6c;
        font-size: 14px;
      }
    }
  }

  .pic_item_img_detail:hover .button_group {
    display: flex;
  }
}


// 42行高表格公共样式
.table_42 {
  width: 100%;
  padding-bottom: 10px;

  .el-table {
    width: 100%;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-radius: 4px;
  }

  .el-table--border .no-border {
    border-right: none !important; // 移除右边框
  }

  .el-table--border .no-border + .el-table__cell {
    border-left: none !important; // 移除左边框
  }

  .el-table .cell {
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .el-table .el-table__cell {
    padding: 0 !important;
    height: 42px;
  }

  .el-table tr th.el-table__cell {
    background-color: #f0f2f5 !important;
  }

  .el-table th.el-table__cell > .cell {
    padding: 0 !important;
  }

  .el-table thead {
    width: 100%;
    height: 42px !important;
    background-color: #f0f2f5 !important;
  }

  .el-table .el-table__body tr {
    height: 42px;
    font-size: 14px;
  }

  .table_row_title {
    width: 100%;
    display: inline-block;
    // display: block;
    overflow: hidden;
    /* 隐藏超出容器的内容 */
    white-space: nowrap;
    /* 保持文本在一行内 */
    text-overflow: ellipsis;
    /* 超出部分显示省略号 */
    cursor: pointer;
  }
}

//无数据显示
.no_content_data
{
  background-image: url("../assets/bg/no_content_bg.png");
  background-repeat: no-repeat;
  background-size:360px auto;
  background-position: 50% 30%;
  color: #999999;
  justify-content: center;
  display: flex;
  align-items: center;
}