// .el-message-box {
//     padding: 20px;
//     border-radius: 0.67vh;
//     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);

//     &__header {
//         padding: 0 0 16px;

//         .el-message-box__title {
//             font-size: 18px;
//             font-weight: 500;
//             color: #303133;
//         }
//     }

//     &__content {
//         padding: 0;
//         font-size: 16px;
//         color: #606266;
//     }

//     &__btns {
//         padding: 20px 0 0;
//         text-align: right;

//         .el-button {
//             padding: 9px 20px;
//             font-size: 14px;
//             border-radius: 0.33vh;

//             & + .el-button {
//                 margin-left: 12px;
//             }

//             &--default {
//                 border-color: #dcdfe6;
//                 color: #606266;

//                 &:hover {
//                     border-color: #c0c4cc;
//                     color: #303133;
//                     background-color: #f5f7fa;
//                 }
//             }

//             &--primary {
//                 background-color: #409eff;
//                 border-color: #409eff;

//                 &:hover {
//                     background-color: #66b1ff;
//                     border-color: #66b1ff;
//                 }
//             }
//         }
//     }
// }

$white_filter: brightness(0) invert(1);
$black_filter: brightness(0) invert(0);
$black_color: #4b4b68;
$white_color: #fff;
$black_bg: rgba(0, 0, 0, 0.55);
$white_bg: rgba(255, 255, 255, 0.55);
.el-loading-mask {
  background-color: $white_bg;
  color: white;
  border-radius: 1.67vh;
  .el-loading-text {
    color: #000;
    font-size: 3vh;
  }

  @keyframes blink {
    0% {
      clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
    }
    100% {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
  }

  .el-loading-spinner {
    &::before,
    &::after {
      color: $black_color;
      font-size: 3vh;
      font-family: $font_special;
    }
    &::before {
      content: '正在加载中';
    }
    &::after {
      content: '...';
      animation: blink 1s infinite;
    }
  }

  .circular {
    display: none;
  }

  // .circular {
  //   transform: scale(3);
  // }
}
