D-MAP/src/views/squarePage/index.less

.square-container {
  display: flex;
  float: right;
  .square-left {
    display: flex;
    width: 63.48vw;
    justify-content: center;
    flex-wrap: wrap;
    .search-container {
      height: 7.4vh;
      width: 44.9vw;
      margin-top: 11.29vh;
      margin-bottom: 7.87vh;
    }
    .square-map {
      overflow-y: auto;
      position: relative;
      width: 63.34vw;
      height: 67.79vh;
      margin-top: -30vh;
      .grid-item-close {
        margin-left: 16.69vw;
        margin-top: -21.94vh;
        margin-bottom: 14.5vh;
        
      }
      .grid-item {
        width: 18.6vw;
        height: 16.74vh;
        margin-right: 1.39vw;
        margin-bottom: 1.94vh;
        img {
          width: 100%;
          height: 100%;
        }
      }
    }
  }

  .square-right {
    margin-right: 2.29vw;
  }

  .square-count {
    height: 22.38vh;
    margin-bottom: 1.85vh;
    background: rgba(0, 0, 0, 0.49);
    border-radius: 2.08vw;
    border: 1px solid #707070;
    margin-left: 1.56vw;
    margin-top: 11.29vh;
    padding: 1.75vh 2.08vw;
    color: #dfdfdf;
    font-size: 16px;
  }
  .origin-basic {
    height: 22.38vh;
    margin-top: 11.29vh;;
    margin-bottom: 1.85vh;
    background: rgba(0, 0, 0, 0.49);
    border-radius: 2.08vw;
    border: 1px solid #707070;
    margin-left: 1.56vw;
    
  }

  .square-list {
    width: 26.36vw;
    //height: 49.27vh;
    margin-left: 1.56vw;
  }
  .square-list {
    .item-image {
      width: 7.29vw;
      height: 7.29vw;
      border-radius: 15px;
      border: 2px solid #dfdfdf;
      img {
        width: 100%;
        height: 100%;
        border-radius: 15px;
      }
    }
    .item-box {
      width: 100%;
      padding: 1.04vw 1.66vh 1.04vw;
      background: rgba(0, 0, 0, 0.2);
      border-radius: 20px 20px 20px 20px;
      opacity: 1;
      display: flex;
      .item-text {
        margin-left: 1.2vw;
        .item-title {
          height: 4.17vh;
          font-size: 28px;
          font-family: PingFang SC-Bold, PingFang SC;
          font-weight: 400;
          color: #fbfbfb;
          line-height: 4.17vh;
        }
        .item-description {
          margin-top: 0.37vh;
          height: 2.31vh;
          font-size: 16px;
          font-family: PingFang SC-Regular, PingFang SC;
          font-weight: 400;
          color: #dfdfdf;
          line-height: 2.31vh;
        }
        .item-tag {
          display: flex;
          margin-top: 0vh;
          width: 10vw;
          .tag {
            margin-bottom: 0.2vh;
            //width: 3.13vw;
            height: 1.96vh;
            font-size: xx-small;
            line-height: 1.96vh;
            text-align: center;
            background-color: #5d9a6d;
            border-radius: 10px;
            color: #f2f2f2;
            margin-right: 0.2vw;
          }
        }
      }
    }
  }
}