.content{
  padding-top: 126px;
}

.hande {
      position: relative;
    }

    .code {
      position: absolute;
      right: 56px;
      top: 13px;
      opacity: 0;
      border-radius: 20px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .code .one,
    .code .two {
      width: 100px;
      height: 100px;
    }

    .code img {
      width: 100%;
      height: 100%;
    }

    .triangle {
      position: absolute;
      top: 37px;
      left: -20px;

      width: 0;
      height: 0;

      border: 10px solid;
      border-color: transparent red transparent transparent;

    }

    .more {
      position: relative;
    }

    .two-code {
      position: absolute;
      opacity: 0;
      bottom: -24px;
      left: 234px;
      width: 200px;
      height: 100px;
      background-color: red;
      z-index: 999;
    }

    .two-code img {
      width: 50%;
      height: 100%;
    }