@function vmin($rpx) {
  @return #{$rpx * 100 / 750}vmin;
}

.share-text-popup {
  width: 100%;
  height: vmin(374);
  opacity: 1;
  .wrapper {
    height: vmin(374);
    border-radius: vmin(24) vmin(24) 0 0;
    overflow: hidden;
  }
  .header-content {
    height: vmin(96);
    line-height: vmin(96);
    position: relative;
    text-align: center;
    .header-title {
      opacity: 1;
      color: rgba(51,51,51,1);
      font-size: vmin(32);
      font-weight: 500;
      font-family: "PingFang SC";
    }
    .header-close {
      width: vmin(32);
      height: vmin(32);
      position: absolute;
      top: vmin(36);
      right: vmin(52);
      .icon {
        position: absolute;
        top: 0;
        right: 0;
      }
    }
  }

  .notice {
    height: vmin(32);
    width: 100%;
    text-align: center;
    color: rgba(153,153,153,1);
    font-size: vmin(24);
    font-weight: 400;
  }

  .flex {
    overflow: hidden;
    margin-bottom: vmin(116);
    margin-top: vmin(24);
    .recommend-content {
      float: left;
      width: 70%;
      min-height: vmin(106);
      border-radius: vmin(16);
      margin-left: 5%;
      opacity: 1;
      background: rgba(245,245,245,1);
      padding: vmin(32);
      color: rgba(51,51,51,1);
      font-size: vmin(28);
      font-weight: 400;
      box-sizing: border-box;
    }

    .change {
      float: left;
      margin-left: vmin(32);
      display: flex;
      margin-top: vmin(36);
      image {
        width: vmin(32);
        height: vmin(32);
        margin-right: vmin(8);
        margin-top: vmin(4);
      }
      view {
        line-height: vmin(40);
        color: rgba(51,51,51,1);
        font-size: vmin(28);
        font-weight: 400;
      }
    }

    .copy-recommend {
      float: left;
      width: 9.8%;
      height: vmin(56);
      line-height: vmin(56);
      border-radius: vmin(40);
      opacity: 1;
      border: 0 solid rgba(0.5920000076293945, 0.5920000076293945, 0.5920000076293945, 1);
      background: rgba(20,114,255,1);
      color: rgba(255,255,255,1);
      font-size: vmin(24);
      font-weight: 500;
      text-align: center;
      margin-top: vmin(28);
      margin-left: vmin(32);
    }
  }
}