// 每个主题特有的设置
.theme-#{$theme-name} {

  .el-card {
    &.d2-card {
      border: $theme-container-border-outer;
      .el-card__header {
        border-bottom: $theme-container-border-outer;
      }
    }
  }

  // 背景图片和遮罩
  .d2-layout-header-aside-group {
    background-color: $theme-bg-color;
    background-color: #fff;
    .d2-layout-header-aside-mask {
      background: $theme-bg-mask;
    }
  }

  // 菜单项目
  @mixin theme-menu-hover-style {
    color: $theme-menu-item-color-hover;
    i.fa {
      color: $theme-menu-item-color-hover;
    }
    background: $theme-menu-item-background-color-hover;
  }
  %el-menu-icon {
    i {
      display: inline-block;
      width: 14px;
      text-align: center;
      margin-right: 5px;
    }
    svg {
      margin: 0px;
      height: 14px;
      width: 14px;
      margin-right: 5px;
    }
  }
  .el-submenu__title {
    @extend %unable-select;
    @extend %el-menu-icon;
  }
  .el-menu-item {
    @extend %unable-select;
    @extend %el-menu-icon;
  }
  .el-submenu__title:hover {
    @include theme-menu-hover-style;
  }
  .el-menu-item:hover {
    @include theme-menu-hover-style;
  }
  .el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
    @include theme-menu-hover-style;
  }
  .el-menu--horizontal .el-menu .el-submenu__title:hover {
    @include theme-menu-hover-style;
  }

  
    //底部
    .mfooter{
        background-color: $theme-bg-color-mfooter;
        color: $theme-font-color-mfooter;
    }
  
  // 顶栏
  .d2-theme-header {
    background-color: $theme-bg-color-header;
    // 顶栏菜单空间不足时显示的滚动控件
    .d2-theme-header-menu {
      .d2-theme-header-menu__prev, .d2-theme-header-menu__next {
        color: $theme-header-item-color;
        background: $theme-header-item-background-color;
        &:hover {
          color: $theme-header-item-color-hover;
          background: $theme-header-item-background-color-hover;
        }
      }
    }
    // 切换按钮
    .toggle-aside-btn {
      i {
        color: $theme-header-item-color;
        background: $theme-header-item-background-color;
        &:hover {
          color: $theme-header-item-color-hover;
        }
      }
    }
    // 顶栏菜单
    .el-menu {
      .el-menu-item {
        transition: border-top-color 0s;
        color: $theme-header-item-color;
        background: $theme-header-item-background-color;
        border-bottom: 4px solid transparent !important;
        i.fa { color: inherit; }
        &:hover {
          color: $theme-header-item-color-hover;
          background: $theme-header-item-background-color-hover;
          border-bottom: 4px solid $theme-bg-color-header !important;
          box-shadow: $theme-bg-color-header 0 0 10px inset !important;

          i.fa { color: inherit; }
        }
        &:focus {
          color: $theme-header-item-color-focus;
          background: $theme-header-item-background-color-focus;
          border-bottom: 4px solid $theme-bg-color-header !important;
          box-shadow: $theme-bg-color-header 0 0 10px inset !important;
          i.fa { color: inherit; }
        }
        &.is-active {
          color: $theme-header-item-color-active;
          background: $theme-header-item-background-color-active;
          border-bottom: 4px solid $theme-bg-color-header !important;
          box-shadow: $theme-bg-color-header 0 0 10px inset !important;
          i.fa { color: inherit; }
        }
      }
      .el-submenu {
        &.is-active {
          .el-submenu__title {
            color: $theme-header-item-color-active;
            background: $theme-header-item-background-color-active;
            i.fa { color: inherit; }
          }
        }
        .el-submenu__title {
          transition: border-top-color 0s;
          color: $theme-header-item-color;
          background: $theme-header-item-background-color;
          i.fa { color: inherit; }
          .el-submenu__icon-arrow {
            color: $theme-header-item-color;
          }
          &:hover {
            color: $theme-header-item-color-hover;
            background: $theme-header-item-background-color-hover;
            i.fa { color: inherit; }
            .el-submenu__icon-arrow {
              color: $theme-header-item-color-hover;
            }
          }
          &:focus {
            color: $theme-header-item-color-focus;
            background: $theme-header-item-background-color-focus;
            i.fa { color: inherit; }
            .el-submenu__icon-arrow {
              color: $theme-header-item-color-focus;
            }
          }
        }
      }
    }
    // 顶栏右侧
    .d2-header-right {
      .btn-text {
        color: $theme-header-item-color;
        &.can-hover {
          &:hover {
            color: $theme-header-item-color-hover;
            background: $theme-header-item-background-color-hover;
          }
        }
      }
    }
  }
  // [布局] 顶栏下面
  .d2-theme-container {
    // 侧边栏
    .d2-theme-container-aside {
        border-right:1px solid #ECECEC ;
      // 菜单为空的时候显示的信息
      .d2-layout-header-aside-menu-empty {
        background: $theme-aside-menu-empty-background-color;
        i {
          color: $theme-aside-menu-empty-icon-color;
        }
        span {
          color: $theme-aside-menu-empty-text-color;
        }
        &:hover {
          background: $theme-aside-menu-empty-background-color-hover;
          i {
            color: $theme-aside-menu-empty-icon-color-hover;
          }
          span {
            color: $theme-aside-menu-empty-text-color-hover;
          }
        }
      }
      // [菜单] 正常状态
      .el-menu {
        .el-menu-item {
          color: $theme-aside-item-color;
          background: $theme-aside-item-background-color;
          i {
            color: $theme-aside-item-color;
          }
          &:hover {
            color: $theme-aside-item-color-hover;
            background: $theme-aside-item-background-color-hover !important;
            i {
              color: $theme-aside-item-color-hover;
            }
          }
          &:focus {
            color: $theme-aside-item-color-focus;
            background: $theme-aside-item-background-color-focus;
            i {
              color: $theme-aside-item-color-focus;
            }
          }
          &.is-active {
            color: $theme-aside-item-color-active;
            background: $theme-aside-item-background-color-active !important;
            i {
              color: $theme-aside-item-color-active;
            }
          }
        }
      }
      .el-submenu {
        .el-submenu__title {
          color: $theme-aside-item-color;
          background:$theme-aside-item-color-active;
          i {
            color: $theme-aside-item-color;
          }
          .el-submenu__icon-arrow {
            color: $theme-aside-item-color;
          }
          &:hover {
            color: $theme-aside-item-color-hover;
            background: $theme-aside-item-background-color-hover;
            i {
              color: $theme-aside-item-color-hover;
            }
            .el-submenu__icon-arrow {
              color: $theme-aside-item-color-hover;
            }
          }
        }
      }
    }
    .d2-theme-container-main {

      // 主体部分分为多页面控制器 和主体
      .d2-theme-container-main-header {
        // 多页面控制器
        .d2-multiple-page-control {
          .el-tabs__header.is-top {
            border-bottom-color: $theme-multiple-page-control-border-color;
          }
          .el-tabs__nav {
            border-color: $theme-multiple-page-control-border-color;
            .el-tabs__item {
              @extend %unable-select;
              color: $theme-multiple-page-control-color;
              background-color: $theme-multiple-page-control-background-color;
              border-left-color: $theme-multiple-page-control-border-color;
              &:first-child {
                border-left: none;
                &:hover {
                  padding: 0px 20px;
                }
                .el-icon-close {
                  display: none;
                }
              }
            }
            .el-tabs__item.is-active {
              color: $theme-multiple-page-control-color-active;
              background-color: $theme-multiple-page-control-background-color-active;
              border-bottom-color: $theme-multiple-page-control-border-color-active;
            }
          }
          %el-tabs__nav {
            font-size: 20px;
          }
          .el-tabs__nav-prev {
            @extend %el-tabs__nav;
            color: $theme-multiple-page-control-nav-prev-color;
          }
          .el-tabs__nav-next {
            @extend %el-tabs__nav;
            color: $theme-multiple-page-control-nav-next-color;
          }
        }
        // 多页控制器的关闭控制
        .d2-multiple-page-control-btn {
          .el-dropdown {
            .el-button-group {
              .el-button {
                border-color: $theme-multiple-page-control-border-color;
              }
            }
          }
        }
      }
      // 主体
      .d2-theme-container-main-body {
        // 布局组件
        .container-component {
          // [组件]
          // d2-container-full 填充型
          .d2-container-full {
            border: $theme-container-border-outer;
            border-top: none;
            border-bottom: none;
            .d2-container-full__header {
              border-bottom: $theme-container-border-inner;
              background: $theme-container-header-footer-background-color;
            }
            .d2-container-full__body {
              background: $theme-container-background-color;
            }
            .d2-container-full__footer {
              border-top: $theme-container-border-inner;
              background: $theme-container-header-footer-background-color;
            }
          }
          // [组件]
          // d2-container-full-bs 填充型 滚动优化
          .d2-container-full-bs {
            border: $theme-container-border-outer;
            border-top: none;
            border-bottom: none;
            .d2-container-full-bs__header {
              border-bottom: $theme-container-border-inner;
              background: $theme-container-header-footer-background-color;
            }
            .d2-container-full-bs__body {
              background: $theme-container-background-color;
            }
            .d2-container-full-bs__footer {
              border-top: $theme-container-border-inner;
              background: $theme-container-header-footer-background-color;
            }
          }
          // [组件]
          // d2-container-ghost 隐形布局组件
          .d2-container-ghost {
            .d2-container-ghost__header {
              border-bottom: $theme-container-border-outer;
              border-left: $theme-container-border-outer;
              border-right: $theme-container-border-outer;
              background: $theme-container-header-footer-background-color;
            }
            .d2-container-ghost__footer {
              border-top: $theme-container-border-outer;
              border-left: $theme-container-border-outer;
              border-right: $theme-container-border-outer;
              background: $theme-container-header-footer-background-color;
            }
          }
          // [组件]
          // d2-container-ghost-bs 隐形布局组件 滚动优化
          .d2-container-ghost-bs {
            .d2-container-ghost-bs__header {
              border-bottom: $theme-container-border-outer;
              border-left: $theme-container-border-outer;
              border-right: $theme-container-border-outer;
              background: $theme-container-header-footer-background-color;
            }
            .d2-container-ghost-bs__footer {
              border-top: $theme-container-border-outer;
              border-left: $theme-container-border-outer;
              border-right: $theme-container-border-outer;
              background: $theme-container-header-footer-background-color;
            }
          }
          // [组件]
          // d2-container-card 卡片型
          .d2-container-card {
            .d2-container-card__header {
              border-bottom: $theme-container-border-inner;
              border-left: $theme-container-border-outer;
              border-right: $theme-container-border-outer;
              background: $theme-container-header-footer-background-color;
            }
            .d2-container-card__body {
              .d2-container-card__body-card {
                background: $theme-container-background-color;
                border-left: $theme-container-border-outer;
                border-right: $theme-container-border-outer;
                border-bottom: $theme-container-border-outer;
              }
            }
            .d2-container-card__footer {
              border-top: $theme-container-border-outer;
              border-left: $theme-container-border-outer;
              border-right: $theme-container-border-outer;
              background: $theme-container-header-footer-background-color;
            }
          }
          // [组件]
          // d2-container-card-bs 卡片型 滚动优化
          .d2-container-card-bs {
            .d2-container-card-bs__header {
              border-bottom: $theme-container-border-inner;
              border-left: $theme-container-border-outer;
              border-right: $theme-container-border-outer;
              background: $theme-container-header-footer-background-color;
            }
            .d2-container-card-bs__body {
              .d2-container-card-bs__body-card {
                background: $theme-container-background-color;
                border-left: $theme-container-border-outer;
                border-right: $theme-container-border-outer;
                border-bottom: $theme-container-border-outer;
              }
            }
            .d2-container-card-bs__footer {
              border-top: $theme-container-border-outer;
              border-left: $theme-container-border-outer;
              border-right: $theme-container-border-outer;
              background: $theme-container-header-footer-background-color;
            }
          }
        }

        .el-container{
            .box_main{
                .el-card{

                    .el-button--primary{
                        background-color: $theme-bg-color-el-button-active;
                        color: $theme-font-color-el-button-active;
                        border:1px solid transparent;
                    }
                    .el-button--primary:hover{
                        color: $theme-bg-color-el-button-active;
                        border-color: rgba($theme-bg-color-el-button-active, 0.5);
                        background-color: rgba($theme-bg-color-el-button-active, 0.1);

                    }
                    .el-dropdown{

                        span{
                            color: rgba($theme-bg-color-el-button-active, 0.9) !important;

                        }
                    }
              
                }
            }
            //针对五大模块的设置
            .el-card{
                .el-button--primary.active-tier{
                    background-color: $theme-bg-color-el-button-active ;
                    color: $theme-font-color-el-button-active;
                }
                .el-button--primary:hover{
                    color: $theme-bg-color-el-button-active;
                    border-color: rgba($theme-bg-color-el-button-active, 1);
                    background-color: rgba($theme-bg-color-el-button-active, 0.1);
                }
                //2D与3D切换按钮
                .ol_point_right_button_r, .monitor_point_right_button_r, .access_point_right_button_r, .police_point_right_button_r, .inspect_point_right_button_r, .ol_point_right_button_r{
                    div.on{
                        background-color: $theme-bg-color-el-button-active;
                        color: $theme-font-color-el-button-active;
                        border: 1px solid $theme-font-color-el-button-active;
                    }
                }
            }
            //特殊 资源点管理
            .tableCard {
                .el-button--primary.is-plain {
                    background: #ced1d6;
                    // border: none;
                    border:1px solid transparent;
                    color: #656565;
                }
                .el-button--primary.active-tier{
                    background-color: $theme-bg-color-el-button-active;
                    color: $theme-font-color-el-button-active;
                    border: 1px solid $theme-bg-color-el-button-active;
                }
                .el-button--primary:hover{
                    color: $theme-bg-color-el-button-active;
                    border-color: rgba($theme-bg-color-el-button-active, 0.5);
                    background-color: rgba($theme-bg-color-el-button-active, 0.1);
                }
            }
            // 视频轮播左侧列表
            .left_list_row_on{
                background-color: rgba($theme-bg-color-el-button-active,.5) !important ;
                color: $theme-font-color-el-button-active;
            }
            .el-aside{
                .el-button--primary{
                    background-color: $theme-bg-color-el-button-active;
                    color: $theme-font-color-el-button-active;
                    border: 1px solid $theme-bg-color-el-button-active;
                }
                .el-button--primary:hover{
                    color: $theme-bg-color-el-button-active;
                    border-color: rgba($theme-bg-color-el-button-active, 0.5);
                    background-color: rgba($theme-bg-color-el-button-active, 0.1);
                }
                // 事件维护列表
                .el-table__body tr.current-row > td{
                    background-color: rgba($theme-bg-color-el-button-active, 0.4);
                }
                .el-button--text{
                    color: $theme-bg-color-el-button-active !important;
                    &:hover{
                    color: $theme-bg-color-el-button-active !important;
                  }
                  }
                .isActive{
                    background-color: rgba($theme-bg-color-el-button-active, 0.4) !important;
              
                    div{
                        .el-button--text{
                           color: rgba($theme-bg-color-el-button-active, 1) !important;
                           color:#fff;
                        }
                    }
 
                }
            }
            //标题区
            .el-header,.el-dialog{
                .title-left-color{
                    border-left: 5px solid $theme-bg-color-el-button-active;
                }
                .el-button--primary{
                    background-color: $theme-bg-color-el-button-active;
                    color: $theme-font-color-el-button-active;
                    // border-color: $theme-bg-color-el-button-active;
                    border-color: transparent;
                }
                .el-button--primary:hover{
                    color: $theme-bg-color-el-button-active;
                    border-color: rgba($theme-bg-color-el-button-active, 0.5);
                    background-color: rgba($theme-bg-color-el-button-active, 0.1);
                }
            } 
            //主体
            .el-main{
                //列表文字按钮
                .el-button--text{
                    color: $theme-bg-color-el-button-active;
                }
                //查询条件
                .el-form{
                    .el-button--primary{
                        background-color: $theme-bg-color-el-button-active;
                        color: $theme-font-color-el-button-active;
                        border:1px solid transparent;
                    }
                    .el-button--primary:hover{
                        color: $theme-bg-color-el-button-active;
                        border-color: rgba($theme-bg-color-el-button-active, 0.5);
                        background-color: rgba($theme-bg-color-el-button-active, 0.1);
                    }
                } 
                
            } 
            .el-dialog{

                    .el-icon-stepIcon2{
                        border-color: $theme-bg-color-el-button-active !important;
                        background: rgba($theme-bg-color-el-button-active, 1);
                        border-radius: 50%;

                    }
                    .el-step__head.is-finish{
                        color: $theme-bg-color-el-button-active !important;
                        border-color: $theme-bg-color-el-button-active !important;

                    }
                    .el-step__title.is-finish{
                        color: $theme-bg-color-el-button-active !important;

                    }
                }

            //多选框
            .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
                border-color:$theme-bg-color-el-button-active!important;
                background: $theme-bg-color-el-button-active!important;
            }
            .el-checkbox__input.is-checked + .el-checkbox__label {
                color: $theme-bg-color-el-button-active!important;
            }
            .el-dropdown-link .el-dropdown-selfdefine{
                color: $theme-bg-color-el-button-active!important;

            } 


        }

        // 资源的管理
        .top_button{
            .el-button--primary{
                background-color: $theme-bg-color-el-button-active ;
                color: $theme-font-color-el-button-active;
                border:none;
                border:1px solid transparent;
            }
            .el-button--primary:hover{
                color: $theme-bg-color-el-button-active;
                border-color: rgba($theme-bg-color-el-button-active, 0.5);
                background-color: rgba($theme-bg-color-el-button-active, 0.1);
            }
        }
        //资源树
        .el-aside .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node{
            background-color: $theme-bg-color-el-button-active!important;
            // 删除
            .el-button--text{
                color:#fff!important;
            }
        }
            
      }
        //功能菜单
        .monitor_menu .is-active{
            background: $theme-bg-color-el-button-active!important;
            color: $theme-font-color-el-button-active!important;
            text-shadow: none!important;
        }
    }
  }

    //分页条选中页码
    .el-select-dropdown.el-popper{
        .el-select-dropdown__item.selected{
            color: $theme-bg-color-el-button-active;
        }
    }

    .el-dropdown-menu, .el-popper{
        .el-dropdown-menu__item{
            span{
                color: $theme-bg-color-el-button-active!important;
            }
        }
    }
    .instruct-list-dialog, .instruct-list-dialog-left{
        .now{
            background: $theme-bg-color-el-button-active!important;
            .jiao{
                border-left: 7px solid $theme-bg-color-el-button-active!important
            }
        }
    }
    .el-icon-close:hover{
        color: $theme-bg-color-el-button-active!important;

    }
    .el-upload--picture-card:hover{
        border-color: $theme-bg-color-el-button-active!important;
    }
    .el-upload:focus{
        border-color: $theme-bg-color-el-button-active!important;
    }
    //弹出框
    .el-message-box__wrapper{
        .el-button:hover{
            color: $theme-bg-color-el-button-active!important;
            border-color: rgba($theme-bg-color-el-button-active, 0.5)!important;
            background-color: rgba($theme-bg-color-el-button-active, 0.1)!important;
        }
        .el-button--primary{
            background-color: $theme-bg-color-el-button-active!important;
            color: $theme-font-color-el-button-active!important;
            border-color: $theme-bg-color-el-button-active!important;
        }
    }

    //弹出窗
    .el-dialog__wrapper{
        .el-button--text{
            color:#656565;
        }
        .el-button--primary{
            background-color: $theme-bg-color-el-button-active;
            color: $theme-font-color-el-button-active;
            // border-color: $theme-bg-color-el-button-active;
            border-color: transparent;
        }
        .el-button--primary:hover{
            color: $theme-bg-color-el-button-active!important;
            border-color: rgba($theme-bg-color-el-button-active, 0.5)!important;
            background-color: rgba($theme-bg-color-el-button-active, 0.1)!important;
        }
        .el-dialog__header{
            // border-top: 3px solid $theme-bg-color-el-button-active;
            border-top-color: $theme-bg-color-el-button-active;
        }
    }

    //单选框
    .el-radio-group{
        .el-radio__input.is-checked .el-radio__inner{
            border-color:$theme-bg-color-el-button-active!important;
            background: $theme-bg-color-el-button-active!important;
        }
        .el-radio__input.is-checked + .el-radio__label {
            color: $theme-bg-color-el-button-active!important;
        }
        .el-radio__inner:hover{
            border-color:$theme-bg-color-el-button-active!important;

            }
    }
    
    //多选框
    .el-checkbox-group{
        .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
            border-color:$theme-bg-color-el-button-active!important;
            background: $theme-bg-color-el-button-active!important;
        }
        .el-checkbox__input.is-checked + .el-checkbox__label {
            color: $theme-bg-color-el-button-active!important;
        }
        .el-checkbox__inner:hover{
            border-color:$theme-bg-color-el-button-active!important;

            }
    }

    //下拉选
    .el-select{
        .el-input.is-focus .el-input__inner {
            border-color: rgba($theme-bg-color-el-button-active, 1)!important;
        }
    }

    //输入框
    .el-input{
        border-color: rgba($theme-bg-color-el-button-active, 1)!important;
    }
    .el-input__inner:focus{
        border-color: rgba($theme-bg-color-el-button-active, 1)!important;
    }
    .el-textarea{
        border-color: rgba($theme-bg-color-el-button-active, 1)!important;
    }
    .el-textarea__inner:focus{
        border-color: rgba($theme-bg-color-el-button-active, 1)!important;
    } 
    .monitor_menu{
        .el-menu-item{
            padding:0;
        }
    }
    .el-dialog{

        .el-icon-stepIcon2{
            border-color: $theme-bg-color-el-button-active !important;
            background: rgba($theme-bg-color-el-button-active, 1);
            border-radius: 50%;

        }
        .el-step__head.is-finish{
            color: $theme-bg-color-el-button-active !important;
            border-color: $theme-bg-color-el-button-active !important;

        }
        .el-step__title.is-finish{
            color: $theme-bg-color-el-button-active !important;

        }
    }
    // 日期事件选择器
    .el-time-panel__btn.confirm{
        color: $theme-bg-color-el-button-active !important;
    }
    .el-date-table td.today span{
        color: $theme-bg-color-el-button-active !important;
    }
    .el-date-table td.current:not(.disabled) span{
        background: rgba($theme-bg-color-el-button-active, 1);
        color:#fff !important;
    }
    .el-date-table td.available:hover{
        color: $theme-bg-color-el-button-active !important;
    }
    .el-picker-panel__footer{
        .el-button--text{
          color: $theme-bg-color-el-button-active !important;
          &:hover{
          color: $theme-bg-color-el-button-active !important;

        }
        }
         .el-button.is-plain:hover {
            border-color: $theme-bg-color-el-button-active !important;
            color: $theme-bg-color-el-button-active !important;
        }

    }
    // 报警tabs
    .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active{
        color: $theme-bg-color-el-button-active !important;
    }
    .el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover{
        color: $theme-bg-color-el-button-active !important;
    }
    .el-radio__inner:hover{
        color: $theme-bg-color-el-button-active !important;
    }
    .el-radio__input.is-checked .el-radio__inner{
        background: rgba($theme-bg-color-el-button-active, 1);
        color: $theme-bg-color-el-button-active !important;
    }
    .el-radio__input.is-checked + .el-radio__label{
        color: $theme-bg-color-el-button-active !important;

    }
    .el-radio__input.is-checked .el-radio__inner{
        border-color:$theme-bg-color-el-button-active !important;
    }
    .el-radio__inner:hover{
        border-color:$theme-bg-color-el-button-active !important;

    }
    .police_point_right_button,.patrol_spot_right_button,.patrol_line_right_button{
        .el-button--primary{
            background-color: rgba($theme-bg-color-el-button-active, 0.9) ;
            color: $theme-font-color-el-button-active;
            border:none;
            border:1px solid transparent;
        } 
    }
    // 资源点云台弹出层
    .animation{
        .el-button--text{
            color: #656565;
        }
        .el-button--primary{
            background-color: $theme-bg-color-el-button-active ;
            color: $theme-font-color-el-button-active;
            border:none;
            border:1px solid transparent;
        }
        .el-button--primary:hover{
            color: $theme-bg-color-el-button-active;
            border-color: rgba($theme-bg-color-el-button-active, 0.5);
            background-color: rgba($theme-bg-color-el-button-active, 0.1);
        }
    }
    .dialog__headerbtn:hover .el-dialog__close {
        color: #656565; 
    }
    // 安检机
    .inspect_security,.open_door{
        .el-button--primary{
            background-color: $theme-bg-color-el-button-active ;
            color: $theme-font-color-el-button-active ;
            border:none;
            border:1px solid transparent;
        }
        .el-button--primary:hover{
            color: $theme-bg-color-el-button-active !important;
            border-color: rgba($theme-bg-color-el-button-active, 0.5) !important;
            background-color: rgba($theme-bg-color-el-button-active, 0.1) !important;
        }
    }
    // 分页
    .el-pagination.is-background .el-pager li:not(.disabled).active{
        color: $theme-bg-color-el-button-active !important;
        background-color: rgba($theme-bg-color-el-button-active, 0.1) !important;
    }
    .el-pagination__sizes{
        .el-select.el-select--mini .el-input__inner:hover{
            border-color: $theme-bg-color-el-button-active;
        }
    }
    .el-pager{
        .number.active{
            background-color: $theme-bg-color-el-button-active;
            color: $theme-font-color-el-button-active;
        }
        li:not(.disabled):hover{
            background-color: rgba($theme-bg-color-el-button-active, 0.5);
            color: $theme-font-color-el-button-active !important;
        }
    }
    // 接管、报警弹框
    .alarms_warp,.takeover_dialog{
        .el-button--primary{
            background-color: $theme-bg-color-el-button-active !important;
            color: $theme-font-color-el-button-active !important;
            border:none;
            border:1px solid transparent;
        }
        .el-button--primary:hover{
            color: $theme-bg-color-el-button-active !important;
            border-color: rgba($theme-bg-color-el-button-active, 0.5) !important;
            background-color: rgba($theme-bg-color-el-button-active, 0.1) !important;
        }
    }
}



/*icon*/
.xa-icon{
    transform: translateY(2px);
    margin-left:3px;
}
.el-icon-my-treeFlag{
    background: url(~@/assets/images/treeFlag.png) ;
    height: 12px;
    width: 6px;
    background-size: 100% 100%;
    float: right;
    margin-right:5px ;
    margin-top:3px ;
}
// 资源点↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
.el-icon-snjfg{
    background: url(~@/assets/images/pointType/snjfg.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}

.el-icon-snjfg2{
    background: url(~@/assets/images/pointType/snjfg2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}

.el-icon-jfktp{
    background: url(~@/assets/images/pointType/jfktp.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-jfktp2{
    background: url(~@/assets/images/pointType/jfktp2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}

.el-icon-jfktg{
    background: url(~@/assets/images/pointType/jfktg.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-jfktg2{
    background: url(~@/assets/images/pointType/jfktg2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-jlm{
    background: url(~@/assets/images/pointType/jlm.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-jlm2{
    background: url(~@/assets/images/pointType/jlm2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-flrbjz{
    background: url(~@/assets/images/pointType/flrbjz.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-flrbjz2{
    background: url(~@/assets/images/pointType/flrbjz2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
} 
.el-icon-pfj{
    background: url(~@/assets/images/pointType/pfj.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
} 
.el-icon-pfj2{
    background: url(~@/assets/images/pointType/pfj2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
} 
.el-icon-hqs{
    background: url(~@/assets/images/pointType/hqs.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
} 
.el-icon-hqs2{
    background: url(~@/assets/images/pointType/hqs2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-sb{
    background: url(~@/assets/images/pointType/sb.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}  
.el-icon-sb2{
    background: url(~@/assets/images/pointType/sb2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}  
.el-icon-swqxz{
    background: url(~@/assets/images/pointType/swqxz.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
} 
.el-icon-swqxz2{
    background: url(~@/assets/images/pointType/swqxz2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
} 
.el-icon-dlswj{
    background: url(~@/assets/images/pointType/dlswj.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
} 
.el-icon-dlswj2{
    background: url(~@/assets/images/pointType/dlswj2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
} 
.el-icon-dlsnj{
    background: url(~@/assets/images/pointType/dlsnj.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
} 
.el-icon-dlsnj2{
    background: url(~@/assets/images/pointType/dlsnj2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
} 
.el-icon-cgq{
    background: url(~@/assets/images/pointType/cgq.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
} 
.el-icon-cgq2{
    background: url(~@/assets/images/pointType/cgq2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
} 
.el-icon-pyc{
    background: url(~@/assets/images/pointType/pyc.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
} 
.el-icon-pyc2{
    background: url(~@/assets/images/pointType/pyc2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
} 
.el-icon-dlxfsnj{
    background: url(~@/assets/images/pointType/dlxfsnj.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
} 
.el-icon-dlxfsnj2{
    background: url(~@/assets/images/pointType/dlxfsnj2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
} 
// 小标
.el-icon-sb7{
    background: url(~@/assets/images/imgs/sb7.png) center no-repeat;
    height: 14px;
    width: 14px;
    background-size: 100%;
}
.el-icon-flrbjz7{
    background: url(~@/assets/images/imgs/snjfg7.png) center no-repeat;
    height: 14px;
    width: 14px;
    background-size: 100%;
}
.el-icon-fhjlm7{
    background: url(~@/assets/images/imgs/jlm7.png) center no-repeat;
    height: 14px;
    width: 14px;
    background-size: 100%;
}
.el-icon-pfj7{
    background: url(~@/assets/images/imgs/pfj7.png) center no-repeat;
    height: 14px;
    width: 14px;
    background-size: 100%;
}
.el-icon-swqxz7{
    background: url(~@/assets/images/imgs/swqxz7.png) center no-repeat;
    height: 14px;
    width: 14px;
    background-size: 100%;
}
.el-icon-cgq7{
    background: url(~@/assets/images/imgs/cgq7.png) center no-repeat;
    height: 14px;
    width: 14px;
    background-size: 100%;
}
.el-icon-snjfg7{
    background: url(~@/assets/images/imgs/snjfg7.png) center no-repeat;
    height: 14px;
    width: 14px;
    background-size: 100%;
}
.el-icon-hqs7{
    background: url(~@/assets/images/imgs/hqs7.png) center no-repeat;
    height: 14px;
    width: 14px;
    background-size: 100%;
}
.el-icon-dlsnj7{
    background: url(~@/assets/images/imgs/dlsnj7.png) center no-repeat;
    height: 14px;
    width: 14px;
    background-size: 100%;
}
.el-icon-dlswj7{
    background: url(~@/assets/images/imgs/dlsnj7.png) center no-repeat;
    height: 14px;
    width: 14px;
    background-size: 100%;
}
.el-icon-jfktg7{
    background: url(~@/assets/images/imgs/jfktg7.png) center no-repeat;
    height: 14px;
    width: 14px;
    background-size: 100%;
}
.el-icon-jfktp7{
    background: url(~@/assets/images/imgs/jfktp7.png) center no-repeat;
    height: 14px;
    width: 14px;
    background-size: 100%;
}
.el-icon-jlm7{
    background: url(~@/assets/images/imgs/jlm7.png) center no-repeat;
    height: 14px;
    width: 14px;
    background-size: 100%;
}
.el-icon-pyc7{
    background: url(~@/assets/images/imgs/pyc7.png) center no-repeat;
    height: 14px;
    width: 14px;
    background-size: 100%;
}
.el-icon-dlxfsnj7{
    background: url(~@/assets/images/imgs/dlxfsnj7.png) center no-repeat;
    height: 14px;
    width: 14px;
    background-size: 100%; 
}
//↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑




.el-icon-wq-treeIcon{
    background: url(~@/assets/images/treeIcon.png) center no-repeat;
    height: 14px;
    width: 14px;
    background-size: 100%;
}
.el-icon-wq-treeQiang:before{
    content: "";
    font-size: 16px;
}
.el-icon-wq-treeIcon1{
    background: url(~@/assets/images/treeIcon1.png) center no-repeat;
    height: 14px;
    width: 14px;
    background-size: 100%;
}
.el-icon-wq-treeQiang1:before{
    content: "";
    font-size: 16px;
}
.el-icon-wq-treeQiang{
    background: url(~@/assets/images/treeQiang.png) center no-repeat;
    height: 15px;
    width: 15px;
    background-size: 100%;
}
.el-icon-wq-treeQiang:before{
    content: "";
    font-size: 16px;
}
.el-icon-wq-treeQiu{
    background: url(~@/assets/images/treeQiu.png) center no-repeat;
    height: 15px;
    width: 15px;
    background-size: 100%;
}
.el-icon-wq-treeQiu:before{
    content: "";
    font-size: 16px;
}
.el-icon-wq-qiangji{
    background: url(~@/assets/images/qiangji5.png) center no-repeat;
    height: 37px;
    width: 32px;
    background-size: 100%;
}
.el-icon-wq-qiangji:before{
    content: "";
    font-size: 16px;
}
.el-icon-wq-qiangji1{
    background: url(~@/assets/images/qiangji6.png) center no-repeat;
    height: 72px;
    width: 72px;
    background-size: 100%;
}
.el-icon-wq-qiangji1:before{
    content: "";
    font-size: 16px;
}
.el-icon-wq-qiuji{
    background: url(~@/assets/images/qiuji5.png) center no-repeat;
    height: 37px;
    width: 32px;
    background-size: 100%;
}
.el-icon-wq-qiuji:before{
    content: "";
    font-size: 16px;
}
.el-icon-wq-qiuji1{
    background: url(~@/assets/images/qiuji6.png) center no-repeat;
    height: 72px;
    width: 72px;
    background-size: 100%;
}
.el-icon-wq-qiuji1:before{
    content: "";
    font-size: 16px;
}

.el-icon-wq-shang{
    background: url(~@/assets/images/shang.png) center no-repeat;
    height:21px;
    width:21px;
    background-size: 100%;
}
.el-icon-wq-shang:before{
    content: "";
    font-size: 16px;
}
.el-icon-wq-shang-on{
    background: url(~@/assets/images/shang1.png) center no-repeat;
    height:21px;
    width:21px;
    background-size: 100%;
}
.el-icon-wq-shang-on:before{
    content: "";
    font-size: 16px;
}
.el-icon-wq-xia{
    background: url(~@/assets/images/xia.png) center no-repeat;
    height:21px;
    width:21px;
    background-size: 100%;
}
.el-icon-wq-xia:before{
    content: "";
    font-size: 16px;
}
.el-icon-wq-xia-on{
    background: url(~@/assets/images/xia1.png) center no-repeat;
    height:21px;
    width:21px;
    background-size: 100%;
}
.el-icon-wq-xia-on:before{
    content: "";
    font-size: 16px;
}
.el-icon-wq-shan{
    background: url(~@/assets/images/shan.png) center no-repeat;
    height:21px;
    width:21px;
    background-size: 100%;
}
.el-icon-wq-shan:before{
    content: "";
    font-size: 16px;
}
.el-icon-wq-shan-on{
    background: url(~@/assets/images/shan1.png) center no-repeat;
    height:21px;
    width:21px;
    background-size: 100%;
}
.el-icon-wq-shan-on:before{
    content: "";
    font-size: 16px;
}
.el-icon-wq-r1{
    background: url(~@/assets/images/r1.png) center no-repeat;
    background-size: 65%;
}
.el-icon-wq-r1:before{
    content: "";
    font-size: 16px;
}
.el-icon-wq-r2{
    background: url(~@/assets/images/r2.png) center no-repeat;
    background-size: 65%;
}
.el-icon-wq-r2:before{
    content: "";
    font-size: 16px;
}
.el-icon-wq-r3{
    background: url(~@/assets/images/r3.png) center no-repeat;
    background-size: 65%;
}
.el-icon-wq-r3:before{
    content: "";
    font-size: 16px;
}
.el-icon-wq-r5{
    background: url(~@/assets/images/r5.png) center no-repeat;
    background-size: 65%;
}
.el-icon-wq-r5:before{
    content: "";
    font-size: 16px;
}
.el-icon-wq-r6{
    background: url(~@/assets/images/r6.png) center no-repeat;
    background-size: 65%;
}
.el-icon-wq-r6:before{
    content: "";
    font-size: 16px;
}

.el-icon-wq-r1b{
    background: url(~@/assets/images/r1b.png) center no-repeat;
    height: 35px;
    width: 35px;
    background-size: 65%;
}
.el-icon-wq-r1b:before{
    content: "";
    font-size: 16px;
}
.el-icon-wq-r2b{
    background: url(~@/assets/images/r2b.png) center no-repeat;
    height: 35px;
    width: 35px;
    background-size: 65%;
}
.el-icon-wq-r2b:before{
    content: "";
    font-size: 16px;
}
.el-icon-wq-r3b{
    background: url(~@/assets/images/r3b.png) center no-repeat;
    height: 35px;
    width: 35px;
    background-size: 65%;
}
.el-icon-wq-r3b:before{
    content: "";
    font-size: 16px;
}
.el-icon-wq-r5b{
    background: url(~@/assets/images/r5b.png) center no-repeat;
    height: 35px;
    width: 35px;
    background-size: 65%;
}
.el-icon-wq-r5b:before{
    content: "";
    font-size: 16px;
}
.el-icon-wq-r6b{
    background: url(~@/assets/images/r6b.png) center no-repeat;
    height: 35px;
    width: 35px;
    background-size: 65%;
}
.el-icon-wq-r6b:before{
    content: "";
    font-size: 16px;
}



.el-icon-anjian{
    background: url(~@/assets/images/anjian.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-anjian:before{
    content: "";
    font-size: 16px;
}
.el-icon-baojing{
    background: url(~@/assets/images/baojing.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-baojing:before{
    content: "";
    font-size: 16px;
}

.el-icon-qiangji{
    background: url(~@/assets/images/qiangji.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-qiangji:before{
    content: "";
    font-size: 16px;
}
.el-icon-qiuji{
    background: url(~@/assets/images/qiuji.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-qiuji:before{
    content: "";
    font-size: 16px;
}

.el-icon-yeti{
    background: url(~@/assets/images/yeti.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-yeti:before{
    content: "";
    font-size: 16px;
}

.el-icon-zhayao{
    background: url(~@/assets/images/zhayao.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-zhayao:before{
    content: "";
    font-size: 16px;
}

.el-icon-zhaoming{
    background: url(~@/assets/images/zhaoming.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-zhaoming:before{
    content: "";
    font-size: 16px;
}
.el-icon-fangqu{
    background: url(~@/assets/images/fangqu.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-fangqu:before{
    content: "";
    font-size: 16px;
}
.el-icon-hongwai{
    background: url(~@/assets/images/hongwai.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-hongwai:before{
    content: "";
    font-size: 16px;
}

/*.el-icon-quanjing{
    background: url(~@/assets/images/quanjing.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-quanjing:before{
    content: "";
    font-size: 16px;
}*/
.el-icon-ruqin{
    background: url(~@/assets/images/ruqin.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-ruqin:before{
    content: "";
    font-size: 16px;
}

.el-icon-anjianmen{
    background: url(~@/assets/images/anjianmen.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-anjianmen:before{
    content: "";
    font-size: 16px;
}

.el-icon-menjin{
    background: url(~@/assets/images/menjin.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-menjin:before{
    content: "";
    font-size: 16px;
}

.el-icon-shuangjian{
    background: url(~@/assets/images/shuangjian.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-shuangjian:before{
    content: "";
    font-size: 16px;
}



.el-icon-anjian2{
    background: url(~@/assets/images/anjian2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-anjian2:before{
    content: "";
    font-size: 16px;
}
.el-icon-baojing2{
    background: url(~@/assets/images/baojing2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-baojing2:before{
    content: "";
    font-size: 16px;
}
.el-icon-qiangji2{
    background: url(~@/assets/images/qiangji2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-qiangji2:before{
    content: "";
    font-size: 16px;
}
.el-icon-qiuji2{
    background: url(~@/assets/images/qiuji2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-qiuji2:before{
    content: "";
    font-size: 16px;
}
.el-icon-yeti2{
    background: url(~@/assets/images/yeti2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-yeti2:before{
    content: "";
    font-size: 16px;
}
.el-icon-zhayao2{
    background: url(~@/assets/images/zhayao2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-zhayao2:before{
    content: "";
    font-size: 16px;
}
.el-icon-zhaoming2{
    background: url(~@/assets/images/zhaoming2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-zhaoming2:before{
    content: "";
    font-size: 16px;
}

.el-icon-fangqu2{
    background: url(~@/assets/images/fangqu2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-fangqu2:before{
    content: "";
    font-size: 16px;
}
.el-icon-hongwai2{
    background: url(~@/assets/images/hongwai2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-hongwai2:before{
    content: "";
    font-size: 16px;
}

/*.el-icon-quanjing2{
    background: url(~@/assets/images/qiangji2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-quanjing2:before{
    content: "";
    font-size: 16px;
}*/
.el-icon-ruqin2{
    background: url(~@/assets/images/ruqin2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-ruqin2:before{
    content: "";
    font-size: 16px;
}

.el-icon-anjianmen2{
    background: url(~@/assets/images/anjianmen2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-anjianmen2:before{
    content: "";
    font-size: 16px;
}

.el-icon-menjin2{
    background: url(~@/assets/images/menjin2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-menjin2:before{
    content: "";
    font-size: 16px;
}

.el-icon-shuangjian2{
    background: url(~@/assets/images/shuangjian2.png) center no-repeat;
    height: 40px;
    width: 40px;
    background-size: 100%;
}
.el-icon-shuangjian2:before{
    content: "";
    font-size: 16px;
}


.el-icon-anjian3{
    background: url(~@/assets/images/anjian3.png) center no-repeat;
    height: 30px;
    width: 30px;
    background-size: 100%;
}
.el-icon-anjian3:before{
    content: "";
    font-size: 16px;
}
.el-icon-baojing3{
    background: url(~@/assets/images/baojing3.png) center no-repeat;
    height: 30px;
    width: 30px;
    background-size: 100%;
}
.el-icon-baojing3:before{
    content: "";
    font-size: 16px;
}
.el-icon-qiangji3{
    background: url(~@/assets/images/qiangji3.png) center no-repeat;
    height: 30px;
    width: 30px;
    background-size: 100%;
}
.el-icon-qiangji3:before{
    content: "";
    font-size: 16px;
}
.el-icon-qiuji3{
    background: url(~@/assets/images/qiuji3.png) center no-repeat;
    height: 30px;
    width: 30px;
    background-size: 100%;
}
.el-icon-qiuji3:before{
    content: "";
    font-size: 16px;
}




.el-icon-hongwai3{
    background: url(~@/assets/images/hongwai3.png) center no-repeat;
    height: 30px;
    width: 30px;
    background-size: 100%;
}
.el-icon-hongwai3:before{
    content: "";
    font-size: 16px;
}

/*.el-icon-quanjing3{
    background: url(~@/assets/images/quanjing3.png) center no-repeat;
    height: 30px;
    width: 30px;
    background-size: 100%;
}
.el-icon-quanjing3:before{
    content: "";
    font-size: 16px;
}*/


.el-icon-anjianmen3{
    background: url(~@/assets/images/anjianmen3.png) center no-repeat;
    height: 30px;
    width: 30px;
    background-size: 100%;
}
.el-icon-anjianmen3:before{
    content: "";
    font-size: 16px;
}



.el-icon-shuangjian3{
    background: url(~@/assets/images/shuangjian3.png) center no-repeat;
    height: 30px;
    width: 30px;
    background-size: 100%;
}
.el-icon-shuangjian3:before{
    content: "";
    font-size: 16px;
}



.el-icon-anjian4{
    background: url(~@/assets/images/anjian4.png) center no-repeat;
    height: 30px;
    width: 30px;
    background-size: 100%;
}
.el-icon-anjian4:before{
    content: "";
    font-size: 16px;
}
.el-icon-baojing4{
    background: url(~@/assets/images/baojing4.png) center no-repeat;
    height: 30px;
    width: 30px;
    background-size: 100%;
}
.el-icon-baojing4:before{
    content: "";
    font-size: 16px;
}
.el-icon-qiangji4{
    background: url(~@/assets/images/qiangji4.png) center no-repeat;
    height: 30px;
    width: 30px;
    background-size: 100%;
}
.el-icon-qiangji4:before{
    content: "";
    font-size: 16px;
}
.el-icon-qiuji4{
    background: url(~@/assets/images/qiuji4.png) center no-repeat;
    height: 30px;
    width: 30px;
    background-size: 100%;
}
.el-icon-qiuji4:before{
    content: "";
    font-size: 16px;
}





.el-icon-hongwai4{
    background: url(~@/assets/images/hongwai4.png) center no-repeat;
    height: 30px;
    width: 30px;
    background-size: 100%;
}
.el-icon-hongwai4:before{
    content: "";
    font-size: 16px;
}

/*.el-icon-quanjing4{
    background: url(~@/assets/images/quanjing4.png) center no-repeat;
    height: 30px;
    width: 30px;
    background-size: 100%;
}
.el-icon-quanjing4:before{
    content: "";
    font-size: 16px;
}*/


.el-icon-anjianmen4{
    background: url(~@/assets/images/anjianmen4.png) center no-repeat;
    height: 30px;
    width: 30px;
    background-size: 100%;
}
.el-icon-anjianmen4:before{
    content: "";
    font-size: 16px;
}




.el-icon-shuangjian4{
    background: url(~@/assets/images/shuangjian4.png) center no-repeat;
    height: 30px;
    width: 30px;
    background-size: 100%;
}
.el-icon-shuangjian4:before{
    content: "";
    font-size: 16px;
}



.el-icon-anjian5{
    background: url(~@/assets/images/anjian5.png) center no-repeat;
    height: 55px;
    width: 55px;
    background-size: 100%;
}
.el-icon-anjian5:before{
    content: "";
    font-size: 16px;
}
.el-icon-baojing5{
    background: url(~@/assets/images/baojing5.png) center no-repeat;
    height: 55px;
    width: 55px;
    background-size: 100%;
}
.el-icon-baojing5:before{
    content: "";
    font-size: 16px;
}
.el-icon-qiangji5{
    background: url(~@/assets/images/qiangji5.png) center no-repeat;
    height: 55px;
    width: 55px;
    background-size: 100%;
}
.el-icon-qiangji5:before{
    content: "";
    font-size: 16px;
}
.el-icon-qiuji5{
    background: url(~@/assets/images/qiuji5.png) center no-repeat;
    height: 55px;
    width: 55px;
    background-size: 100%;
}
.el-icon-qiuji5:before{
    content: "";
    font-size: 16px;
}
.el-icon-yeti5{
    background: url(~@/assets/images/yeti5.png) center no-repeat;
    height: 55px;
    width: 55px;
    background-size: 100%;
}
.el-icon-yeti5:before{
    content: "";
    font-size: 16px;
}
.el-icon-zhayao5{
    background: url(~@/assets/images/zhayao5.png) center no-repeat;
    height: 55px;
    width: 55px;
    background-size: 100%;
}
.el-icon-zhayao5:before{
    content: "";
    font-size: 16px;
}
.el-icon-zhaoming5{
    background: url(~@/assets/images/zhaoming5.png) center no-repeat;
    height: 55px;
    width: 55px;
    background-size: 100%;
}
.el-icon-zhaoming5:before{
    content: "";
    font-size: 16px;
}

.el-icon-fangqu5{
    background: url(~@/assets/images/fangqu5.png) center no-repeat;
    height: 55px;
    width: 55px;
    background-size: 100%;
}
.el-icon-fangqu5:before{
    content: "";
    font-size: 16px;
}
.el-icon-hongwai5{
    background: url(~@/assets/images/hongwai5.png) center no-repeat;
    height: 55px;
    width: 55px;
    background-size: 100%;
}
.el-icon-hongwai5:before{
    content: "";
    font-size: 16px;
}

/*.el-icon-quanjing5{
    background: url(~@/assets/images/quanjing5.png) center no-repeat;
    height: 55px;
    width: 55px;
    background-size: 100%;
}
.el-icon-quanjing5:before{
    content: "";
    font-size: 16px;
}*/
.el-icon-ruqin5{
    background: url(~@/assets/images/ruqin5.png) center no-repeat;
    height: 55px;
    width: 55px;
    background-size: 100%;
}
.el-icon-ruqin5:before{
    content: "";
    font-size: 16px;
}

.el-icon-anjianmen5{
    background: url(~@/assets/images/anjianmen5.png) center no-repeat;
    height: 55px;
    width: 55px;
    background-size: 100%;
}
.el-icon-anjianmen5:before{
    content: "";
    font-size: 16px;
}

.el-icon-menjin5{
    background: url(~@/assets/images/menjin5.png) center no-repeat;
    height: 55px;
    width: 55px;
    background-size: 100%;
}
.el-icon-menjin5:before{
    content: "";
    font-size: 16px;
}

.el-icon-shuangjian5{
    background: url(~@/assets/images/shuangjian5.png) center no-repeat;
    height: 55px;
    width: 55px;
    background-size: 100%;
}
.el-icon-shuangjian5:before{
    content: "";
    font-size: 16px;
}




.el-icon-anjian6{
    background: url(~@/assets/images/anjian6.png) center no-repeat;
    height: 70px;
    width: 70px;
    background-size: 100%;
}
.el-icon-anjian6:before{
    content: "";
    font-size: 16px;
}
.el-icon-baojing6{
    background: url(~@/assets/images/baojing6.png) center no-repeat;
    height: 70px;
    width: 70px;
    background-size: 100%;
}
.el-icon-baojing6:before{
    content: "";
    font-size: 16px;
}
.el-icon-qiangji6{
    background: url(~@/assets/images/qiangji6.png) center no-repeat;
    height: 70px;
    width: 70px;
    background-size: 100%;
}
.el-icon-qiangji6:before{
    content: "";
    font-size: 16px;
}
.el-icon-qiuji6{
    background: url(~@/assets/images/qiuji6.png) center no-repeat;
    height: 70px;
    width: 70px;
    background-size: 100%;
}
.el-icon-qiuji6:before{
    content: "";
    font-size: 16px;
}
.el-icon-yeti6{
    background: url(~@/assets/images/yeti6.png) center no-repeat;
    height: 70px;
    width: 70px;
    background-size: 100%;
}
.el-icon-yeti6:before{
    content: "";
    font-size: 16px;
}
.el-icon-zhayao6{
    background: url(~@/assets/images/zhayao6.png) center no-repeat;
    height: 70px;
    width: 70px;
    background-size: 100%;
}
.el-icon-zhayao6:before{
    content: "";
    font-size: 16px;
}
.el-icon-zhaoming6{
    background: url(~@/assets/images/zhaoming6.png) center no-repeat;
    height: 70px;
    width: 70px;
    background-size: 100%;
}
.el-icon-zhaoming6:before{
    content: "";
    font-size: 16px;
}
.el-icon-fangqu6{
    background: url(~@/assets/images/fangqu6.png) center no-repeat;
    height: 70px;
    width: 70px;
    background-size: 100%;
}
.el-icon-fangqu6:before{
    content: "";
    font-size: 16px;
}
.el-icon-hongwai6{
    background: url(~@/assets/images/hongwai6.png) center no-repeat;
    height: 70px;
    width: 70px;
    background-size: 100%;
}
.el-icon-hongwai6:before{
    content: "";
    font-size: 16px;
}

/*.el-icon-quanjing6{
    background: url(~@/assets/images/quanjing6.png) center no-repeat;
    height: 70px;
    width: 70px;
    background-size: 100%;
}
.el-icon-quanjing6:before{
    content: "";
    font-size: 16px;
}*/
.el-icon-ruqin6{
    background: url(~@/assets/images/ruqin6.png) center no-repeat;
    height: 70px;
    width: 70px;
    background-size: 100%;
}
.el-icon-ruqin6:before{
    content: "";
    font-size: 16px;
}

.el-icon-anjianmen6{
    background: url(~@/assets/images/anjianmen6.png) center no-repeat;
    height: 70px;
    width: 70px;
    background-size: 100%;
}
.el-icon-anjianmen6:before{
    content: "";
    font-size: 16px;
}

.el-icon-menjin6{
    background: url(~@/assets/images/menjin6.png) center no-repeat;
    height: 70px;
    width: 70px;
    background-size: 100%;
}
.el-icon-menjin6:before{
    content: "";
    font-size: 16px;
}

.el-icon-shuangjian6{
    background: url(~@/assets/images/shuangjian6.png) center no-repeat;
    height: 70px;
    width: 70px;
    background-size: 100%;
}
.el-icon-shuangjian6:before{
    content: "";
    font-size: 16px;
}

.el-icon-churukou{
    background: url(~@/assets/images/churukou.png) center no-repeat;
    height: 15px;
    width: 15px;
    background-size: 100%;
}
.el-icon-churukou:before{
    content: "";
    font-size: 16px;
}

.el-icon-anjiandian{
    background: url(~@/assets/images/anjiandian.png) center no-repeat;
    height: 15px;
    width: 15px;
    background-size: 100%;
}
.el-icon-anjiandian:before{
    content: "";
    font-size: 16px;
}
.el-icon-xunchadian{
    background: url(~@/assets/images/xunchadian.png) center no-repeat;
    height: 15px;
    width: 15px;
    background-size: 100%;
}
.el-icon-xunchadian:before{
    content: "";
    font-size: 16px;
}
.el-icon-anjianji{
    background: url(~@/assets/images/anjianji.png) center no-repeat;
    height: 15px;
    width: 15px;
    background-size: 100%;
}
.el-icon-anjianji:before{
    content: "";
    font-size: 16px;
}


.el-icon-changguan{
    background: url(~@/assets/images/changguan.png) center no-repeat;
    height: 55px;
    width: 55px;
    background-size: 100%;
}
.el-icon-changguan:before{
    content: "";
    font-size: 16px;
}
.el-icon-changkai{
    background: url(~@/assets/images/changkai.png) center no-repeat;
    height: 55px;
    width: 55px;
    background-size: 100%;
}
.el-icon-changkai:before{
    content: "";
    font-size: 16px;
}
.el-icon-guanzhe{
    background: url(~@/assets/images/guanzhe.png) center no-repeat;
    height: 55px;
    width: 55px;
    background-size: 100%;
}
.el-icon-guanzhe:before{
    content: "";
    font-size: 16px;
}


.el-icon-changguan1{
    background: url(~@/assets/images/changguan1.png) center no-repeat;
    height: 70px;
    width: 70px;
    background-size: 100%;
}
.el-icon-changguan1:before{
    content: "";
    font-size: 16px;
}
.el-icon-changkai1{
    background: url(~@/assets/images/changkai1.png) center no-repeat;
    height: 70px;
    width: 70px;
    background-size: 100%;
}
.el-icon-changkai1:before{
    content: "";
    font-size: 16px;
}
.el-icon-guanzhe1{
    background: url(~@/assets/images/guanzhe1.png) center no-repeat;
    height: 70px;
    width: 70px;
    background-size: 100%;
}
.el-icon-guanzhe1:before{
    content: "";
    font-size: 16px;
}

.el-icon-xungengdian{
    background: url(~@/assets/images/xungengdian.png) center no-repeat;
    height: 55px;
    width: 55px;
    background-size: 100%;
}
.el-icon-xungengdian:before{
    content: "";
    font-size: 16px;
}
.el-icon-xungengdian1{
    background: url(~@/assets/images/xungengdian1.png) center no-repeat;
    height: 70px;
    width: 70px;
    background-size: 100%;
}
.el-icon-xungengdian1:before{
    content: "";
    font-size: 16px;
}




.el-icon-shengguangcf{
    background: url(~@/assets/images/shengguangcf.png) center no-repeat;
    height: 55px;
    width: 55px;
    background-size: 100%;
}
.el-icon-shengguangcf:before{
    content: "";
    font-size: 16px;
}
.el-icon-zhaomingg{
    background: url(~@/assets/images/zhaomingg.png) center no-repeat;
    height: 55px;
    width: 55px;
    background-size: 100%;
}
.el-icon-zhaomingg:before{
    content: "";
    font-size: 16px;
}
.el-icon-zhaomingk{
    background: url(~@/assets/images/zhaomingk.png) center no-repeat;
    height: 55px;
    width: 55px;
    background-size: 100%;
}
.el-icon-zhaomingk:before{
    content: "";
    font-size: 16px;
}


.el-icon-hongwaicf{
    background: url(~@/assets/images/hongwaicf.png) center no-repeat;
    height: 55px;
    width: 55px;
    background-size: 100%;
}
.el-icon-hongwaicf:before{
    content: "";
    font-size: 16px;
}
.el-icon-shuangjiansy{
    background: url(~@/assets/images/shuangjiansy.png) center no-repeat;
    height: 55px;
    width: 55px;
    background-size: 100%;
}
.el-icon-shuangjiansy:before{
    content: "";
    font-size: 16px;
}

.el-icon-stepIcon1{
    background: url(~@/assets/images/stepIcon1.png) center no-repeat;
    height: 14px;
    width: 14px;
    background-size: 100%;
}
.el-icon-stepIcon1:before{
    content: "";
    font-size: 16px;
}
.el-icon-stepIcon2{
    background: url(~@/assets/images/stepIcon2.png) center no-repeat;
    height: 18px;
    width: 18px;
    background-size: 100%;
}
.el-icon-stepIcon2:before{
    content: "";
    font-size: 16px;
}

.el-icon-flag{
    background: url(~@/assets/images/flag.png) center no-repeat;
    height: 40px;
    width: 100px;
    background-size: 100%;
}
.el-icon-flag:before{
    content: "";
    font-size: 16px;
}

.el-icon-stepsIcon{
    background: url(~@/assets/images/stepsIcon.png) center no-repeat;
    height: 40px;
    width: 100px;
    background-size: 100%;
}
.el-icon-flag:before{
    content: "";
    font-size: 16px;
}

.el-icon-shousuo{
    background: url(~@/assets/images/shousuo.png) center no-repeat;
    height: 30px;
    width: 30px;
    background-size: 100%;
    position: absolute;
    z-index: 10000;
    top: 60px;
    left: 322px;
}
.el-icon-flag:before{
    content: "";
    font-size: 16px;
}


.el-icon-zhandian{
    background: url(~@/assets/images/zhandian.png) center no-repeat;
    height: 15px;
    width: 15px;
    background-size: 100%;
}
.el-icon-zhandian:before{
    content: "";
    font-size: 16px;
}

.el-icon-shipin{
    background: url(~@/assets/images/shipin.png) center no-repeat;
    height: 15px;
    width: 15px;
    background-size: 100%;
}
.el-icon-shipin:before{
    content: "";
    font-size: 16px;
}

.el-icon-ruqinbaojing{
    background: url(~@/assets/images/ruqinbaojing.png) center no-repeat;
    height: 15px;
    width: 15px;
    background-size: 100%;
}
.el-icon-ruqinbaojing:before{
    content: "";
    font-size: 16px;
}

.el-icon-anquanjiancha{
    background: url(~@/assets/images/anquanjiancha.png) center no-repeat;
    height: 15px;
    width: 15px;
    background-size: 100%;
}
.el-icon-anquanjiancha:before{
    content: "";
    font-size: 16px;
}
.el-icon-churukoukongzhi{
    background: url(~@/assets/images/churukoukongzhi.png) center no-repeat;
    height: 15px;
    width: 15px;
    background-size: 100%;
}
.el-icon-churukoukongzhi:before{
    content: "";
    font-size: 16px;
}


.el-icon-anjian7{
    background: url(~@/assets/images/anjian7.png) center no-repeat;
    height:15px;
    width:15px;
    background-size: 100%;
}
.el-icon-anjian7:before{
    content: "";
    font-size: 16px;
}
.el-icon-baojing7{
    background: url(~@/assets/images/baojing7.png) center no-repeat;
    height:15px;
    width:15px;
    background-size: 100%;
}
.el-icon-baojing7:before{
    content: "";
    font-size: 16px;
}
.el-icon-qiangji7{
    background: url(~@/assets/images/qiangji7.png) center no-repeat;
    height:15px;
    width:15px;
    background-size: 100%;
}
.el-icon-qiangji7:before{
    content: "";
    font-size: 16px;
}
.el-icon-qiuji7{
    background: url(~@/assets/images/qiuji7.png) center no-repeat;
    height:15px;
    width:15px;
    background-size: 100%;
}
.el-icon-qiuji7:before{
    content: "";
    font-size: 16px;
}
.el-icon-yeti7{
    background: url(~@/assets/images/yeti7.png) center no-repeat;
    height:15px;
    width:15px;
    background-size: 100%;
}
.el-icon-yeti7:before{
    content: "";
    font-size: 16px;
}
.el-icon-zhayao7{
    background: url(~@/assets/images/zhayao7.png) center no-repeat;
    height:15px;
    width:15px;
    background-size: 100%;
}
.el-icon-zhayao7:before{
    content: "";
    font-size: 16px;
}
.el-icon-zhaoming7{
    background: url(~@/assets/images/zhaoming7.png) center no-repeat;
    height:15px;
    width:15px;
    background-size: 100%;
}
.el-icon-zhaoming7:before{
    content: "";
    font-size: 16px;
}

.el-icon-fangqu7{
    background: url(~@/assets/images/fangqu7.png) center no-repeat;
    height:15px;
    width:15px;
    background-size: 100%;
}
.el-icon-fangqu7:before{
    content: "";
    font-size: 16px;
}
.el-icon-hongwai7{
    background: url(~@/assets/images/hongwai7.png) center no-repeat;
    height:15px;
    width:15px;
    background-size: 100%;
}
.el-icon-hongwai7:before{
    content: "";
    font-size: 16px;
}
.el-icon-fangqukuang7{
    background: url(~@/assets/images/fangqukuang7.png) center no-repeat;
    height:15px;
    width:15px;
    background-size: 100%;
}
.el-icon-fangqukuang7:before{
    content: "";
    font-size: 16px;
}

/*.el-icon-quanjing7{
    background: url(~@/assets/images/quanjing7.png) center no-repeat;
    height:15px;
    width:15px;
    background-size: 100%;
}
.el-icon-quanjing7:before{
    content: "";
    font-size: 16px;
}*/
.el-icon-ruqin7{
    background: url(~@/assets/images/ruqin7.png) center no-repeat;
    height:15px;
    width:15px;
    background-size: 100%;
}
.el-icon-ruqin7:before{
    content: "";
    font-size: 16px;
}

.el-icon-anjianmen7{
    background: url(~@/assets/images/anjianmen7.png) center no-repeat;
    height:15px;
    width:15px;
    background-size: 100%;
}
.el-icon-anjianmen7:before{
    content: "";
    font-size: 16px;
}

.el-icon-menjin7{
    background: url(~@/assets/images/menjin7.png) center no-repeat;
    height:15px;
    width:15px;
    background-size: 100%;
}
.el-icon-menjin7:before{
    content: "";
    font-size: 16px;
}

.el-icon-shuangjian7{
    background: url(~@/assets/images/shuangjian7.png) center no-repeat;
    height:15px;
    width:15px;
    background-size: 100%;
}
.el-icon-shuangjian7:before{
    content: "";
    font-size: 16px;
}

.el-icon-shoucang{
    background: url(~@/assets/images/shoucang.png) center no-repeat;
    height:25px;
    width:25px;
    background-size: 100%;
}
.el-icon-shoucang:before{
    content: "";
    font-size: 16px;
}