// dialog


// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
  border-radius: 6px;
  .el-dialog__body {
    padding: 10px 20px;
  }
  .el-dialog__close.el-icon.el-icon-close {
    font-size: 20px;
  }
}

// 弹窗
.el-message-box {
  .el-message-box__title {
    color: #343434;
    font-size: 16px;
    line-height: 16px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
  }
  .el-message-box__btns .el-button--primary {
    color: #fff;
  }
}

// drawer 抽屉
.el-drawer__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  margin: 0;
  .el-drawer__container.el-drawer__open .el-drawer.rtl{
    animation: rtl-drawer-in .3s cubic-bezier(0,0,.2,1) 1ms;
  }
  .el-drawer__container{
    .el-drawer {
      overflow: visible;
      box-shadow: none;
      z-index: 1000;
    }
    .el-drawer__header {
      position: relative;
      padding: 20px 80px 0;
      min-height: 44px;
      margin-bottom: 12px;
      color: $titleColor;
      background-color: white;
      .el-drawer__close-btn {
        position: absolute;
        top: -2px;
        left: -32px;
        z-index: -1;
        display: block;
        width: 33px;
        height: 52px;
        cursor: pointer;
        &::before {
          content: "";
          position: absolute;
          height: 52px;
          width: 33px;
          top: 0;
          left: 2px;
          z-index: -1;
          background: url(data:image/png;base64,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) no-repeat;
          background-size: 100% 100%;
        }
        .el-dialog__close.el-icon {
          font-size: 10px;
          display: block;
          margin: -4px 0 auto 4px;
          color: #BCBCBC;
        }
      }
      span {
        font-weight: 600;
        font-size: 22px;
      }
    }
    .el-drawer__body {
      padding: 0px 80px 20px;
      overflow-y: auto;
    }
  }
}