FE-V2-PC/src/assets/styles/ZDpageCss.scss

/*火狐浏览器*/
* {
  scrollbar-color: #e0e0e0 rgba(255,255,255,0); /* 滑块颜色  滚动条背景颜色 */
  scrollbar-width: thin; /* 滚动条宽度有三种：thin、auto、none */
}
/*===================================各个页面独立样式===================================*/
//风险预案
.plan .el-button--text{
  width:120px!important;
}
//危险源管理
.hazard .el-button--text{
  width:120px!important;
}
.hazard .el-drawer__open .el-drawer.rtl{
  border-top-left-radius:10px;
  border-bottom-left-radius:10px;
}
//信息发布
.content-page{
  .el-dialog__body{
    max-height:600px;
    overflow-y: scroll;
  }
  .el-dialog__body::-webkit-scrollbar{
    width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
  }
  .el-dialog__body::-webkit-scrollbar-thumb{
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px #999;
    background: #fff;
  }
  .el-dialog__body::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0);
    border-radius: 0;
    background: rgba(255,255,255,0);
  }
  //.el-tag.el-tag--info{
  //  color:$color_one;
  //}
  //.el-tag.el-tag--info .el-tag__close{
  //  color:$color_one;
  //  background-color: transparent;
  //}
}
//题目管理-新增题目
.qu{
  .el-input--small{
    width:145px;
  }
  .el-form--inline .el-form-item{
    margin-left:0!important;
  }
  .el-date-editor.el-input, .el-date-editor.el-input__inner{
    width:155px;
  }
}
.qu .addTopic{
  .el-form-item__label{
    width:100px!important;
  }
  .el-select{
    width:420px!important;
  }
  .el-input--small{
    width:420px!important;
  }
  .options-box .el-input--small{
    width:365px!important;
  }
  .el-form-item__content{
    margin-left:100px!important;
  }
}
//考试管理
.exam-dialog-box .el-select{
  width:330px!important;
}
//考试详情
.examInfo .button-box .el-form-item__content{
  margin-left: 10px!important;
}
//新增考试
.exam .addExamPage .el-select{
  width:420px!important;
}
.info-right-top-box .el-form-item__label{
  width:94px!important;
}
.info-right-top-box .el-form-item__content{
  width:170px!important;
}
.info-right-bottom-box .el-form-item__label{
  width:94px!important;
}
.info-right-bottom-box .el-form-item__content{
  width:170px!important;
}
.configuration-top-box .el-input--small{
  width:420px!important;
}
.configuration-center-box .el-input--small{
  width:406px!important;
}
.configuration-center-box .el-input-group__prepend{
  background: #E0E0E0;
  color:#333;
  font-size:12px;
}
.configuration-bottom-box{
  .one .el-form-item__label{
    width:87px!important;
  }
  .two .el-form-item__label{
    width:112px!important;
  }
  .two .el-form-item{
    width:330px!important;
  }
}
.faculty-box{
  .el-form-item__content{
    width:330px!important;
  }
}
//控制记录
.control {
  .el-form{
    //.el-form-item:nth-child(1) .el-form-item__content{
    //  width:175px!important;
    //}
    //.el-form-item:nth-child(2) .el-form-item__content{
    //  width:175px!important;
    //}
    //.el-form-item:nth-child(3) .el-form-item__content{
    //  width:175px!important;
    //}
    //.el-form-item:nth-child(4) .el-form-item__content{
    //  width:175px!important;
    //}
    .el-input--medium .el-input__inner{
      height:40px;
      line-height:40px;
    }
  }
}
//传感器管理
.sensor-dialog-box .el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease{
  height:38px;
  line-height:38px;
}
.sensor-dialog-box .el-input--medium{
  width:340px!important;
}
.sensor-dialog-box .el-input-number--medium{

  width:340px!important;
}
//识别器管理
.recognizer .el-form-item__label{
  width:90px!important;
}
.recognizer-dialog-box .el-form-item__label{
  width:130px!important;
}
.recognizer-dialog-box .el-input--medium{
  width:340px!important;
}
.recognizer-dialog-box .el-input-number--medium{

  width:340px!important;
}
//硬件管理
.hardware-dialog{
  .el-form-item__label{
    width:90px!important;
  }
  .el-input--medium{
    width:340px!important;
  }
}
//硬件管理
.hardware{
  .switch .el-switch__label {
    position: absolute;
    display: none;
    color: #fff !important;
  }
  .switch .el-switch__label--right {
    z-index: 1;
  }
  .switch .el-switch__label--right span{
    margin-left: 10px;
  }
  .switch .el-switch__label--left {
    z-index: 1;
  }
  .switch .el-switch__label--left span{
    margin-left: 24px;
  }
  .switch .el-switch__label.is-active {
    display: block;
  }
  .switch.el-switch .el-switch__core,
  .el-switch .el-switch__label {
    width: 60px !important;
    margin: 0;
  }
}
//供应商管理
.supplier{
  .switch .el-switch__label {
    position: absolute;
    display: none;
    color: #fff !important;
  }
  .switch .el-switch__label--right {
    z-index: 1;
  }
  .switch .el-switch__label--right span{
    margin-left: 10px;
  }
  .switch .el-switch__label--left {
    z-index: 1;
  }
  .switch .el-switch__label--left span{
    margin-left: 24px;
  }
  .switch .el-switch__label.is-active {
    display: block;
  }
  .switch.el-switch .el-switch__core,
  .el-switch .el-switch__label {
    width: 60px !important;
    margin: 0;
  }
}
//学生卡信息审核
.pending .el-drawer__open .el-drawer.rtl{
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.pending-drawer-max-box{
  height:100%;
  display: flex;
  flex-direction: column;
  .pending-drawer-title{
    display:flex;
    border-bottom:1px solid #E0E0E0;
    p{
      flex:1;
      line-height:62px;
      font-size:18px;
      padding-left:20px;
      color:$color_one;
      margin:0;
    }
    i{
      display:block;
      font-size:20px;
      height:20px;
      width:20px;
      line-height:20px;
      cursor:pointer;
      margin:22px 22px 0 0;
    }
  }
  .pending-drawer-content{
    flex:1;
    .pending-drawer-content-img{
      display: flex;
      p{
        width:100px;
        margin:16px 0 0 26px;
        line-height:35px;
        text-align:center;
        font-size:16px;
        color:$color_33;
      }
      img{
        margin:16px 0 0 0;
        width:400px;
        height:200px;
      }
    }
    .pending-drawer-content-img-box{
      padding:24px 20px 0;
      .left-span{
        display: inline-block;
        width:100px;
        margin:0;
        font-size:16px;
        line-height:24px;
        color:$color_99;
        text-align: left;
      }
      .el-input--small{
        display: inline-block;
        width:405px;
      }
    }
  }
  .pending-bottom-button-box{
    display:flex;
    border-top:1px solid #E0E0E0;
    padding-top:12px;
    padding-bottom:17px;
    p{
      width: 100px;
      height: 40px;
      line-height:40px;
      text-align: center;
      border-radius: 4px;
      font-size:16px;
      margin:0;
      cursor:pointer;
    }
    p:nth-child(1){
      flex:1;
    }
    p:nth-child(2){
      background: $back_one;
      color:$color_ff;
      margin-right:16px;
    }
  }
}
//配置违规规则
.configuration-dialog .el-input--medium{
  width:340px!important;
}
.configuration .el-drawer__open .el-drawer.rtl{
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.configuration-drawer-max-box{
  height:100%;
  display: flex;
  flex-direction: column;
  .configuration-drawer-title{
    display:flex;
    border-bottom:1px solid #E0E0E0;
    p{
      flex:1;
      line-height:62px;
      font-size:18px;
      padding-left:20px;
      color:$color_one;
      margin:0;
    }
    i{
      display:block;
      font-size:20px;
      height:20px;
      width:20px;
      line-height:20px;
      cursor:pointer;
      margin:22px 22px 0 0;
    }
  }
  .configuration-drawer-content{
    flex:1;
    padding-top:20px;
    .img-box{
      padding:0 20px;
      font-size:16px;
      color:#333;
      img{
        display: block;
        border-radius:10px;
        width:300px;
        height:180px;
        margin:0 auto;

      }
    }
  }
  .configuration-drawer-content-img-box{
    padding:24px 20px 0;
    .left-span{
      display: inline-block;
      width:100px;
      margin:0;
      font-size:16px;
      line-height:24px;
      color:$color_99;
      text-align: left;
    }
    .el-input--small{
      display: inline-block;
      width:300px;
    }
  }
  .configuration-bottom-button-box{
    display:flex;
    border-top:1px solid #E0E0E0;
    padding-top:12px;
    padding-bottom:17px;
    p{
      width: 100px;
      height: 40px;
      line-height:40px;
      text-align: center;
      border-radius: 4px;
      font-size:16px;
      margin:0;
    }
    p:nth-child(1){
      flex:1;
    }
    p:nth-child(2){
      background: $back_e0;
      color:$color_99;
      margin-right:16px;
      cursor:pointer;
    }
    p:nth-child(3){
      background: $back_one;
      color:$color_ff;
      cursor:pointer;
      margin-right:16px;
    }
  }
}
.configuration-drawer{
  .el-drawer.rtl{
    width:560px!important;
  }
  .el-form-item__label{
    width:110px!important;
  }
  .el-input--medium{
    width:400px!important;
  }
  .el-input--small{
    width:400px!important;
  }
}
.processed{
  .el-input--medium{
    width:370px!important;
  }
}
//收到随手拍
.photonote-pending-drawer{
  .el-drawer.rtl{
    width:500px!important;
  }
  .el-form-item__label{
    width:110px!important;
  }
  .el-input--medium{
    width:400px!important;
  }
  .el-input--small{
    width:400px!important;
  }
}
.photonote-pending-drawer-drawer-max-box{
  height:100%;
  display: flex;
  flex-direction: column;
  .photonote-pending-drawer-drawer-title{
    display:flex;
    border-bottom:1px solid #E0E0E0;
    p{
      flex:1;
      line-height:62px;
      font-size:18px;
      padding-left:20px;
      color:$color_one;
      margin:0;
    }
    i{
      display:block;
      font-size:20px;
      height:20px;
      width:20px;
      line-height:20px;
      cursor:pointer;
      margin:22px 22px 0 0;
    }
  }
  .photonote-pending-drawer-drawer-content{
    flex:1;
    padding-top:20px;
    div{
      margin-bottom:20px;
      display:flex;
      p{
        font-size:16px;
        margin:0;
      }
      p:nth-child(1){
        color:$color_99;
        width:128px;
        line-height:30px;
        text-align:right;
      }
      p:nth-child(2){
        width:410px;
        color:$color_33;
        line-height:30px;
        text-align:left;
      }
    }
    img{
      width:300px;
      height:180px;
      display: block;
      margin:0 0 20px 120px;
    }
    .photonote-pending-drawer-drawer-content-img{
      display: block;
    }
  }
  .photonote-pending-drawer-bottom-button-box{
    display:flex;
    border-top:1px solid #E0E0E0;
    padding-top:12px;
    padding-bottom:17px;
    p{
      width: 100px;
      height: 40px;
      line-height:40px;
      text-align: center;
      border-radius: 4px;
      font-size:16px;
      margin:0;
      cursor:pointer;
    }
    p:nth-child(1){
      flex: 1;
    }
    p:nth-child(2){
      background: $back_e0;
      color:$color_99;
      margin-right:20px;
    }
    p:nth-child(3){
      background: $back_one;
      color:$color_ff;
      margin-right:20px;
    }
  }
}
//用户管理
.user-page-admin{
  /*==========树结构开始==========*/
  .el-tree-node__expand-icon.expanded {
    -webkit-transform: rotate(0deg)!important;
    transform: rotate(0deg)!important;
  }
  //未展开
  .el-icon-caret-right:before {
    content:"\e6d9";
    color:#999;
    font-size: 12px;
    border: 1px solid #999;;
    border-radius: 2px;
  }
  //展开
  .el-tree-node__expand-icon.expanded.el-icon-caret-right:before{
    content:"\e6d8";
    color:#999;
    font-size: 12px;
    border: 1px solid #999;;
    border-radius: 2px;
  }
  .el-tree-node__expand-icon.is-leaf:before{
    color: transparent!important;
    border: none;
    cursor: default;
  }
  .el-tree .el-tree-node__label{
    font-size:16px;
    color:#333333;
  }
  .el-tree .el-tree-node__children .el-tree-node__label{
    font-size: 14px!important;
  }
  .el-tree .el-tree-node__children .el-tree-node__children .el-tree-node__label{
    color:#999999;
    font-size: 14px!important;
  }
  .el-tree-node__content{
    height:37px;
  }
  /*==========树结构结束==========*/
}
//布局管理
.building{
  /*==========树结构开始==========*/
  .el-tree-node__expand-icon.expanded {
    -webkit-transform: rotate(0deg)!important;
    transform: rotate(0deg)!important;
  }
  //未展开
  .el-icon-caret-right:before {
    content:"\e6d9";
    color:#999;
    font-size: 12px;
    border: 1px solid #999;;
    border-radius: 2px;
  }
  //展开
  .el-tree-node__expand-icon.expanded.el-icon-caret-right:before{
    content:"\e6d8";
    color:#999;
    font-size: 12px;
    border: 1px solid #999;;
    border-radius: 2px;
  }
  .el-tree-node__expand-icon.is-leaf:before{
    color: transparent!important;
    border: none;
    cursor: default;
  }
  .el-tree .el-tree-node__label{
    font-size:16px;
    color:#333333;
  }
  .el-tree .el-tree-node__children .el-tree-node__label{
    font-size: 14px!important;
  }
  .el-tree .el-tree-node__children .el-tree-node__children .el-tree-node__label{
    color:#999999;
    font-size: 14px!important;
  }
  .el-tree-node__content{
    height:37px;
  }
  /*==========树结构结束==========*/
}
//学生管理
.student {
  .el-input--small{
    width:180px!important;
  }
  .el-select{
    width:180px!important;
  }
  .pagination-container{
    margin: 0 !important;
    padding: 0!important;
  }
  /*==========树结构开始==========*/
  .el-tree-node__expand-icon.expanded {
    -webkit-transform: rotate(0deg)!important;
    transform: rotate(0deg)!important;
  }
  //未展开
  .el-icon-caret-right:before {
    content:"\e6d9";
    color:#999;
    font-size: 12px;
    border: 1px solid #999;;
    border-radius: 2px;
  }
  //展开
  .el-tree-node__expand-icon.expanded.el-icon-caret-right:before{
    content:"\e6d8";
    color:#999;
    font-size: 12px;
    border: 1px solid #999;;
    border-radius: 2px;
  }
  .el-tree-node__expand-icon.is-leaf:before{
    color: transparent!important;
    border: none;
    cursor: default;
  }
  .el-tree .el-tree-node__label{
    font-size:16px;
    color:#333333;
  }
  .el-tree .el-tree-node__children .el-tree-node__label{
    font-size: 14px!important;
  }
  .el-tree .el-tree-node__children .el-tree-node__children .el-tree-node__label{
    color:#999999;
    font-size: 14px!important;
  }
  .el-tree-node__content{
    height:37px;
  }
  /*==========树结构结束==========*/
}
.student-dialog{
  .el-input--medium{
    width:370px;
  }
}
.student-teacher-bottom-button-box{
  display:flex;
  border-top:1px solid #E0E0E0;
  padding-top:20px;
  p{
    width: 100px;
    height: 40px;
    line-height:40px;
    text-align: center;
    border-radius: 4px;
    font-size:16px;
    margin:0;
  }
  p:nth-child(1){
    flex:1;
  }
  p:nth-child(2){
    background: $back_e0;
    color:$color_99;
    margin-right:16px;
    cursor:pointer;
  }
  p:nth-child(3){
    background: $back_one;
    color:$color_ff;
    margin-right:16px;
    cursor:pointer;
  }
}
//教职工管理
.teacher {
  .el-input--small{
    width:150px!important;
  }
  .el-select{
    //width:150px!important;
  }
  .table-for-max-box{
    .el-select{
      width:210px!important;
    }
  }
  .pagination-container{
    margin: 0 !important;
    padding: 0!important;
  }

  .colorA{
    border:2px solid $lv1Danger;
    color:$lv1Danger;
  }
  .colorB{
    border:2px solid $lv2Danger;
    color:$lv2Danger;
  }
  .colorC{
    border:2px solid $lv3Danger;
    color:$lv3Danger;
  }
  .colorD{
    border:2px solid $lv4Danger;
    color:$lv4Danger;
  }

  /*==========树结构开始==========*/
  .el-tree-node__expand-icon.expanded {
    -webkit-transform: rotate(0deg)!important;
    transform: rotate(0deg)!important;
  }
  //未展开
  .el-icon-caret-right:before {
    content:"\e6d9";
    color:#999;
    font-size: 12px;
    border: 1px solid #999;;
    border-radius: 2px;
  }
  //展开
  .el-tree-node__expand-icon.expanded.el-icon-caret-right:before{
    content:"\e6d8";
    color:#999;
    font-size: 12px;
    border: 1px solid #999;;
    border-radius: 2px;
  }
  .el-tree-node__expand-icon.is-leaf:before{
    color: transparent!important;
    border: none;
    cursor: default;
  }
  .el-tree .el-tree-node__label{
    font-size:14px;
    color:#333333;
  }
  .el-tree .el-tree-node__children .el-tree-node__label{
    font-size: 14px!important;
  }
  .el-tree .el-tree-node__children .el-tree-node__children .el-tree-node__label{
    color:#333333;
    font-size: 14px!important;
  }
  .el-tree-node__content{
    height:37px;
  }
  /*==========树结构结束==========*/
}
//实验室配置
.subject{
  .el-form-item{
    margin-bottom:30px;
  }
  .form-box{
    .el-form-item__label{
      width:90px!important;
    }
    .el-input--small{
      width:200px!important;
    }
  }
  .colorA{
    border:2px solid $lv1Danger;
    color:$lv1Danger;
  }
  .colorB{
    border:2px solid $lv2Danger;
    color:$lv2Danger;
  }
  .colorC{
    border:2px solid $lv3Danger;
    color:$lv3Danger;
  }
  .colorD{
    border:2px solid $lv4Danger;
    color:$lv4Danger;
  }
  .colorE{
    border:2px solid $color_14AE10;
    color:$color_14AE10;
  }
  .el-dropdown{
    height:42px;
  }
  .switch .el-switch__label {
    position: absolute;
    display: none;
    color: #fff !important;
  }
  .switch .el-switch__label--right {
    z-index: 1;
  }
  .switch .el-switch__label--right span{
    margin-right: 9px;
  }
  .switch .el-switch__label--left {
    z-index: 1;
  }
  .switch .el-switch__label--left span{
    margin-left: 9px;
  }
  .switch .el-switch__label.is-active {
    display: block;
  }
  .switch.el-switch .el-switch__core,
  .el-switch .el-switch__label {
    width: 70px !important;
    height:30px!important;
    line-height:30px!important;
    -webkit-border-radius: 20px!important;
    -moz-border-radius: 20px!important;
    border-radius: 20px!important;
    margin: 0;
    position: absolute;
    top: 0;
  }
  .switch .el-switch__label--left span{
    margin-left:40px!important;
  }
  .switch .el-switch__label--right span{
    margin-left:16px!important;
  }
  .el-switch__core:after{
    height:24px!important;
    width:24px!important;
    top:2px!important;
  }
  .el-switch.is-checked .el-switch__core::after{
    margin-left: -25px!important;
  }
  .el-switch{
    margin:10px auto 0;
    display: block;
    width:70px!important;
    height:4px!important;
  }
}
.configuration-drawer-max-box-one{
  height:100%;
  display: flex;
  flex-direction: column;
  .configuration-drawer-title{
    display:flex;
    border-bottom:1px solid #E0E0E0;
    p{
      flex:1;
      line-height:62px;
      font-size:18px;
      padding-left:20px;
      color:$color_one;
      margin:0;
    }
    i{
      display:block;
      font-size:20px;
      height:20px;
      width:20px;
      line-height:20px;
      cursor:pointer;
      margin:22px 22px 0 0;
    }
  }
  .configuration-drawer-content::-webkit-scrollbar{
    width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
  }
  .configuration-drawer-content::-webkit-scrollbar-thumb{
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px #999;
    background: #fff;
  }
  .configuration-drawer-content::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0);
    border-radius: 0;
    background: rgba(255,255,255,0);
  }
  .configuration-drawer-content{
    flex:1;
    padding-top:20px;
    overflow-y:scroll;
    .img-box{
      padding:0 20px;
      font-size:16px;
      color:#333;
      img{
        display: block;
        border-radius:10px;
        width:300px;
        height:180px;
        margin:0 auto;

      }
    }
  }
  .configuration-drawer-content-img-box{
    padding:24px 20px 0;
    .left-span{
      display: inline-block;
      width:100px;
      margin:0;
      font-size:16px;
      line-height:24px;
      color:$color_99;
      text-align: left;
    }
    .el-input--small{
      display: inline-block;
      width:300px;
    }
  }
  .configuration-bottom-button-box{
    display:flex;
    border-top:1px solid #E0E0E0;
    padding-top:12px;
    padding-bottom:17px;
    p{
      width: 100px;
      height: 40px;
      line-height:40px;
      text-align: center;
      border-radius: 4px;
      font-size:16px;
      margin:0;
      cursor:pointer;
    }
    p:nth-child(1){
      flex:1;
    }
    p:nth-child(2){
      background: $back_e0;
      color:$color_99;
      margin:0 16px 0 0;
    }
    p:nth-child(3){
      background: $back_one;
      color:$color_ff;
      margin:0 16px 0 0;
    }
  }
}
.configuration-drawer-one{
  .el-drawer.rtl{
    width:560px!important;
  }
  .el-form-item__label{
    width:110px!important;
  }
  .el-input--medium{
    width:400px!important;
  }
  .el-input--small{
    width:400px!important;
  }
  .el-select .el-tag__close.el-icon-close{
    background-color:rgba(255,255,255,0);
  }
  .el-select .el-tag__close.el-icon-close:hover{
    background-color:#999;
  }
  .el-upload{
    width:100px;
    height:100px;
    line-height:100px;
    border:1px solid #e0e0e0;
    border-radius:5px;
    overflow: hidden;
    img{
      width:98px;
      height:98px;
      border-radius:5px;
    }
  }

}
.pending-el-drawer{
  .el-drawer.rtl{
    width: 560px!important;
  }
}
.subject-drawer-box{
  .el-form-item__error{
    margin-left:100px;
    margin-top:4px;
  }
  .el-input--medium .el-input__inner{
    height:auto;
    min-height: 40px!important;
  }
  .el-drawer__open .el-drawer.rtl{
    width: auto!important;
  }
}
.subject-drawer{
  .el-drawer.rtl{
    width: 560px!important;
  }
}
.subject-drawer-max-box{
  height:100%;
  display: flex;
  flex-direction: column;
  .el-form-item__label{
    width:100px!important;
  }
  .el-form-item__content{
    margin-left:0!important;
    padding-right:20px!important;
  }
  .subject-drawer-content{
    flex:1;
    padding-top:20px;
    .map-box{
      border:1px solid #E0E0E0;
      position :relative;
      padding:4px;
      div{
        margin:0;
        width:60px;
        height:60px;
        //background:red;
        border:1px solid $lv1Danger;
        border-radius:6px;
        position:absolute;
        font-size:12px;
        color:$lv1Danger;
        text-align:center;
        line-height:15px;
        cursor:pointer;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Chrome/Safari/Opera */
        -khtml-user-select: none; /* Konqueror */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently not supported by any browser */
        i{
          margin:1px 0 0 40px;
          color: #999;
          display: block;
          width:15px;
          height:15px;
          font-size:15px;
        }
      }
    }
  }
  .subject-bottom-button-box{
    display:flex;
    border-top:1px solid #E0E0E0;
    padding-top:12px;
    padding-bottom:17px;
    p{
      width: 100px;
      height: 40px;
      line-height:40px;
      text-align: center;
      border-radius: 4px;
      font-size:16px;
      margin:0;
    }
    p:nth-child(1){
      flex:1;
    }
    p:nth-child(2){
      background: $back_e0;
      color:$color_99;
      margin-right:16px;
      cursor:pointer;
    }
    p:nth-child(3){
      background: $back_one;
      color:$color_ff;
      cursor:pointer;
      margin-right:16px;
    }
  }
}
//实验室安全信息牌
.safety-card-type-max-box{
  .el-dialog__body{
    padding:0 20px 20px;
  }
  .safety-card-type-big-box{
    //height:460px;
    padding-top:4px;
    *{
      padding:0;
      margin:0;
    }
    .top-title-box{
      height:51px;
      display: flex;
      .for-warn-lv-box{
        //width:110px;
        height:35px;
        border-radius:4px;
        margin:7px 8px 7px 0;
        display: flex;
        img{
          display: block;
          width:22px;
          height:23px;
          margin:6px 1px 0 4px;
        }
        div{
          flex:1;
          p{
            margin:0;
            font-size:12px;
            line-height:14px;
            text-align: center;
            padding:0 4px;
          }
          p:nth-child(1){
            margin-top:3px;
          }
        }
      }
      .right-name-p{
        font-weight:700;
        line-height:51px;
        font-size:18px;
        color:#333;
        flex:1;
      }
      .colorA{
        border:1px solid $lv1Danger;
        color:$lv1Danger;
      }
      .colorB{
        border:1px solid $lv2Danger;
        color:$lv2Danger;
      }
      .colorC{
        border:1px solid $lv3Danger;
        color:$lv3Danger;
      }
      .colorD{
        border:1px solid $lv4Danger;
        color:$lv4Danger;
      }
      .colorE{
        border:1px solid $color_14AE10;
        color:$color_14AE10;
      }
    }
    .address-max-box{
      display: flex;
      div{
        //flex:1;
        display: flex;
        p{
          line-height:30px;
          font-size:14px;
        }
        .name-p{
          font-weight:700;
          color:#333;

        }
        .text-p{
          color:#999;

        }
      }
    }
    .position-max-box{
      display: flex;
      .position-min-box{
        margin-top:10px;
        width:420px;
        .left-p{
          font-weight:700;
          width:98px;
          line-height:24px;
          font-size:14px;
          color:#333;
        }
        .right-box{
          width:317px;
          margin-left:10px;
          .for-box{
            .for-p{
              line-height:24px;
              font-size:14px;
              color:#999;
            }
          }
        }
      }
    }
    .inline-block-max-box{
      display: flex;
      .left-p{
        width:72px;
        font-weight:700;
        line-height:44px;
        font-size:14px;
        color:#333;
      }
      .right-box{
        flex:1;
        display: flex;
        .for-box{
          .for-p{
            line-height:44px;
            font-size:14px;
            color:#999;
          }
        }
      }
    }
    .img-max-box{
      display: flex;
      .left-p{
        font-weight:700;
        width:98px;
        line-height:24px;
        font-size:14px;
        color:#333;
      }
      .right-box{
        flex:1;
        margin-right: 110px;
        img{
          margin-top:5px;
          margin-right:10px;
        }
      }
    }
    .code-img{
      position: absolute;
      right:15px;
      bottom:15px;
      height:120px;
      width:120px;
    }
  }
}
//风险预案编辑
.addPlan{
  .plan-info-box{
    .el-input--medium{
      width:350px!important;
    }
    .el-input--small{
      width:350px!important;
    }
    .for-sensor-input{
      .el-input--small{
        width:200px!important;
      }
    }
  }
}
//字典管理
.dict{
  .table-box{
    .switch .el-switch__label {
      position: absolute;
      display: none;
      color: #fff !important;
    }
    .switch .el-switch__label--right {
      z-index: 1;
    }
    .switch .el-switch__label--right span{
      margin-left:10px;
    }
    .switch .el-switch__label--left {
      z-index: 1;
    }
    .switch .el-switch__label--left span{
      margin-left: 24px;
    }
    .switch .el-switch__label.is-active {
      display: block;
    }
    .switch.el-switch .el-switch__core,
    .el-switch .el-switch__label {
      width: 50px !important;
      margin: 0;
    }
  }
}
//组织架构
.dept{
  .cell{
    display: flex;
    .el-table__expand-icon{
      margin-top:10px;
    }
    .scope-img{
      height:40px;
      width:40px;
      border-radius:50%;
    }
    .scope-name{
      line-height:40px;
      margin:0 0 0 10px;
    }
  }
}
//角色管理

.role{
  .table-box{
    .switch .el-switch__label {
      position: absolute;
      display: none;
      color: #fff !important;
    }
    .switch .el-switch__label--right {
      z-index: 1;
    }
    .switch .el-switch__label--right span{
      margin-left: 10px;
    }
    .switch .el-switch__label--left {
      z-index: 1;
    }
    .switch .el-switch__label--left span{
      margin-left: 24px;
    }
    .switch .el-switch__label.is-active {
      display: block;
    }
    .switch.el-switch .el-switch__core,
    .el-switch .el-switch__label {
      width: 50px !important;
      margin: 0;
    }
  }
}
//分配用户
.role-auth-user{
  .form-box{
    .el-input--medium{
      width:150px!important;
    }
    .el-input--small{
      width:150px!important;
    }
  }
}
//安全培训
.drawer-form-box{
  padding:20px;
  .avatar-uploader{
    i{
      display: block;
      height:80px;
      width:80px;
      text-align:center;
      line-height:80px;
      border:1px solid #999;
      border-radius:10px;
    }
    img{
      display: block;
      height:80px;
      width:80px;
      border-radius:10px;
    }
  }
}
//安全准入办理(弹窗)
.approval_handle-drawer{
  .el-drawer.rtl{
    width:490px!important;
  }
  .el-drawer__body{
    display: flex;
    flex-direction: column;
  }
  .el-form-item__label{
    width:80px!important;
  }
  .el-input--medium{
    width:356px!important;
  }
  .el-input--small{
    width:356px!important;
  }
  .approval_handle-drawer-form-box{
    flex:1;
    padding:20px;
    font-size:14px;
    p{
      margin:0;
    }
    .bottom-button-box{
      display: flex;
      .null-p{
        flex:1;
      }
    }
    .upload-box{
      margin:20px;
      p{
        margin-bottom:20px;
        color:#606266;
      }
      i{
        width:300px;
        height:150px;
        display: block;
        line-height:150px;
        text-align: center;
        border: 1px solid #E0E0E0;;
        border-radius:10px;
        margin-left:60px;
      }
      img{
        width:300px;
        height:150px;
        display: block;
        line-height:150px;
        border-radius:10px;
        margin-left:60px;

      }
    }
  }
  .bottom-button-box{
    display:flex;
    border-top:1px solid #E0E0E0;
    padding-top:12px;
    padding-bottom:17px;
    .null-p{
      flex:1;
    }
  }
}
//答题
.exam_start,.exam_info{
  .el-radio__input.is-checked .el-radio__inner{
    border-color: $color_one;
    background: $back_one;
  }
  .el-radio__input.is-checked + .el-radio__label{
    color:$color_one;
  }
  .el-radio__label{
    font-size: 16px!important;
  }
  .el-radio{
    line-height:40px;
    display: block;
    height:40px;
  }
  .el-checkbox__input.is-checked .el-checkbox__inner{
    border-color: $color_one;
    background: $back_one;
  }
  .el-checkbox__input.is-checked + .el-checkbox__label{
    color:$color_one;
  }
  .el-checkbox{
    line-height:40px;
    display: block;
    height:40px;
  }
  .el-checkbox__label{
    font-size: 16px!important;
  }
}
//管理端工作台
.manageHome{
  .switch .el-switch__label {
    position: absolute;
    display: none;
    color: #fff !important;
  }
  .switch .el-switch__label--right {
    z-index: 1;
  }
  .switch .el-switch__label--right span{
    margin-right: 9px;
  }
  .switch .el-switch__label--left {
    z-index: 1;
  }
  .switch .el-switch__label--left span{
    margin-left: 9px;
  }
  .switch .el-switch__label.is-active {
    display: block;
  }
  .switch.el-switch .el-switch__core,
  .el-switch .el-switch__label {
    width: 70px !important;
    height:30px!important;
    line-height:30px!important;
    -webkit-border-radius: 20px!important;
    -moz-border-radius: 20px!important;
    border-radius: 20px!important;
    margin: 0;
    position: absolute;
    top: 0;
  }
  .switch .el-switch__label--left span{
    margin-left:40px!important;
  }
  .switch .el-switch__label--right span{
    margin-left:16px!important;
  }
  .el-switch__core:after{
    height:24px!important;
    width:24px!important;
    top:2px!important;
  }
  .el-switch.is-checked .el-switch__core::after{
    margin-left: -25px!important;
  }
  .el-switch{
    margin:10px auto 0;
    display: block;
    width:70px!important;
    height:4px!important;
  }
  .colorA{
    border:2px solid $lv1Danger;
    color:$lv1Danger;
  }
  .colorB{
    border:2px solid $lv2Danger;
    color:$lv2Danger;
  }
  .colorC{
    border:2px solid $lv3Danger;
    color:$lv3Danger;
  }
  .colorD{
    border:2px solid $lv4Danger;
    color:$lv4Danger;
  }
}
//风险统计
.plan_log{
  .el-table__header-wrapper{
    height:50px;
  }
  .el-table--medium th, .el-table--medium td{
    padding:13px 0;
  }
  .el-table .cell{
    font-size:14px;
  }
  .el-button-group{
    position: absolute;
    left:40px;
    top:0;
  }
}
//新增危险源
.addLaboratory{
  .el-input--small{
    width:400px;
  }
}
.videoSurveillance-drawer{
  height:100%;
  display: flex;
  flex-direction: column;
  .el-drawer__open .el-drawer.rtl{
    width: auto!important;
  }
  .el-form-item__label{
    width:100px!important;
  }
  .el-input--small{
    width:200px!important;
  }
  .el-select > .el-input{
    width:200px!important;
  }
  .el-input--medium .el-input__inner{
    line-height:40px;
    height:40px;
  }
  .videoSurveillance-drawer-content{
    min-width: 350px;
  }
  .map-box{
    border:1px solid #E0E0E0;
    margin-left:20px;
    position :relative;
    padding:4px;
    div{
      z-index:10;
      margin:0;
      width:60px;
      height:60px;
      line-height:16px;
      padding-top:10px;
      word-wrap:break-word;
      //background:red;
      border:1px solid $lv1Danger;
      border-radius:6px;
      position:absolute;
      font-size:12px;
      color:$lv1Danger;
      text-align:center;
      cursor:pointer;
      -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Chrome/Safari/Opera */
      -khtml-user-select: none; /* Konqueror */
      -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
      user-select: none; /* Non-prefixed version, currently not supported by any browser */
    }
    .map-p{
      z-index:1;
      margin:0;
      width:60px;
      height:60px;
      line-height:16px;
      padding-top:10px;
      word-wrap:break-word;
      //background:red;
      border:2px solid $lv3Danger;
      border-radius:6px;
      position:absolute;
      font-size:12px;
      color:$lv3Danger;
      text-align:center;
      cursor:pointer;
      -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Chrome/Safari/Opera */
      -khtml-user-select: none; /* Konqueror */
      -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
      user-select: none; /* Non-prefixed version, currently not supported by any browser */
    }
  }
  .videoSurveillance-drawer-max-box{
    height:100%;
    display: flex;
    flex-direction: column;
    .videoSurveillance-drawer-content{
      padding:20px;
      flex: 1;
    }
    .videoSurveillance-bottom-button-box{
      display:flex;
      border-top:1px solid #E0E0E0;
      padding-top:12px;
      padding-bottom:17px;
      p{
        width: 100px;
        height: 40px;
        line-height:40px;
        text-align: center;
        border-radius: 4px;
        font-size:16px;
        margin:0;
      }
      p:nth-child(1){
        flex:1;
      }
      p:nth-child(2){
        background: $back_e0;
        color:$color_99;
        margin-right:16px;
        cursor:pointer;
      }
      p:nth-child(3){
        background: $back_one;
        color:$color_ff;
        margin-right:16px;
        cursor:pointer;
      }
    }
  }
}
//工作台侧边栏样式
.manageHome-drawer-box{
  height:100%;
  display: flex;
  flex-direction: column;
  .manageHome-drawer-title{
    display:flex;
    border-bottom:1px solid #E0E0E0;
    p{
      flex:1;
      line-height:62px;
      font-size:18px;
      padding-left:20px;
      color:$color_one;
      margin:0;
    }
    i{
      display:block;
      font-size:20px;
      height:20px;
      width:20px;
      line-height:20px;
      cursor:pointer;
      margin:22px 22px 0 0;
    }
  }
  .manageHome-drawer-content{
    flex:1;
    padding:20px;
    .manageHome-drawer-content-text{
      display: flex;
      margin-bottom:24px;
      p{
        margin:0;
        font-size:16px;
        line-height:24px;
      }
      p:nth-child(1){
        width: 100px;
        color:$color_99;
        text-align: right;
      }
      p:nth-child(2){
        flex:1;
        color:$color_33;
      }
      img{
        width:300px;
        height:180px;
      }
    }
    .manageHome-drawer-content-img-box{
      margin-bottom:24px;
      p{
        margin:0;
        font-size:16px;
        line-height:24px;
      }
      p:nth-child(1){
        color:$color_99;
        text-align: left;
      }
      img{
        width:300px;
        height:180px;
        margin-top:10px;
        margin-left:100px;
      }
      .left-span{
        display: inline-block;
        width:100px;
        margin:0;
        font-size:16px;
        line-height:24px;
        color:$color_99;
        text-align: left;
      }
      .el-input--small{
        display: inline-block;
        width:300px;
      }
    }
  }
  .manageHome-drawer-button{
    display:flex;
    border-top:1px solid #E0E0E0;
    padding-top:12px;
    padding-bottom:17px;
    p{
      width: 100px;
      height: 40px;
      line-height:40px;
      text-align: center;
      border-radius: 4px;
      font-size:16px;
      margin:0;
      cursor:pointer;
    }
    p:nth-child(1){
      flex:1;
    }
    .left-button{
      background: $back_e0;
      color:$color_99;
      margin-right:20px;
    }
    .right-button{
      background: $back_one;
      color:$color_ff;
      margin-right:20px;
    }
  }
}
//异常设备
.abnormal-dialog{
  display: flex;
  margin-bottom:30px;
  p{
    margin:0;
    font-size:16px;
    flex:1;
    color:$color_99;
    span{
      color:$color_33;
    }
  }
}
//证书管理
.certificate{
}
.certificate-avatar-uploader{
  i{
    width:80px;
    height:80px;
    line-height:80px;
    text-align: center;
    border:1px solid #e0e0e0;
    border-radius:4px;
  }
  img{
    width:240px;
    height:240px;
  }
}
/*弹窗按钮*/
.el-message-box{
  .el-message-box__header{
    .el-message-box__title{
      text-align: center;
    }
    .el-message-box__headerbtn{
      display: none;
    }
  }
  .el-message-box__content{
    .el-message-box__status.el-icon-warning{
      display: none;
    }
    .el-message-box__message{
      padding:0 12px;
      text-align: center;
    }
  }
  .el-message-box__btns{
    text-align: center;
    .el-button--primary:hover, .el-button--primary:focus{
      background: #0045af;
      border-color:#0045af;
    }
  }
}
/*安全分级*/
.app-container-el-dialog{
  .el-form-item{
    margin-bottom:0;
  }
  .el-select > .el-input{
    width:340px;
  }
  textarea::-webkit-scrollbar{
    width: 12px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 12px;
  }
  textarea::-webkit-scrollbar-thumb{
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px #999;
    background: #fff;
  }
  textarea::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0);
    border-radius: 0;
    background: rgba(255,255,255,0);
  }
}
//待审核按钮
.configuration-bottom-button-box-button-color{
  color:$color_ff!important;
  background: $back_one !important;
}
.floor-max-box{
  .position-max-box{
    .top-name-box{
      .colorA{
        background:$lv1Danger;
      }
      .colorB{
        background:$lv2Danger;
      }
      .colorC{
        background:$lv3Danger;
      }
      .colorD{
        background:$lv4Danger;
      }
      .colorE{
        background:$color_14AE10;
      }
    }
  }
}
//实验室安全制度
.safe-book-el-dialog{
  .el-select{
    width:418px;
  }
  .pdf-max-box{
    height:400px;
    overflow-y: scroll;
  }
  .pdf-max-box::-webkit-scrollbar{
    width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px;
  }
  .pdf-max-box::-webkit-scrollbar-thumb{
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px #999;
    background: #fff;
  }
  .pdf-max-box::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0);
    border-radius: 0;
    background: rgba(255,255,255,0);
  }
  .top-button-box{
    width:100%;
    display: flex;
    .null-p{
      flex:1;
    }
    .turn{
      cursor:pointer;
    }
  }
}
//富文本滚动条样式
.w-e-text::-webkit-scrollbar{
  width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}
.w-e-text::-webkit-scrollbar-thumb{
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px #999;
  background: #fff;
}
.w-e-text::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0);
  border-radius: 0;
  background: rgba(255,255,255,0);
}
//EUditor富文本编辑器
.edui-default .edui-editor{
  overflow: hidden!important;
}
.edui-default .edui-editor-bottomContainer{
  display: none;
}
.up-button-box{
  width:100px;
  margin: 0 auto;
}
.up-text-box::-webkit-scrollbar{
  width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 6px;
}
.up-text-box::-webkit-scrollbar-thumb{
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px #999;
  background: #fff;
}
.up-text-box::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0);
  border-radius: 0;
  background: rgba(255,255,255,0);
}
.el-course,.el-resources{
  /*==========树结构开始==========*/
  .el-tree-node__expand-icon.expanded {
    -webkit-transform: rotate(0deg)!important;
    transform: rotate(0deg)!important;
  }
  //未展开
  .el-icon-caret-right:before {
    content:"\e6d9";
    color:#999;
    font-size: 12px;
    border: 1px solid #999;;
    border-radius: 2px;
  }
  //展开
  .el-tree-node__expand-icon.expanded.el-icon-caret-right:before{
    content:"\e6d8";
    color:#999;
    font-size: 12px;
    border: 1px solid #999;;
    border-radius: 2px;
  }
  .el-tree-node__expand-icon.is-leaf:before{
    color: transparent!important;
    border: none;
    cursor: default;
  }
  .el-tree .el-tree-node__label{
    font-size:14px;
    color:#333333;
  }
  .el-tree .el-tree-node__children .el-tree-node__label{
    font-size: 14px!important;
  }
  .el-tree .el-tree-node__children .el-tree-node__children .el-tree-node__label{
    //color:#999999;
    font-size: 14px!important;
  }
  .el-tree-node__content{
    height:37px;
  }
  /*==========树结构结束==========*/
}
//公共滚动条尺寸
.scrollbar-box{
  overflow-y: scroll;
}
.scrollbar-box::-webkit-scrollbar{
  width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}
.scrollbar-box::-webkit-scrollbar-thumb{
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px #999;
  background: #fff;
}
.scrollbar-box::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0);
  border-radius: 0;
  background: rgba(255,255,255,0);
}

/*学习资源*/
.set-up-max-box{
  .el-input--medium .el-input__inner{
    height: 36px !important;
  }
}
//编辑右侧结构树
.right-courseware-box{
  .el-table--enable-row-transition .el-table__body td{
    padding:10px 0!important;
  }
  /*==========树结构开始==========*/
  .el-tree-node__expand-icon.expanded {
    -webkit-transform: rotate(0deg)!important;
    transform: rotate(0deg)!important;
  }
  //未展开
  .el-icon-caret-right:before {
    content:"\e6d9";
    color:#999;
    font-size: 12px;
    border: 1px solid #999;;
    border-radius: 2px;
  }
  //展开
  .el-tree-node__expand-icon.expanded.el-icon-caret-right:before{
    content:"\e6d8";
    color:#999;
    font-size: 12px;
    border: 1px solid #999;;
    border-radius: 2px;
  }
  .el-tree-node__expand-icon.is-leaf:before{
    color: transparent!important;
    border: none;
    cursor: default;
  }
  .el-tree .el-tree-node__label{
    font-size:12px;
    color:#333333;
  }
  .el-tree .el-tree-node__children .el-tree-node__label{
    font-size: 12px!important;
  }
  .el-tree .el-tree-node__children .el-tree-node__children .el-tree-node__label{
    //color:#999999;
    font-size: 12px!important;
  }
  .el-tree-node__content{
    height:24px;
  }
  /*结构树结束*/
  .el-table__empty-text{
    background-size: 70%;
    background-position: 70px center;
  }
}
//播放按钮
.center-info-components-max-box{
  .video-js .vjs-big-play-button{
    width:100px;
    height:45px;
    left:50%;
    top:50%;
    margin-left:-50px;
    margin-top:-22px;
  }
}
.el_resources_dialog{
  //上传描述
  .up-data-box-text{
    margin-bottom:20px;
    p{
      margin:0;
      padding:0;
      line-height:24px;
      font-size:12px;
      color:#999;
      text-align: center;
    }
  }
}
//手动添加题库

.addExamPage{
  .el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease{
    height:38px!important;
    line-height:38px;
  }
}
.add-manual-dialog{
  .add-manual-dialog-list-box{
    display: flex;
    height:500px;
    .add-manual-dialog-list-box-left{
      flex:1;
      border:1px solid #dedede;
      margin-right:20px;
      display: flex;
      flex-direction: column;
      *{
        margin:0;
      }
      .add-manual-dialog-list-box-title{
        font-size:15px;
        color: #333;
        line-height:31px;
        padding:4px 10px;
        font-weight: 700;
        background-color: #f8f8f9;
        border-bottom:1px solid #dedede;
      }
      .add-manual-dialog-list-for-max-box{
        overflow-y: scroll;
        .add-manual-dialog-list-for-box{
          width:420px;
          margin:0 auto;
          display: flex;
          border-bottom:1px solid #dedede;
          p{
            width:386px;
            flex:1;
            color:#333;
            margin-left:10px;
            line-height:38px;
            font-size:14px;
            display:block;
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
          }
          i{
            color:#999;
            margin:10px;
            font-size:18px;
            cursor:pointer;
          }
        }
        .add-manual-dialog-list-for-null{
          font-size:16px;
          line-height:100px;
          text-align: center;
          color:#dedede;
        }
      }
    }
    .add-manual-dialog-list-box-right{
      border:1px solid #dedede;
      height:497px;
      width:700px;
      display: flex;
      flex-direction: column;
      .el-table--medium th, .el-table--medium td{
        padding:4px 0;
      }
      .pagination-container{
        height:50px;
        margin:0;
      }
    }
  }
}
//违规设置
.violation-site{
  .el-input--small{
    width:300px;
  }
}

//奖励分设置
.rewardconfig{
  .el-input--small{
    width:400px;
    text-align: right;
  }
}
//负面清单管理
.negative-list-records{
  .el-input--small{
    width:217px;
  }
}
//个人安全学习
.safeLearning{
  .el-tree-node__label{
    width: 188px;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}
//个人学习记录
.recordListPage{
  .el-tree-node__label{
    width: 188px;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}
//课件管理
.el-resources{
  .el-tree-node__label{
    width: 188px;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}
//学习资源
.el-course{
  .el-tree-node__label{
    width: 188px;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}
.el-check-box{
  .el-radio__input.is-disabled + span.el-radio__label{
    color:#333;
  }
  .el-radio__input.is-disabled.is-checked .el-radio__inner{
    background: #00b7ee;
  }
}
.edit-page{
  .el-resources-list{
    .el-table{
      height:90%;
    }
  }
  .center-content-box-two-bottom-left{
    .el-table--medium th, .el-table--medium td{
      padding:8px 0;
    }
    .el-table__empty-text{
      background:none;
      color:#999;
    }
    .el-table__header-wrapper{
      height:39px;
    }
  }
  .center-content-box-two-bottom-right{
    .el-table--medium th, .el-table--medium td{
      padding:8px 0;
    }
    .el-table__empty-text{
      background-size:200px;
    }
    .pagination-container{
      height:40px!important;
    }
    .el-pagination__total{
      margin-left:20px;
    }
    .el-pagination__jump{
      margin-right:20px;
    }
    .pagination-container{
      padding:4px 20px !important;
    }
    .el-table__header-wrapper{
      height:39px;
    }
  }
}
//录入检查
.addCheckPage{
  .top-addCheckPage{
    .el-form-item__label{
      padding-bottom:0!important;
    }
  }
}
.el_resources_dialog{
  .up-button-box{
    width:660px;
  }
  .dialog-footer-edit{
    display: flex;
    .null-p{
      flex:1;
    }
  }
}
.checkRecord{
  .el-table__header-wrapper  .el-checkbox{
    display:none
  }
}
//.checkRecordPageTableTwo{
//  .el-table__header-wrapper  .el-checkbox{
//    display:block;
//    margin-left:4px;
//  }
//}
.checkRecordInfoPage,.CheckRecordInfo,.CheckRecordInfo{
  .el-icon-circle-close{
    color:red;
  }
  .zgStatusColor{
    .el-step__title{
      color:red;
    }
  }
}

//检查项列表
.checkOption{
  .el-table .cell{
    display: flex;
  }
}

//疏散路线
.emergencyEvacuation{
  .el-table__empty-text{
    background-size: 12%;
  }
}

//安全准入办理
.approval_handle_addPage{
  .el-input-number__decrease{
    height:38px;
    line-height: 38px;
  }
  .el-input-number__increase{
    height:38px;
    line-height: 38px;
  }
}
//分级管控管理-实验室列表
.gradeManage-subjectList{
  .pagination-container{
    margin:0;
  }
}
//分级管控管理-人员列表
.gradeManage-userList{
  .pagination-container{
    margin:0;
  }
}

//大屏计划
.addPage{
  .addPageFormBox{
    .button-max-box{
      .button-big-box{
        .button-p{
          flex:1;
          display: flex;
          .el-upload{
            flex: 1;
          }
        }
      }
    }
  }
}
//分级管控

.gradeManage-addPage{
  .switch .el-switch__label {
    position: absolute;
    display: none;
    color: #fff !important;
  }
  .switch .el-switch__label--right {
    z-index: 1;
  }
  .switch .el-switch__label--right span{
    margin-left: 10px;
  }
  .switch .el-switch__label--left {
    z-index: 1;
  }
  .switch .el-switch__label--left span{
    margin-left: 24px;
  }
  .switch .el-switch__label.is-active {
    display: block;
  }
  .switch.el-switch .el-switch__core,
  .el-switch .el-switch__label {
    width: 60px !important;
    margin: 0;
  }
}