.el-message {
  //   background: linear-gradient(to bottom, rgba(0, 162, 218, 0.3), rgba(0, 162, 218, 0.6)) !important;
  border: 1px solid #ddd;
  border-image: linear-gradient(rgba(46, 91, 124, 1), rgba(1, 170, 242, 1)) 3 3;
  border-radius: 0;
  // TODO: Maybe change back，带图标的时候放开
  background:  no-repeat top / contain,linear-gradient(to bottom, rgba(0, 162, 218, 0.3), rgba(0, 162, 218, 0.6)) !important;
  background-size: 100% 100% !important;

  .el-message__content {
    color: #fff !important;
  }
}
.el-message-box {
  background: $drop-down-color !important;
  border: 1px solid $light-blue-color;
  margin: 0 auto !important;
}

.el-message-box__header {
  background: linear-gradient(to right, rgba(2, 30, 54, 0.2), rgba(0, 144, 188, 0.8));
  border-bottom: 1px solid $light-blue-color;
  padding: 10px 20px;
  background-size: 100% 100% !important;

  .el-icon-close::before {
    color: #fff;
  }

  .el-message-box__headerbtn {
    top: 10px !important;
  }
}

.el-message-box__title {
  color: $light-blue-color;
  font-size: 14px;
}

.el-message-box__content {
  color: rgba(255, 255, 255, 0.9);
  padding: 0 10px;
  margin: 20px;
  text-align: left;
  font-size: 14px;
}

.el-message-box__status + .el-message-box__message {
  color: rgba(255, 255, 255, 0.7);
}

.el-message-box__headerbtn .el-message-box__close {
  color: rgba(255, 255, 255, 0.5);
}

.el-message-box__btns {
  .el-button--default {
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 0;
    color: $white-opacity7 !important;
    background: transparent !important;
  }

  .el-button--primary {
    background: $primary-btn !important;
    border-radius: 0;
    // border: unset !important;
    border: 1px solid rgba(13, 120, 234, 0.5);
    color: #fff;
    font-size: 14px;
  }
}
