wx_qyj/page/home/pages/house/renthouse/renthouse.wxss

.dingwei {
  width: 30px;
  height: 20px;
}
.team-content {
  width: 100%;
  display:-webkit-box;
  -webkit-line-clamp:1;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-box-orient:vertical;
  word-break:break-all;
  }
.header_left {
  align-items: center;
  display: -webkit-flex;
  padding-left:5px;
  margin: 0 5px;
  width: 27%;
}

page {
  box-sizing: border-box;
  padding-bottom: calc(env(safe-area-inset-bottom) + 96rpx);
}

.home-page-header {
  display: flex;
}
.search{
  width: 530rpx;
}

.home-page-header .t-search__input-container {
  border-radius: 32rpx !important;
  height: 64rpx !important;
}

.home-page-header .t-search__input {
  font-size: 28rpx !important;
  color: rgb(116, 116, 116) !important;
}

.home-page-header {
  margin-top: 20rpx;
}

.home-page-header .t-image__swiper {
  width: 100%;
  height: 300rpx;
  border-radius: 10rpx;
}

.wr-search:before {
  content: '\e011';
}

.wr {
  font-family: 'wr' !important;
}

@font-face {
  font-family: 'wr';
  src: url('https://cdn3.codesign.qq.com/icons/gqxWyZ1yMJZmVXk/Yyg5Zp2LG8292lK/iconfont.woff?t=cfc62dd36011e60805f5c3ad1a20b642') format('woff2');
}

/* 筛选 */
.sreenBigBox {
  z-index: 999;
  position: relative;
}

.sreenBox {
  display: flex;
  flex-direction: unset;
  background-color: white;
  width: 750rpx;
  height: 70rpx;
  z-index: 999999999999;
  margin-top: 30rpx;
  border-bottom-width: 2rpx;
  border-bottom-style: solid;
  border-bottom-color: #f1f2f3;
}

.sreenItems {
  display: flex;
  flex-direction: unset;
  justify-content: space-around;
  /* align-items: center; */
  flex: 2;
}

.sort,
.sreen {
  position: relative;
  display: flex;
  align-items: center;
  /* background-color: #f1f1f1; */
  color: #666666;
  font-size: 32rpx;
  font-weight: 500;
  border-radius: 20rpx;
  margin: auto;
  padding: 5px;
  height: 70%;
  letter-spacing: 0.3em;
}

.head {
  height: 25rpx;
  width: 25rpx;
}

.rotating {
  transform: rotate(90deg);
  transition: all 600ms;
}

.specailItems {
  display: flex;
  flex-direction: unset;
  flex: 1;
}

.teacherImg {
  position: absolute;
  display: inline-block;
  right: 15%;
  height: 60rpx;
  width: 60rpx;
}

.studentImg {
  position: absolute;
  display: inline-block;
  margin-left: 10rpx;
  right: 4%;
  height: 60rpx;
  width: 60rpx;
}

/* 下拉框 */
.sreenConainer {
  z-index: 999;
  position: absolute;
  width: 100%;
  overflow: hidden;
  transition: height 400ms;
  display: flex;
  flex-direction: column;
}

.chooseBox {
  display: flex;
  flex-direction: unset;
  border-bottom-width: 2rpx;
  border-bottom-style: solid;
  border-bottom-color: #f1f2f3;
  background-color: white;
}

.typeBox {
  display: flex;
  flex-direction: column;
  flex: 0.8;
  margin-bottom: 25rpx;
  border-right-width: 2rpx;
  border-right-style: solid;
  border-right-color: #f1f2f3;
  background-color: #f1efef;
}

.typeItems {
  margin-top: 25rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-y: auto;
}

.typeItem {
  display: flex;
  color: #696969;
  font-weight: 500;
  height: 40rpx;
  width: 100%;
  font-size: 25rpx;
  padding: 0rpx 0rpx 0rpx 0rpx;
  align-content: center;
  letter-spacing: 0.3em;
}

.typeItemAdd {
  border-left: 7rpx solid #ffffff;
  background-color: #ffffff;
  color: #000
}

.chooseItems {
  flex: 3;
  display: flex;
  margin-top: 20rpx;
  overflow-y: scroll;
}

.ItemLabel {
  display: inline-block;
  width: 190rpx;
  font-size: 25rpx;
  text-align: center;
  line-height: 70rpx;
  font-weight: 400;
  color: #696969;
}

.choosing {
  color: limegreen;
  font-weight: 600;
}

.buttonConainer {
  display: flex;
  justify-content: space-around;
  background-color: #fff;
  height: 100rpx;
}

.clear {
  display: flex !important;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 50rpx;
  width: 130rpx !important;
  color: #6a6a6a;
  background-color: #f1f1f1;
  font-size: 28rpx !important;
  margin: auto;
}

.confirm {
  display: flex !important;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 50rpx;
  width: 200rpx !important;
  color: #ffffff;
  background-color: limegreen;
  font-size: 28rpx !important;
  margin: auto;
}

/* 遮罩层 */
.mask {
  margin-top: 420rpx;
  width: 100%;
  /* height:100%; */
  position: absolute;
  background-color: rgb(226, 224, 224);
  z-index: 9999;
  top: 0;
  left: 0;
  opacity: 0.5;
}

/* 列表 */
.like_content {
  display: flex;
  padding: 20rpx;
  border-bottom: 1rpx solid #efefef;
}

.like_content image {
  width: 250rpx;
  height: 250rpx;
  display: block;
}

.like_content .info {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.info {
  padding: 5px;
}

.info_tltle {
  font-weight: bolder;
  font-size: 34rpx;
}

.info_news text {
  font-size: 28rpx;
  margin-right: 10px;
}

.info_price {
  color: red;
  font-weight: bolder;
}

.info_state {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.info_state view {
  margin: 5px;
  font-size: 22rpx;
  background-color: rgb(221, 222, 224);
  color: rgb(150, 164, 207);
  text-align: center;
}