RealtorEasier/components/house-item/house-item.wxss

.card-house-image {
  width: 210rpx;
  height: 158rpx;
}
.house-image-w {
  height: 158rpx;
  margin-right: 30rpx;
  position: relative;
}


.house-item {
  height: 234rpx;
  position: relative;
  display: flex;
  align-items: center;
}
.house-item::after {
  height: 2rpx;
  width: 100%;
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #e5e5e5;
}

.house-title {
  
  font-size: 30rpx;
  line-height: 42rpx;
  font-weight: bold;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}

.content {
  margin-top: 2rpx;
}
.houseinfo .address {
  font-size: 22rpx;
  margin-bottom: 8rpx;
}

.tap-list {
  height: 32rpx;
  margin-bottom: 8rpx;
}
.tap-item {
  font-size: 22rpx;
  line-height: 32rpx;
  margin-right: 10rpx;
  background: #E8F8FE;
  color: #79868F;
  display: inline-block;
}

.price {
  font-size: 28rpx;
  color: #F56C6C;
}

.price-tip {
  color: #A3A4A5;
  font-size: 24rpx;
  margin-left: 14rpx;
}
.imgurl{
  background-repeat:no-repeat;
  background-size:100% 100%;
  -moz-background-size:100% 100%;
}

.can-vr {
  position: absolute;
  width: 21px;
  height: 21px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDIxIDIxIj4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogI2ZmZjsNCiAgICAgIH0NCg0KICAgICAgLmNscy0yLCAuY2xzLTQgew0KICAgICAgICBmaWxsOiBub25lOw0KICAgICAgfQ0KDQogICAgICAuY2xzLTIgew0KICAgICAgICBzdHJva2U6ICNmZmY7DQogICAgICAgIHN0cm9rZS13aWR0aDogMC41cHg7DQogICAgICB9DQoNCiAgICAgIC5jbHMtMyB7DQogICAgICAgIHN0cm9rZTogbm9uZTsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnIGlkPSJsb2FkaW5nIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTU2LjE4OCAtMTY3Ljg1OSkiPg0KICAgIDxwYXRoIGlkPSLot6/lvoRfMTM4IiBkYXRhLW5hbWU9Iui3r+W+hCAxMzgiIGNsYXNzPSJjbHMtMSIgZD0iTTE3Mi44NzMsMTgxLjY3N2EuNS41LDAsMCwwLC40MjIsMGw0LjE1NS0yLjQ0My00LjEtMi4zODJhLjUuNSwwLDAsMC0uNDIxLDBsLTQuMTU1LDIuNDQzWm0tLjMtNS4zNzVhMS4wMTksMS4wMTksMCwwLDEsMS4wMjQsMGw0LjUxNywyLjYyNmMuMy4xODMuMy40MjgsMCwuNjExbC00LjUxNywyLjYyNmExLjAyMSwxLjAyMSwwLDAsMS0xLjAyNCwwbC00LjUxNy0yLjYyNmMtLjMtLjE4My0uMy0uNDI3LDAtLjYxMVptLTQuNDU3LDguOTc4YS41LjUsMCwwLDAsLjI0MS4zNjZsMy45NzUsMi4zMjF2LTQuNDU5YS41LjUsMCwwLDAtLjI0MS0uMzY2bC0zLjk3NS0yLjMyMVptNC4yNzYtMi42ODdhMS4yMzUsMS4yMzUsMCwwLDEsLjU0Mi45MTZ2NC44ODZjMCwuMzY2LS4yNDEuNDg5LS41NDIuMzA1bC00LjMzNi0yLjU2NWExLjIzNiwxLjIzNiwwLDAsMS0uNTQyLS45MTZ2LTQuODg2YzAtLjM2Ny4yNDEtLjQ4OS41NDItLjMwNVptMS43NDcuNDg5YS41LjUsMCwwLDAtLjI0MS4zNjd2NC40NThsMy45NzUtMi4zMjFhLjUuNSwwLDAsMCwuMjQxLS4zNjdWMTgwLjc2Wm00LjEtMy4wNTRhLjMzMi4zMzIsMCwwLDEsLjU0Mi4zMDV2NC45NDdhMS4xMzcsMS4xMzcsMCwwLDEtLjU0Mi45MTZsLTQuMzM2LDIuNTY1YS4zMzIuMzMyLDAsMCwxLS41NDItLjMwNXYtNC45NDdhMS4xMzgsMS4xMzgsMCwwLDEsLjU0Mi0uOTE2Wm0wLDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02LjI4NCAtNC4wNTIpIi8+DQogICAgPGcgaWQ9IuakreWchl8xMCIgZGF0YS1uYW1lPSLmpK3lnIYgMTAiIGNsYXNzPSJjbHMtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTU2LjE4OCAxNjcuODU5KSI+DQogICAgICA8Y2lyY2xlIGNsYXNzPSJjbHMtMyIgY3g9IjEwLjUiIGN5PSIxMC41IiByPSIxMC41Ii8+DQogICAgICA8Y2lyY2xlIGNsYXNzPSJjbHMtNCIgY3g9IjEwLjUiIGN5PSIxMC41IiByPSIxMC4yNSIvPg0KICAgIDwvZz4NCiAgPC9nPg0KPC9zdmc+DQo=) no-repeat center center;
  background-size: 100% 100%;
  left: 4px;
  bottom: 3px;
}