@import "@/styles/theme.scss";
.wrap{
  height: 100vh;
  width: 100%;
}
.share-page{
  padding: 10px 30px;
  .share-item{
    padding: 20px 0;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    position: relative;
    .img{
      width:220px;
      height:176px;
    }
    .name{
      position: absolute;
      left: 240px;
      top: 50px;
      color: #333;
      font-size: 32px;
      max-width: 400px;
      @include text-ellipsis;
    }
    .building{
      position: absolute;
      left: 240px;
      top: 50px;
      color: #333;
      font-size: 28px;
      max-width: 190px;
      @include text-ellipsis;
    }
    .price{
      position: absolute;
      right: 0px;
      top: 50px;
      font-size: 26px;
      color: #FF2359;
      max-width: 276px;
      @include text-ellipsis;
    }
    .num{
      position: absolute;
      left: 240px;
      top: 114px;
      font-size: 28px;
      color: $primary-color;
    }
    .address{
      font-size: 24px;
      color: #888;
      position: absolute;
      right: 0px;
      bottom: 20px;
      max-width: 400px;
      @include text-ellipsis;
    }
  }
}
.access-page{
    padding: 0 30px;
    .item{
      padding: 30px 0 12px 0;
      border-bottom: 1px solid rgba(0,0,0,0.08);
      position: relative;
      .tag{
        position: absolute;
        left: -2px;
        top: 102px;
        width:96px;
        height:32px;
        line-height: 32px;
        text-align: center;
        background:rgba(237,202,115,1);
        border-radius:2px;
        font-size: 22px;
        color: #fff;
      }
      .touxiang{
        width:88px;
        height:88px;
        border-radius: 44px;
      }
      .info-top{
        display: flex;
        position: absolute;
        top: 46px;
        left:112px;
        align-items: center;
        .name{
          font-size: 40px;
          color: #000;
          font-weight: 500;
          width: 300px;
          @include text-ellipsis;
          margin-right: 24px;
        }
        .goutong-icon{
          width:44px;
          height:44px;
          background:rgba(255,219,179,0.2);
          border-radius: 22px;
          margin: 0 10px;
        }
        .goutong{
          font-size: 34px;
          color: $primary-color;
          border-bottom: 4px solid #EDCA73;
          line-height: 34px;
        }
  
      }
      .activity-time{
        font-size: 26px;
        color:rgba(0,0,0,0.33);
        text-align: right;
      }
    }
  }
//   .pop-box{
//       position: fixed;
//       width: 100vw;
//       height: 100vh;
//       left: 0;
//       top: 0;
//       z-index: 9999;
//       background: rgba(0, 0, 0, 0.22);
//       display: flex;
//       flex-direction: column;
//       justify-content: center;
//       align-items: center;
//       .content {
//         width: 92vw;
//         height: 600px;
//         position: absolute;
//         left: 4vw;
//         top: 12vh;
//         background-color: #fff;
//         border-radius: 12px;
//         padding: 20px 20px;
  
//         .scroll-con{
//           height: 500px;
//           width: 100%;
//           overflow-y: scroll;
//           .activity-item{
//             padding: 16px 30px;
//             border-bottom: 2px solid rgba(0,0,0,0.08);
//             .name{
//               font-size: 32px;
//               color: #353535;
//               width: 600px;
//               @include text-ellipsis;
//             }
//             .time{
//               font-size: 26px;
//               color:rgba(0,0,0,0.33);
//               text-align: right;
//               margin-top: 20px;
//             }
//           }
  
//         }
  
//       }
//       .close{
//         font-size: 48px;
//         color: rgba(0,0,0,0.3);
//         float: right;
//       }
//   }