.modalmain {
  // width: 720px;
  background-color: #fff;
  border-radius: 20px 20px 20px 20px;
  .header {
    position: relative;
    z-index: 1;
    height: 120px;
    background: #f3f3f3;
    border-radius: 20px 20px 0 0;
    .title {
      color: #000;
      font-weight: 400;
      font-size: 22px;
    }
    .status {
      position: absolute;
      right: 56px;
      bottom: 20px;
      .circle {
        display: inline-block;
        width: 8px;
        height: 8px;
        margin-right: 8px;
        background: rgba(0, 220, 35, 1);
        border-radius: 100%;
        &.activated {
          background: #c1ea6c;
        }
        &.invalid {
          background: #ef6666;
        }
      }
      .cont {
        margin-right: 18px;
      }
    }
  }

  .close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: #c4c4c4;
    font-size: 20px;
    border-radius: 100%;
    cursor: pointer;
    transition: background-color 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);
    &:hover {
      background-color: #fff;
    }
  }

  .content {
    padding: 50px 60px 20px;
    .showName {
      width: 300px;
      height: 50px;
      color: #656872;
      font-size: 16px;
      line-height: 50px;
      text-indent: 10px;
      background-color: #f3f3f3;
      border-radius: 3px;
    }
  }

  .footer {
    display: flex;
    align-items: center;
    justify-content: end;
    // width: 720px;
    height: 75px;
    border-top: 1px solid rgba(196, 196, 196, 0.4);
  }
  .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 128px;
    height: 50px;
    margin-right: 60px;
    background: rgba(255, 232, 35, 1);
    border-radius: 30px;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.07);
    cursor: pointer;
  }
  .dsflex {
    display: flex;
    align-items: center;
  }
  .mr22 {
    margin-right: 22px;
  }
  :global {
    .ant-form-vertical .ant-form-item-label > label {
      display: block;
      width: 100%;
    }
    .ant-form-item-label > label .ant-form-item-tooltip {
      float: right;
    }
  }
  .invalidCont {
    padding: 80px 0 40px 0;
    .title {
      margin-bottom: 30px;
      color: #000;
      font-weight: 500;
      font-size: 20px;
      text-align: center;
    }
    .article {
      width: 630px;
      margin: 0 auto;
      font-size: 16px;
      line-height: 40px;
    }
    .phoneTitle {
      margin-top: 44px;
      color: #000;
      text-align: center;
    }
    .phone {
      margin-top: 10px;
      margin-bottom: 10px;
      color: #000;
      font-weight: 500;
      text-align: center;
    }
    .name {
      text-align: center;
    }
    .btnDiv {
      display: flex;
      justify-content: center;
      margin-top: 40px;
    }
    .disableBtnDiv {
      .btn {
        background: rgba(196, 196, 196, 0.2);
        cursor: default;
      }
    }
  }
}
.operateLi {
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-indent: 3px;
  border-radius: 5px;
  cursor: pointer;
}
