.pagephotoBox {
  display: inline-block;

  :global {
    .@{antPrefix}-upload.@{antPrefix}-upload-select {
      width: 48px;
      height: 48px;
      margin-right: 0 !important;
      margin-bottom: 0 !important;
    }
  }

  .coverImage {
    width: 100%;
    height: 100%;
  }

  .contentBox {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;

    &:hover {
      .contentBg {
        display: flex;
      }
    }

    .contentBg {
      position: absolute;
      top: 0;
      left: 0;
      display: none;
      align-content: center;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      color: #ffffff;
      font-size: 16px;
      text-align: center;
      background: rgba(0, 0, 0, 0.35);
    }

    &:hover {
      .buttonList {
        display: flex;
      }
    }
  }
}
