////////对话框////////
.d-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 384px;
  .sys-translate(-50%, -50%);
  & > .d-paner-body {
    overflow: auto;
    padding-top: 16px;
    padding-bottom: 16px;
    min-height: 24px * 1 + 16px * 2;
    max-height: 80vh;
  }
  & .d-dialog-content {
    display: flex;
    align-items: center;
    color: @sys-color-gray;
  }
  .d-dialog-icon {
    display: flex;
    font-size: 24px;
  }
  .d-dialog-text {
    flex: 1;
    padding-left: 8px;
  }
  .d-dialog-alert {
    .d-dialog-icon {
      color: @sys-color-primary;
    }
  }
  .d-dialog-success {
    .d-dialog-icon {
      color: @sys-color-success;
    }
  }
  .d-dialog-confirm {
    .d-dialog-icon {
      color: @sys-color-primary;
    }
  }
  .d-dialog-warn {
    .d-dialog-icon {
      color: @sys-color-warn;
    }
  }
  .d-dialog-danger {
    .d-dialog-icon {
      color: @sys-color-danger;
    }
  }
}
// 提示类窗口
.d-dialog-tip {
  & > .d-paner-header {
    border-bottom: none;
  }
  & > .d-paner-footer {
    padding-top: 0;
    border-top: none;
  }
}

// 尺寸
.d-paner-xs {
  width: 20vw;
}
.d-paner-sm {
  width: 40vw;
  .d-window-body {
    min-height: 24px * 1 + 8px * 2;
  }
}
.d-paner-md {
  width: 60vw;
  .d-paner-body {
    min-height: 24px * 1 + 8px * 2;
  }
}
.d-paner-lg {
  width: 80vw;
  .d-paner-body {
    min-height: 24px * 1 + 8px * 2;
  }
}