.knowledge-base {
  &.list-page {
    height: calc(100% - 52px);
  }
  .type-tag {
    display: inline-block;
    padding: 0 10px;
    background-color: #EBF7FA;
    color: #046ECA;
    box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
    border-radius: 12px;
  }

  .list-desc{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .top-title {
    font-size: 24px;
    color: #353636;
    font-weight: 900;
    line-height: 24px;
    display: flex;
    align-items: center;
    padding-bottom: 8px;
    padding-top: 20px;
    margin-left:20px;
  }
  .knowledge-base__content {
    display:flex;
    flex-direction:row;
    padding:12px 20px 20px 20px;
    height:calc(100% - 52px);
    .left-filter {
      margin-right:20px;
      width:320px;
      min-width:320px;
      height:100%;
      display:flex;
      flex-direction:column;
      background: #FFFFFF;
      border: 1px solid rgba(226,229,236,1);
      border-radius: 4px;
      overflow: auto;
      .filter-title {
        height:32px;
        padding-left:20px;
        align-items: center;
        display: flex;
        background: #F7F7F7;
        box-shadow: 0 1px 0 0 rgba(226,229,236,1);
        border-radius: 4px 4px 0 0;
        font-size: 14px;
        color: #353636;
        font-weight: 500;
        //font-family: $fontFamily !important;
      }
      .knowledge-filter {
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        .filter__header {
          display: flex;
          flex: 0 0 32px;
          align-items: center;
          padding-left: 20px;
          color: #666;
          cursor: pointer;
          margin-top:15px;
          span {
            font-size: 14px;
            padding-left: 0;
          }
          i {
            font-size: 12px;
            transition: all linear .1s;
            transform: rotate(0) translate(0, 2px);
          }
          i.arrow-rotate {
            transform: rotate(90deg) translate(2px, 3px);
          }
          .new-knowledge-filter-header-title {
            //font-family: $fontFamily !important;
            font-size: 14px;
            color: #353636;
            font-weight: 500;
          }
          .new-knowledge-filter-icon {
            margin-left: 8px;
            margin-bottom: 2px;
            font-weight: bold !important;
            color: #575757;
          }
        }
        .filter__body {
          padding: 3px 0 0 20px;
          .el-tree {
            font-size:14px;
            color: #353636;
            font-weight: 400;
            .el-tree-node {
              .el-tree-node__content {
                margin-bottom: 2px;
                .custom-tree-node {
                  flex: 1;
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                  padding-right: 20px;
                  font-size: 14px;
                  font-weight: 400;
                  .count-tree-node {
                    color: #717171;
                  }
                }
              }
            }
          }
          .el-checkbox-group {
            display: flex;
            flex-direction: column;
          }
          .el-checkbox {
            display: flex;
            align-items: center;
            padding: 5px 0;
            margin-right: 5px;
            .el-checkbox__input {
              .el-checkbox__inner {
                background: #F2F7F9;
                border: 1px solid rgba(0,0,0,0.15);
                border-radius: 2px;
              }
            }
            .el-checkbox__input.is-indeterminate .el-checkbox__inner {
              border-color: #38ACD2;
              background: #38ACD2;
              border-radius: 2px;
            }
            .el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
              background: #FFFFFF;
              border-radius: 1px;
            }
            .el-checkbox__input.is-checked {
              .el-checkbox__inner {
                border-color: #38ACD2;
                background: #38ACD2;
                border-radius: 2px;
              }
            }
            .el-checkbox__input.is-focus {
              .el-checkbox__inner {
                border-color: #38ACD2;
              }
            }

            .el-checkbox__label {
              width: 100%;
              padding-right:15px;
              padding-left:7px;
            }
            .filter__checkbox-label {
              display: flex;
              justify-content: space-between;
              align-items: center;
              font-weight: 400;
              //font-family: NotoSansSChineseRegular !important;
              color: #353636;
              font-size: 14px;
              .filter-label {
                display: flex;
                //color: #353636;
              }
              .filter-count {
                color: #717171 !important;
              }
              .severity-color-block {
                width: 4px;
                height: 15px;
                border-radius: 2px;
              }
            }
            &:last-of-type {
              padding-bottom: 0;
            }
          }
        }
      }

      .knowledge-filter:last-child {
        .filter__header {
          margin-top:10px !important;
        }
      }
    }
    .right-list-card {
      display:flex;
      flex-direction:column;
      justify-content: space-between;
      width: calc(100% - 340px);
      max-width: calc(100% - 340px);
      height:100%;
      .top-tools {
        display: flex;
        align-items : center;
        flex-direction:row;
        justify-content: space-between ;
        //height:28px;
        width:100%;
        margin-bottom:20px;
        .top-tools__right {
          display: flex;
          justify-content: flex-end;
          align-items: center;
          //padding-bottom: 18px;

          &>div {
            //padding: 0 0 0 10px;
          }
          .el-button {
            color: #575757;
          }
          .el-button--mini{
            padding: 7px 9px !important;
            min-height: 28px !important;
            &.active i {
              color: #046ECA;
            }
            i {
              font-size: 12px;
            }
          }
        }
        .top-tools__left {
          display: flex;
          align-items : center;
          flex-direction:row;
          .top-tool-btn {
            cursor: pointer;
            height: 28px;
            width: 28px;
            border: 1px solid $--border-color-primary;
            outline: none;
            border-radius: $--button-border-radius;
            background-color: $--button-gray-background-color;
            transition: background-color linear .1s;
            font-size:12px;
            font-weight: 500;
            //font-family: $fontFamily !important;
            i {
              font-size: 14px;
              color: #575757;
              margin-right:4px;
            }
          }
          .top-tool-btn:disabled {
            cursor: not-allowed;
            opacity: 0.66;
            i {

            }
          }
          .top-tool-btn:hover:not(.cn-btn-disabled) {
            border: 1px solid $--border-color-primary;
            background-color: $--button-gray-hover-background-color;
          }
          .top-tool-btn:focus:not(.cn-btn-disabled), .top-tool-btn.is-focus {
            background-color: $--button-gray-active-background-color;
            border: 1px solid $--border-color-primary;
            i {
              color: #575757;
            }
          }
          .top-tool-btn--delete.top-tool-btn:focus:not(.cn-btn-disabled) {
            background-color: $--button-gray-hover-background-color;
            border-color: #FFC4B9;
            i {
              color: #F0745A;
            }
          }
          .top-tool-btn--create {
            background-color: #38ACD2 !important;
            border-color: #2E88A6 !important;
            color:#FFFFFF;
            i {
              color: #FFFFFF;
            }
          }
          .top-tool-btn--create:hover {
            background-color: #57B8D9 !important;
            border-color: #2E88A6 !important;
            color:#FFFFFF;
            i {
              color: #FFFFFF;
            }
          }
          .top-tool-btn--create:focus {
            background-color: #31A5CD !important;
            border-color: #2E88A6 !important;
            color:#FFFFFF !important;
            i {
              color: #FFFFFF !important;
            }
          }
          .top-tool-btn--create:disabled {
            opacity: 0.66;
            background-color: #38ACD2 !important;
            border-color: #2E88A6 !important;
            color:#FFFFFF;
            i {
              color: #FFFFFF;
            }
          }
          .top-tool-search {
            display:flex;
            width:242px;//calc(100% - 256px);
            .el-input--small{
              line-height: 27px;
              .el-input__inner {
                height: 28px;
                border-radius: 2px 0 0 2px;
              }
            }
            .top-tool-btn {
              border-left: none;
              border-radius: 0 2px 2px 0 !important;
            }
            .top-tool-btn--search:hover {
              border-left: none !important;
              border-radius: 0 2px 2px 0 !important;
            }
            .top-tool-btn--search:focus {
              border-left: none !important;
              border-radius: 0 2px 2px 0 !important;
            }
          }
        }
      }
      .list-mode__row {
        width: 100%;
        height:calc(100% - 102px);
        //overflow-y:auto;
        margin-bottom:0px;
        padding-bottom:30px;
        .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
          border-color: #38ACD2;
          background: #38ACD2;
          border-radius: 2px;
        }
        .el-checkbox__input.is-indeterminate .el-checkbox__inner {
          background-color: #38ACD2;
          border-color: #38ACD2;
        }
        .el-table--border {
          border: 1px solid rgba(226,229,236,1);
          border-radius: 4px;
          border-right:none;
          border-bottom:none;
        }
        .el-table--border th ,.el-table--border td {
          border-right: none;
        }
        .el-table {
          th {
            padding-top:6px;
            padding-bottom:6px;
            font-size:12px;
            line-height:12px;
            color: #353636;
            font-weight: 500;
          }
          td {
            padding-top:8px;
            padding-bottom:8px;
            font-size:12px;
            line-height:12px;
            color: #353636;
            font-weight: 400;
          }
          .cell {
            height: 20px;
            line-height: 20px;
          }

        }
      }
      .list-mode__card {
        width: 100%;
        height:calc(100% - 134px);
        overflow-y:auto;
        padding-right: 2px;
        margin-bottom:30px;
        .el-checkbox-group {
          display: grid;
          grid-template-rows: repeat(auto-fill, 218px);
          grid-template-columns: repeat(auto-fit, minmax(282px, 1fr));
          grid-gap: 30px;
        }
        .card-selected{
          box-shadow: 3px 3px 11px 0 rgba(0,0,0,0.1);
          border: 1px solid rgba(197,197,197,1) !important;
        }
        .card-item {
          background: #FFFFFF;
          border: 1px solid rgba(226,229,236,1);
          border-radius: 4px;
          /*width:282px;
          margin-bottom:30px;
          margin-right:30px;*/
          height:218px;
          display:flex;
          flex-direction:column;

          .card-content {
            height:calc(100% - 32px);
            padding:16px;
            display:flex;
            flex-direction: column;
            .card-title {
              //font-family: NotoSansSC-Bold;
              font-size: 16px;
              color: #353636;
              font-weight: 700;
              margin-bottom:6px;
              display: flex;
              flex-direction: row;
              justify-content: space-between;
              .card-title-name {
                width:210px;
                overflow: hidden; //超出的文本隐藏
                text-overflow: ellipsis; //溢出用省略号显示
                white-space:nowrap;
                word-break: break-all;
              }
              .card-title-more {
                position: relative;
                color:#575757;
                .el-checkbox__input.is-checked .el-checkbox__inner {
                  background-color: #38ACD2;
                  border-color: #38ACD2;
                }
                .el-checkbox__input.is-checked .el-checkbox__inner::after {
                  left: 5px;
                  top: 2px;
                }
                .el-checkbox__inner {
                  border-radius: 50%;
                  width:16px;
                  height:16px;
                  background-color: #DEDEDE;
                  border-color: #DEDEDE;
                  z-index:1;
                }
                .el-checkbox__inner::after {
                  left: 5px;
                  top: 2px;
                  transform: rotate(45deg) scaleY(1);
                }
                .card-operate {
                  background: #FFFFFF;
                  border: 1px solid rgba(197,197,197,1);
                  box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85);
                  border-radius: 2px;
                  position: absolute;
                  top: 20px;
                  right: -10px;
                  height: 56px;
                  width: 80px;
                  display:flex;
                  flex-direction: column;
                  padding-top:4px;
                  padding-bottom:4px;
                  font-family: Helvetica;
                  font-size: 12px;
                  font-weight: 400;
                  .card-title-more-delete {
                    z-index: 1;
                    line-height: 24px;
                    height: 24px;
                    background: #FFFFFF;
                    //box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85);
                    //border-radius: 2px;
                    padding-left: 9px;
                    color: #666666;
                  }
                  .card-title-more-delete:hover {
                    //background: #EBF1F4;
                    background: #F7F7F7;
                    color: #046ECA;
                    //border: 1px solid rgba(0,0,0,0.15);
                  }
                  .card-title-more-delete:active {
                    background: #F7F7F7;
                    color: #046ECA;
                    //border: 1px solid rgba(0,0,0,0.15);
                  }
                  .card-title-more-edit {
                    z-index: 1;
                    line-height: 24px;
                    height: 24px;
                    background: #FFFFFF;
                    //box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85);
                    //border-radius: 2px;
                    padding-left: 9px;
                    color: #666666;
                  }
                  .card-title-more-edit:hover {
                    background: #F7F7F7;
                    color: #046ECA;
                    //border: 1px solid rgba(0,0,0,0.15);
                  }
                  .card-title-more-edit:active {
                    background: #F7F7F7;
                    color: #046ECA;
                    //border: 1px solid rgba(0,0,0,0.15);
                  }
                }
              }
            }
            .card-id {
              //font-family: NotoSansSChineseRegular;
              font-size: 12px;
              color: #999999;
              font-weight: 400;
              margin-bottom:16px;
              line-height: 12px;
            }
            .card-desc {
              //font-family: NotoSansSChineseRegular;
              font-size: 12px;
              color: #717171;
              line-height: 18px;
              font-weight: 400;
              margin-bottom:0px;
              max-height:88px;

              overflow: hidden;
              display: -webkit-box;
              -webkit-line-clamp: 5;
              line-clamp: 5;
              -webkit-box-orient: vertical;
            }
          }
          .card-operate__footer {
            height:40px;
            //border:1px solid #7E9F54;
            display:flex;
            flex-direction: row;
            justify-content:space-between ;
            font-size: 14px;
            font-weight: 400;
            align-items: center;
            padding-left:16px;
            padding-right:16px;
            padding-bottom:20px;
            .card-type {
              display:flex;
              flex-direction:row;
              .card-category {
                font-size: 12px;
                line-height: 16px;
                color: #38ACD2;
                font-weight: 400;
                border: 1px solid rgba(56,172,210,1);
                height:20px;
                width: fit-content;
                padding-left:11px;
                padding-right:11px;
                box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
                border-radius: 10px;
                margin-right:4px;
              }
              .card-source {
                height:20px;
                width: fit-content;
                padding-left:11px;
                padding-right:11px;
                background: rgba(56,172,210,0.10);
                box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
                border-radius: 10px;
                font-size: 12px;
                color: #046ECA;
                font-weight: 400;
              }
            }
            .card-enable {
            }
          }
        }
        .card-item:hover{
          box-shadow: 3px 3px 11px 0 rgba(0,0,0,0.1);
        }
        .card-item__enable {
          background: #FFFFFF;
          border: 1px solid rgba(226,229,236,1);
          box-shadow: 3px 3px 11px 0 rgba(0,0,0,0.1);
          border-radius: 4px;
        }
      }
      .knowledge-pagination {
        height:56px;
        width:100%;
        background: #FFFFFF;
        box-shadow: 0 -1px 4px 0 rgba(0,0,0,0.07);
      }
    }
  }
}
.edit-knowledge-base {
  height: 100%;

  .edit-knowledge-base__header {
    padding: 30px 0 30px 20px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 900;
    color: #353636;
  }
  .edit-knowledge-base__body {
    display: flex;
    height: calc(100% - 147px);
    padding-left: 20px;
    overflow: auto;

    .enable-form__mt {
      .el-form {
        margin-top:6px;
      }
    }

    .el-steps {
      margin-left: 10px;

      .el-step {
        transition: flex-basis ease-in-out .28s;
      }
      .el-step__head {
        .el-step__line {
          top: 26px;
          bottom: 2px;
          background-color: #38ACD2;
          border-color: transparent;
          opacity: 0.66;
        }

        &.is-finish, &.is-process {
          .el-step__icon {
            border-color: #38ACD2;
            color: white;
            background: #38ACD2;
          }
        }

        &.is-process {
          .el-step__line {
            opacity: 1;
          }
        }

        &.is-wait {
          .el-step__icon {
            border-color: #38ACD2;
            color: #38ACD2;
          }
        }

        .el-step__icon-inner {
          font-size: 16px;
          font-weight: normal;
        }
      }
    }

    .el-collapse {
      width: 655px;
      margin-left: 5px;
      border: none;

      .el-collapse-item.upload-collapse {
        .el-collapse-item__wrap {
          height: 260px;
        }
      }
      .el-collapse-item {
        min-height: 58px;
        position: relative;

        .el-collapse-item__header {
          height: unset;
          line-height: unset;
          border: none;
          font-size: 16px;
          color: #333333;

          &.focusing:focus:not(:hover) {
            color: unset;
          }
          .form-sub-title {
            padding-left: 35px;
          }
        }
        [role|=tab] {
          display: flex;
          align-items: flex-start;
        }
        .el-collapse-item__arrow {
          position: absolute;
          color: #38ACD2;
          font-weight: bold;
        }
        .el-collapse-item__wrap {
          padding-left: 35px;
          border: none;
        }
        .el-collapse-item__content {
          position: relative;
          padding-bottom: 20px;
        }
        .form-input .el-input__inner{
          padding-right: 50px !important;
        }

        .upload-error-tip, .preview-error-tip {
          color: $--color-danger;
        }
        .upload-error-tip {
          margin-top: -11px;
        }
        .el-upload {
          margin-top: 12px;

          .upload-tip {
            font-size: 12px;
            color: #999999;

            span {
              padding-left: 6px;
              color: #326EC3;
            }
          }
          .el-upload-dragger {
            padding-top: 20px;
            width: 320px;
            border-radius: 2px;
            transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);

            .cn-icon-upload2 {
              font-size: 40px;
              color: #999;
            }
          }

        }
        .el-upload--error .el-upload-dragger {
          border-color: $--color-danger;
        }
        .el-upload-list {
          .el-upload-list__item {
            padding: 0 5px;
            margin-top: unset;
            height: 36px;
            line-height: 36px;
            background: #F5F8FA;
            border-radius: 2px;
            color: #353636;

            .el-icon-close {
              top: 11px;
            }
            .el-icon-close-tip {
              top: 11px;
            }
            .el-progress.el-progress--line {
              top: unset;
            }
          }
        }
      }
    }

    .el-form {
      margin-top: 20px;
      width: 620px;

      label {
        padding-bottom: 6px;
        font-size: 14px;
        color: #333333;
        line-height: unset;
      }

      .el-form-item {
        margin-bottom: 12px;
      }
      .el-form-item__content {
        line-height: unset;

        .el-input__inner {
          padding-left: 8px;
          font-size: 14px;
          color: #353636;
        }
        .el-textarea__inner {
          padding-left: 8px;
        }

        .form-select {
          width: 100%;

          .el-input__inner {
            background-color: #F5F8FA;
          }
        }
      }
    }
    .skeleton-border {
      position: relative;
      margin-top: 12px;
      padding: 15px;
      border: 1px solid #DCDFE6;
      border-radius: 2px;

      .skeleton-item-row:not(:nth-of-type(6)) {
        margin-bottom: 5px;
      }
      .el-skeleton__item {
        background: #F5F8FA;
      }
      .skeleton-tip {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 14px;
        color: #353636;
      }
    }
    .imported-tip {
      margin-top: 8px;
      margin-bottom: 4px;
      font-size: 14px;
      color: #333333;

      .cn-icon {
        font-size: 16px;
        color: #38ACD2;
      }
    }
    .imported-table-box {
      position: relative;
      height: 394px !important;
      border: 1px solid #DEDEDE;
      border-radius: 2px;
      transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);

      &.imported-table-box--error {
        border-color: $--color-danger;
      }
      .imported-table {
        padding: 0 12px;
        width: 100%;
        table-layout: fixed;

        th {
          text-align: left;
          font-size: 14px;
          color: #353636;;
        }
        td {
          font-size: 14px;
          color: #353636;
        }
        .imported-data-msg, .imported-data-item, .imported-data-value {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }

        .imported-data-item-edit__input {
          .el-input {
            height: 30px;
          }

          .el-input__inner {
            width: calc(100% - 50px);
            height: 24px;
            line-height: 0;
            padding: 0 !important;
            border-radius: 2px;
          }
        }
        .imported-data-msg {
          width: 200px;
        }

        .el-icon-close {
          color: #666;
          font-weight: bold;
          cursor: pointer;

          &:hover {
            color: #111;
          }
        }
        .el-icon-success {
          color: #749F4D;
        }
        .el-icon-error {
          color: #E26154;
        }

        .imported-data-btn {
          display: flex;
          align-items: center;
          justify-content: flex-end;

          .imported-data-left-btn {
            font-size: 14px;
            margin: 0 7px;
            color: #666;
            cursor: pointer;
          }

          .imported-data-back {
            color: #666;
            cursor: pointer;
          }

          .imported-data-save {
            color: #38ACD2;
            cursor: pointer;
          }
        }
      }

      .imported-pagination.pagination {
        position: absolute;
        width: 100%;
        height: 42px;
        bottom: 42px !important;
        margin-top: 4px;
        padding-top: 10px;
        border-top: 1px solid #eee;

        border-top: 0 !important;
        border-bottom: 1px solid #eee;
        margin-bottom: 0;
        padding-bottom: 0;

        .btn-prev, .btn-next, .number {
          margin: 0 2px;
        }

        .el-pager li, .el-pagination .btn-next, .el-pagination .btn-prev {
          border: none;
          font-size: 12px;
        }
        .el-pagination .el-pager li {
          color: #353636;
        }
        .el-pagination .el-pager li.active {
          background-color: #38ACD2;
          color: white;
        }
      }

      .el-form {
        margin-top: 0 !important;
      }

      .el-input {
        height: 24px;
      }

      .el-form-item__content {
        margin-top: -16px;
        margin-bottom: -17px;
      }

      .el-form-item__error {
        display: none;
      }
    }
  }
  .edit-knowledge-base__footer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    margin-top: 3px;
    box-shadow: 0 -1px 4px 0 rgba(0,0,0,0.10);

    .footer__btn {
      margin: 0 10px;
      height: 30px;
      min-width: 74px;
      padding: 0 15px;
      color: white;
      background-color: #699DC9;
      border: none;
      border-radius: 4px;
      outline: none;
      font-size: 14px;
      cursor: pointer;
      transition: background-color linear .2s, color linear .1s;
    }
    .footer__btn:hover:not(.footer__btn--disabled) {
      background-color: lighten(#699DC9, 10%);
    }
    .footer__btn--light {
      background-color: #F5F6F7;
      border: 1px solid $--border-color-primary;
      color: #333;
    }
    .footer__btn.footer__btn--light:hover:not(.footer__btn--disabled) {
      background-color: white;
      border-color: lighten(#38ACD2, 40%);
      color: #38ACD2;
    }
    .footer__btn--disabled {
      opacity: .6;
      cursor: default;
    }
  }
}
.addTagBtn {
  position: absolute;
  bottom: 9px;
  height:24px !important;
  min-height: 24px !important;
  font-size: 12px;
  color: #353636;
  font-weight: 500;
  width: 598px;
  margin-left: 10px;
  background: rgb(245, 248, 250);
  border: 1px #DEDEDE solid;
  padding: 0 !important;
  box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
  border-radius: 2px;
  font-family:NotoSansHans-Medium !important;

  .add-tag-btn {
    color: #575757 !important;
    font-size: 9px !important;
    margin: 0 8px 2px 8px;
  }

  &:hover {
     i {
       color: #699DC9 !important;
     }
   }

  span {
    font-family:NotoSansHans-Medium !important;
  }
}
.del-model-hint {
  display:flex;
  flex-direction: column;
  padding-bottom:0px !important;
  width:480px !important;
  height:300px !important;
  .el-dialog__header{
    display: flex;
    flex-direction: row;
    border-bottom:1px solid #eee;
    height:42px;
    min-height:42px;
    background: #F7F7F7;
    box-shadow: 0 1px 0 0 rgba(53,54,54,0.08);
    padding-left:20px;
    padding-top:14px;
    padding-bottom:14px;
    .el-dialog__headerbtn {
      display: flex !important;
      flex-direction: row-reverse;
      justify-content: center;
      align-items: center;
      font-size: 10px;
      line-height: 10px;
      padding-right: 5px !important;
      i {
        width:10px;
        height:10px;
      }
    }
    .el-dialog__title {
      font-size: 14px !important;
      color: #353636;
      letter-spacing: 0;
      font-weight: 400;
    }
  }
  .el-dialog__body {
    height:206px;
    min-height:206px;
    font-size: 14px;
    color: #353636;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: 400;
    padding-top:8px;
    padding-right:20px;
    padding-left:20px;
    .dialog-message {
      padding-left:0px !important;
      padding-right:0px !important;
    }
    .dialog-table {
      margin-top:10px;
    }
    .el-checkbox__input.is-checked .el-checkbox__inner {
      background-color: #38ACD2;
      border-color: #38ACD2;
    }
    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
      background-color: #38ACD2;
      border-color: #38ACD2;
    }
  }
  .el-dialog__footer {
    height:52px;
    min-height:52px;
    border-top:1px solid #eee;
    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.07);
    padding:11px 0 12px!important;
    .el-button {
      padding:8px 21px !important;
      line-height: 12px;
      //font-family: NotoSansHans-Medium !important;
      font-size: 12px;
      font-weight: 500;
      min-height: 28px;
    }
    .el-button:nth-child(1) {
      margin-right:20px;
      width:80px;
      height:28px;
      color: #353636;
      background: #F5F6F7;
      border: 1px solid rgba(215,215,215,1);
      border-radius: 2px;
    }
    .el-button:nth-child(2) {
      width:80px;
      height:28px;
      margin-right:20px;
      margin-left:0px !important;
      background-color:#2d8cf0;
      border-color:#2d8cf0;
    }
  }
}