* {
  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  margin: 0;
  padding: 0;
}
.dc-user-dm-box {
  width: 80px;
  .ant-dropdown-menu-item {
    position: relative;
    &:not(:first-child) {
      &:before {
        content: '';
        position: absolute;
        left: 10px;
        top: 0;
        bottom: auto;
        right: auto;
        height: 1px;
        width: calc(100% - 20px);
        background-color: #E8E8E8;
      }
    }
    .dc-dm-item {
      color: #333333;
      text-align: center;
    }
  }
}
.ant-menu-item {
  &.ant-menu-item-selected {
    .dc-rectangle {
      background-color: #245fac;
    }
  }
}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.dc-custom-context-menu {
  .menu_item {
    line-height: 30px;
    .menu_item_expand_icon {
      display: none;
    }
  }
}
.dc-personal-info-modal,
.dc-user-change-password-modal,
.dc-my-app-modal {
  .ant-modal-wrap {
    overflow-y: hidden;
    display: flex;
    align-items: center;
    .ant-modal {
      top: 0;
      .ant-modal-close {
        height: 50px;
        color: #219CDD;
        .ant-modal-close-x {
          height: 50px;
          width: 50px;
          line-height: 50px;
          .anticon {
            font-size: 17px;
          }
        }
      }
      .ant-modal-header {
        height: 50px;
        background-color: #DAE6F8;
        border-bottom: 1px solid #ecf3fb;
        border-bottom: 0;
        display: flex;
        align-items: center;
        .ant-modal-title {
          color: #333333;
          font-size: 17px;
          font-weight: 700;
        }
      }
      .ant-modal-body {
        height: calc(100vh - 200px);
        overflow-y: auto;
        padding: 15px 20px;
      }
      .ant-modal-footer {
        padding: 10px 16px;
        .ant-btn {
          height: 30px;
          margin: 0 10px;
        }
      }
    }
  }
}
.dc-user-change-password-modal {
  .ant-modal-wrap {
    .ant-modal {
      .ant-modal-body {
        height: initial;
        max-height: calc(100vh - 200px);
      }
    }
  }
}
.dc-personal-info-modal {
  .ant-modal {
    .ant-modal-header {
      height: 100px !important;
      background: #daeafd;
    }
    .ant-modal-body {
      height: calc(100vh - 250px) !important;
    }
  }
}