.avatarBox{
  position: relative;
  .ant-modal-header{
    background-color: rgba(242, 242, 255, 1);
    .ant-modal-title{
      text-align: left;
    }
  }

  .ant-modal-body{
    position: relative;
  }
  .avatarDiv{
    display: flex;
    .previewBox{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      margin-left: 30px;
      .uploadBtn{
        margin-bottom: 30px;
        display: flex;
        a,label{
          cursor: pointer;
          display: block;
          height: 32px;
          line-height: 30px;
          margin:0px 10px;
          width: 100px;
          border:1px solid rgba(208, 208, 208, 1);
          background-color: white;
          border-radius:4px;
          text-align: center;
          color:#666666;
          span{
            display: block;
            .ant-upload.ant-upload-select {
              width: 100%;
              height: 32px;
            }
            .ant-upload-list{
              display: none;
            }
          }
        }
        a{
          background-color: rgba(65, 84, 241, 1);
          color: white;
          border-color: rgba(65, 84, 241, 1);
          &:hover{
            color: white!important;
          }
        }
      }
    }
    .previewImg{
      overflow: hidden;
      background-color: #fff;
      border-radius: 50%;
      text-align: center;
      width: 100px!important;
      height: 100px!important;
    }
  }
}