wxmini/pages/components/RoomCard/index.wxss

.room-card {
  padding: 60rpx 0;
  border-bottom: 2rpx solid #eaeaea;
}
.room-card .head {
  margin-bottom: 20rpx;
}
.room-card .head .title {
  font-size: 36rpx;
  line-height: 52rpx;
  color: #333;
}
.room-card .head .subtitle {
  float: right;
}
.room-card .body {
  display: flex;
}
.room-card .body .thumb {
  width: 73.5%;
  height: 280rpx;
  flex: none;
  overflow: hidden;
  position: relative;
  border-radius: 8rpx;
}
.room-card .body .thumb image {
  width: 100%;
  height: 100%;
  border-radius: 8rpx;
}
.room-card .body .content {
  margin-left: 20rpx;
  flex: auto;
}
.room-card .body .price {
  font-size: 40rpx;
  color: #FF2B00;
}
.room-card .body .persons {
  font-weight: 500;
  font-size: 28rpx;
  color: #666;
  line-height: 36rpx;
}
.room-card .body .tags {
  margin-top: 8rpx;
}
.room-card .body .tag {
  color: #9D876D;
  font-size: 20rpx;
  line-height: 32rpx;
  text-align: center;
  border: 1rpx solid #bb9c79;
  border-radius: 4rpx;
  width: fit-content;
  padding: 0 10rpx;
}
.room-card .body .tag + .tag {
  margin-top: 10rpx;
}
.room-card .gray-text {
  font-size: 24rpx;
  color: #666;
  line-height: 34rpx;
}