.SignMultiple {
  height: 100vh;
  background: #f4f5f7;
  position: relative;

  .urlIndex {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 440rpx;
    background: #3a6bbe;
    text-align: center;
    overflow: hidden;

    .urlTitle {
      width: 100%;
      height: 300rpx;

      .urlWelcome {
        color: #fff;
        font-size: 24px;
      }

      .urlHibiscus {
        height: 200rpx;
        line-height: 58rpx;
        //font-size: 38rpx;
        margin: 40rpx 20rpx;
        border: 2px solid #a1b8e0;
        display: flex;
        justify-content: center;

        .contact {
          height: 100rpx;
          width: 100rpx;
          border-radius: 50%;
          border: solid 1px gray;

          .image {
            width: 100%;
            height: 100%;
            border-radius: 50%
          }
        }
      }
    }
  }

  .type {
    margin: 0 20rpx 0 20rpx;
    width: 29%;
    text-align: right;
  }

  .HiddenEse {
    position: absolute;
    top: 4px;
    right: 0;
    width: 76rpx;
    height: 40rpx;

    image {
      width: 40rpx;
      height: 40rpx;
    }
  }

  .SignItem {
    transform: translateY(15%);
    display: flex;
    flex-direction: column;
    margin: 20rpx 48rpx;
    border-radius: 20rpx;
  }

  .Cancel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin: 20rpx 40rpx;
  }

}
