@import "../../component/picker/picker.wxss";

page{
  background: #F8F8F8;
 }


.flex-item{
    display:flex;
    height: 270rpx;
    width: 670rpx;
    border-radius: 20rpx;
    margin-top: 20rpx;
  }
.Discount {
  margin-left: 40rpx;
  margin-right: 40rpx;

}

.Group {
    display: flex;
  }
  
  .Group-image {
    width: 128rpx;
    height: 128rpx;
    margin: 84rpx 40rpx 84rpx 40rpx;
  }
  
  .Group-image image {
    width: 100%;
    height: 100%;
  }

  
  .content {

    width: auto;
    height: 201rpx;
    margin-top: 48rpx;
    
  }
  

  .content .title1 {
    font-size: 36rpx;
    font-weight: 700;
  }
  .content .title2 {
    font-size: 30rpx;
    font-weight: 700;
  }
  .content .title3 {
    font-size: 32rpx;
    margin-left: 24rpx;
  }
  .content .title4 {
    font-size: 28rpx;
    color: #228BFE;
    width: 132rpx;
    height: 40rpx;
    text-align: center;
    background-color: #A5BBE0;
    border-radius: 20rpx;
    margin-left: 24rpx;
  }
  
  /* .content .title2 {
    font-size: 26rpx;
    display: flex;
    color: #B4B4B4;
    margin: 11rpx 0 18rpx 0;
  } */
  
  .content .title2 .house {
    width: 24rpx;
    height: 24rpx;
    margin-right: 7rpx;
  }
  
  .content .title2 .house image {
    width: 100%;
    height: 100%;
  }
  
  .content .tejia {
    display: flex;
    width: 446rpx;
    margin-top: 24rpx;
  }


  .content .tejia .Price2 {
    font-size: 30rpx;
    color: #666666;
    line-height: 41rpx;
    margin-right: 23rpx;
  }
  
  .area {
    display: relative;
    flex-direction: column;
    align-items: center;
    height: 300rpx;
  }
  .area1 {
    height: 300rpx;
    width: 100%;
  }

  .van-nav-bar {
    background-color: #228BFE;
   }