.data-export- {
  &history-link {
    padding-left: 8px;
  }
  &history-panel- {
    &container {

      &-item {
        border: 1px solid rgba(0,0,0,0.00);
        border-radius: 2px;
        background-color: #F6F8FB;
        padding: 10px;
        margin-bottom: 10px;
        &-file {
          &-name {
            font-family: PingFangSC-Semibold;
            font-size: 12px;
            color: #25282E;
          }
        }
        &-header {
          display: flex;
          border-bottom: 1px solid #eff0f3;
          padding-bottom: 10px;
          margin-bottom: 10px;
          justify-content: space-between;
          align-items: baseline;

          &-time {
            font-family: PingFangSC-Semibold;
            font-size: 12px;
            color: #25282E;
            &.file-name {
              font-family: none;
            }
          }

          &.file-name {
            border-bottom: none;
          }

          &-opreation {
            display: flex;
            justify-content: flex-end;
            .next-btn {
              margin-left: 5px;
            }

            &-error {
              color: #FF3000;
              display: inline-block;
              margin-right: 5px;
              max-width: 400px;
              line-height: 28px;
            }

            &-successnum {
              display: inline-block;
              margin-right: 5px;
              max-width: 400px;
              line-height: 28px;
            }
          }
        }
      }

      &-reminder{
        margin: 20px 0px;
        display: flex;
        justify-content: center;
        font-size: 12px;
        color: #848689;
      }

      &-loadingBlock {
        width: 100%;
        height: 500px;
        display: flex;
        justify-content: center;
        align-items: center;
        &-div{
          display: flex;
          align-items: center;
          flex-direction: column;
        }
        &-text{
          display: block;
          font-size: 14px;
          color: #848689;
        }
      }
    }
    &pagination {

    }
    &status-error {
      margin-left: 20px;
      color: #f33;
    }
  }
  &query {
    color: #4E4F64;
    font-size: 12px;
    //font-family: $font-family-base;
    line-height: 16px;
    label {
      margin-right: 8px;
      color: #848689;
    }
  }
  &confirm- {
    &body {
      width: auto;
      margin-bottom: 0px;

      .next-dialog-body {
        padding-top: 12px;
        padding-bottom: 0px;

        .next-form-item-label {
          line-height: 20px;
        }
        .next-form-item p {
          line-height: 20px;
        }
      }
      .next-dialog-footer {
        padding-top: 20px;
        padding-bottom:  20px;
      }

    }
    &message {
      padding: 5px 6px !important;
      background-color: #CCE6FE !important;
      margin-bottom: 20px !important;
      div {
        color: #53555B !important;
      }
    }
    &title {
      color: #333;
      font-size: 14px;
      //font-family: $font-family-base;
    }

    &query-wrapper {
      padding-left: 5px;
    }
  }

  &result- {
    &body {
      .next-dialog-footer {
        height: 68px;
        background: #F6F8FB;
        align-content: center;
      }
      .next-dialog-body {
        padding-bottom: 0px;
      }

      .next-form-item-label {
        line-height: 20px;
      }
      .next-form-item p {
        line-height: 20px;
      }
    }
    &title {
      color: #333;
      font-size: 14px;
      //font-family: $font-family-base;
    }
    &footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 100%;
      &-message {
        font-family: PingFangSC-Semibold;
        margin-left: 5px;
        color: #25282E;
      }
      .success-icon {
        width: 24px;
        color: #1DC11D
      }

      .error-icon {
        width: 24px;
        color: #FF3333
      }
    }

    &query-wrapper {
      padding-left: 0px;
    }

    &analysis {
      &-footer {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        height: 100%;
      }
      &-wrapper {
        margin-top: 20px;
        width: 350px;
        min-height: 100px;
        display: flex;
        justify-content: space-between;

        &-span {
          display: flex;
          width: 100%;

          &-message {
            flex: 1;
            word-break: break-word;
            font-size: 16px;
            line-height: 28px;

            &-info {
              font-size: 12px;
              margin-top: 10px;
              color: #25282E;
              display: block;
            }
          }
        }
        .success-icon {
          width: 24px;
          color: #1DC11D
        }

        .error-icon {
          width: 24px;
          color: #FF3333
        }
      }
    }
  }

  &analysis {
    &-excelimport-body {
      .next-dialog-footer {
        padding-top: 20px;
        padding-bottom:  20px;
      }
    }

    &-excelimport-layer-content {
      width: 560px;
      min-height: 174px;
    }

    &-excelimport-dialog-footer {
      display: flex;
      .footer-left-zone {
        flex: 1;
        text-align: left;
      }

      button+button {
        margin-left: 8px;
      }
    }

    &-excelimport-tip {
      margin-bottom: 8px;

      &-inner {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
      }
    }
  }

}