.share {
  background-color: rgba(#000, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;

  &.hide {
    z-index: -1;
  }
  &.show {
    z-index: 999;
  }

  .share-content {
    background-color: #fff;
    width: 300px;
    height: 580px;
    .share-canvas {
      height: 570px;
      width: 300px;
      //margin: 0 auto;
      background-color: #fff;
      position: relative;
    }

    .dashboard {
      height: 40px;
      width: 100%;
      background-color: #ffffff;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      display: flex;
      justify-content: space-between;

      .dashboard-item {
        flex: 1;
        text-align: center;
        height: 100%;

        .icon {
          width: 44px;
          height: 44px;
          display: block;
          margin: 0 auto 4px;
        }

        .txt {
          display: inline-block;
          font-size: 12px;
          color: #394259;
          background-color: transparent;
          border: 0 none;

          &:after {
            border: 0 none;
          }
        }
      }
    }
  }
}