.bannerHeader>.container>.content_wrap{
  /* margin-bottom: .4rem; */
}
.filterSection{
  background-color: #F5F5F5;
  padding-top: .4rem;
}
.filterSection>.container{
  position: relative;
}
.filterSection>.container>.filterWrap{
  display: flex;
  margin-bottom: .4rem;
}
.filterSection>.container>.filterWrap>.filterBtn{
  display: flex;
  align-items: center;
  width: 1.2rem;
  padding: .104rem .136rem;
  border: solid 1px #001721;
  cursor: pointer;
}
.filterSection>.container>.filterWrap>.filterBtn>img{
  width: .192rem;
  margin-right: .2rem;
}
.filterSection>.container>.filterWrap>.filterBtn>span{
  font-size: .112rem;
  color: #001721;
}
.filterSection>.container>.filterWrap>.swiper_box{
  width: 100px;
  flex: 1;
  padding: 0 .48rem;
  display: flex;
  align-items: center;
  position: relative;
}
.filterSection>.container>.filterWrap>.swiper_box>.filterSwiper{
  overflow: hidden;
}
.filterSection>.container>.filterWrap>.swiper_box>.filterSwiper>.swiper-wrapper{
}
.filterSection>.container>.filterWrap>.swiper_box>.filterSwiper>.swiper-wrapper>.swiper-slide{
  width: unset;
  height: unset;
  margin-right: .064rem;
}
.filterSection>.container>.filterWrap>.swiper_box>.filterSwiper>.swiper-wrapper>.swiper-slide>a{
  display: block;
  font-size: .112rem;
  line-height: 1;
  color: #001721;
  padding: .096rem .24rem;
  border: solid 1px #001721;
  border-radius: .4rem;
  user-select: none;
}
.filterSection>.container>.filterWrap>.swiper_box>.filterSwiper>.swiper-wrapper>.swiper-slide.active>a{
  background-color: #E0C6AD;
  border-color: #E0C6AD;
  color: #fff;
}
.filterSection>.container>.filterWrap>.swiper_box>.swiperControl{
  width: .32rem;
  height: .32rem;
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
}
.filterSection>.container>.filterWrap>.swiper_box>.swiperControl.swiper-button-disabled{
  opacity: .5;
}
.filterSection>.container>.filterWrap>.swiper_box>.swiperControl::after{
  content: '';
  display: block;
  width: .12rem;
  height: .12rem;
  border: solid 1px #E0C6AD;
  border-bottom-color: transparent;
  border-left-color: transparent;
  position: absolute;
  left: 50%;
  top: 50%;
}
.filterSection>.container>.filterWrap>.swiper_box>.swiperPrev{
  left: .16rem;
}
.filterSection>.container>.filterWrap>.swiper_box>.swiperPrev::after{
  transform: translate(-25%,-50%) rotate(-135deg);
}
.filterSection>.container>.filterWrap>.swiper_box>.swiperNext{
  right: .16rem;
}
.filterSection>.container>.filterWrap>.swiper_box>.swiperNext::after{
  transform: translate(-75%,-50%) rotate(45deg);
}

.filterSection>.container>.resCount{
  font-size: .112rem;
  color: #001721;
  margin-bottom: 0;
  padding-bottom: .144rem;
}
.filterSection>.container>.showMap{
  width: .976rem;
  padding: 16px 0;
  border-radius: .056rem;
  background-color: #E0C6AD;
  border: none;
  outline: none;
  font-size: .112rem;
  color: #fff;
  text-align: center;
  line-height: 1;
  position: absolute;
  right: 0;
  bottom: .16rem;
  display: none;
}


.listMapWrap{
  height: 85vh;
  background-color: #F5F5F5;
  padding-bottom: .64rem;
  overflow: hidden;
}
.listMapWrap>.container{
  display: flex;
  height: 100%;
}
.listMapWrap>.container>.propertiesWrap{
  width: 100px;
  flex: 1;
  height: 100%;
  margin-right: .24rem;
  padding: 0;
}
.listMapWrap>.container>.propertiesWrap>.articleList{
  flex-wrap: wrap;
  height: 100%;
  overflow-y: auto;
  /* IE 不显示滚动条 */
  -ms-overflow-style: none;
  /* 设置窄滚动条  兼容火狐 webkit */
  scrollbar-width: thin;
  scrollbar-color: #ddd transparent;
}
.listMapWrap>.container>.propertiesWrap>.articleList>.item{
  width: 50%;
  flex: unset;
  margin-bottom: .24rem;
  padding-bottom: .16rem;
}
.listMapWrap>.container>.propertiesWrap.full{
  margin-right: 0;
}
.listMapWrap>.container>.propertiesWrap.full>.articleList>.item{
  width: 33.3%;
}
.listMapWrap>.container>.propertiesWrap>.isNull{
  font-size: .176rem;
  color: #aaa;
  display: block;
  text-align: center;
  margin-top: .4rem;
  display: none;
}

.listMapWrap>.container>.mapWrap{
  width: 35%;
  position: relative;
}
.listMapWrap>.container>.mapWrap>.mapBox{
  width: calc(((100vw - (100% / 0.35)) / 2) + 100% - 9px);
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.listMapWrap>.container>.mapWrap.full{
  width: 100%;
}
.listMapWrap>.container>.mapWrap.full>.mapBox{
  width: calc(100vw - 10px);
  left: 50%;
  transform: translateX(-50%);
}
.listMapWrap>.container>.mapWrap>.mapBox>#map{
  width: 100%;
  height: 100%;
  background-color: aliceblue;
}
.listMapWrap>.container>.mapWrap>.mapBox>.full{
  width: .4rem;
  height: .4rem;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  left: .28rem;
  top: .28rem;
  z-index: 9;
  cursor: pointer;
}
.listMapWrap>.container>.mapWrap>.mapBox>.full::after{
  content: '';
  display: block;
  width: .104rem;
  height: .104rem;
  border: solid 2px #001721;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-25%,-50%) rotate(-135deg);
}
.listMapWrap>.container>.mapWrap>.mapBox>.full.active::after{
  transform: translate(-75%,-50%) rotate(45deg);
}
.listMapWrap>.container>.mapWrap>.mapBox>.hideMap{
  width: .976rem;
  font-size: .112rem;
  text-align: center;
  color: #000;
  background-color: #E0C6AD;
  border-radius: .056rem;
  padding: .104rem;
  position: absolute;
  left: 50%;
  top: .28rem;
  z-index: 9;
  transform: translateX(-50%);
  cursor: pointer;
  user-select: none;
}
.listMapWrap>.container>.mapWrap.full>.mapBox>.hideMap{
  display: none;
}


#map .H_ib{
  
}
#map .H_ib_body{
  border-radius: .096rem;
  background-color: transparent;
}
#map .H_ib .H_ib_close{
  left: .096rem;
  right: auto;
}
#map .H_ib .H_ib_close>svg.H_icon{
  fill: #fff;
}
#map .H_ib .H_ib_content{
  margin: 0;  
  width: 1.872rem;
  overflow: hidden;
  box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.06);
}
#map .H_ib .H_ib_content>.item_box{
  background-color: #fff;
  width: 1.872rem;
}
#map .H_ib .H_ib_content>.item_box>.img_box{
  position: relative;
}
#map .H_ib .H_ib_content>.item_box>.img_box>a{
  display: block;
  width: 100%;
  height: 1.568rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#map .H_ib .H_ib_content>.item_box>.img_box>a>img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#map .H_ib .H_ib_content>.item_box>.img_box>.heart_box{
  width: .304rem;
  height: .304rem;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#map .H_ib .H_ib_content>.item_box>.img_box>.heart_box>img{
  width: 55%;
}
#map .H_ib .H_ib_content>.item_box>.img_box>.tags{
  margin: 0;
  margin-left: .088rem;
  display: flex;
  position: absolute;
  bottom: .12rem;
}
#map .H_ib .H_ib_content>.item_box>.img_box>.tags>li{
  background-color: #99C32F;
  border-radius: .024rem;
  font-size: .08rem;
  color: #fff;
  padding: .008rem .048rem;
  margin-right: .136rem;
  line-height: 1.2;
}
#map .H_ib .H_ib_content>.item_box>.content_box{
  padding: .08rem;
  border-bottom: solid 1px #EAEAEA;
  width: 100%!important;
  box-sizing: border-box;
}
#map .H_ib .H_ib_content>.item_box>.content_box>.s_title{
  font-size: .112rem;
}
#map .H_ib .H_ib_content>.item_box>.content_box>.title{
  display: block;
  font-size: .144rem;
  color: #000;
  line-height: 1.3;
  /* font-weight: 600; */
  font-family: 'Noto';
  letter-spacing: .5px;
  margin-bottom: 0;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
#map .H_ib .H_ib_content>.item_box>.content_box>.price{
  margin-top: .048rem;
}
#map .H_ib .H_ib_content>.item_box>.content_box>.price>.price_box{
  display: flex;
  align-items: center;
}
#map .H_ib .H_ib_content>.item_box>.content_box>.price>.price_box.price_isEn{
  display: none;
}
#map .H_ib .H_ib_content>.item_box>.content_box>.price>.price_box>span{
  font-size: .096rem;
}
#map .H_ib .H_ib_content>.item_box>.content_box>.price>.price_box>p{
  font-size: .112rem;
  color: #383C42;
  margin-left: .08rem;
  margin-bottom: 0;
  display: inline-block;
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;
}
#map .H_ib .H_ib_content>.item_box>.rooms{
  padding: .08rem;
}
#map .H_ib .H_ib_content>.item_box>.rooms>p{
  margin-bottom: 0;
  font-size: .112rem;
  padding-left: .16rem;
  background: url('../img/bed_3.png') no-repeat;
  background-size: .096rem .072rem;
  background-position: left center;
}

/* filter_page */
.filter_page{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: rgba(0,0,0,.3);
  backdrop-filter: blur(7px);
  display: none;
}
.filter_page>.mask{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.filter_page>.filter_box{
  width: 5.6rem;
  background-color: #fff;
  padding: .25rem 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.filter_page>.filter_box>.close{
  width: .112rem;
  opacity: 1;
  position: absolute;
  left: .32rem;
  cursor: pointer;
}
.filter_page>.filter_box>.title{
  font-size: .208rem;
  text-align: center;
}
.filter_page>.filter_box>.my_scroll{
  height: 3.2rem;
  margin-top: .4rem;
  padding: 0 .32rem;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: thin;
  scrollbar-color: #ddd transparent;
}
.filter_page>.filter_box>.my_scroll>.line{
  margin-bottom: .224rem;
}
.filter_page>.filter_box>.my_scroll>.line:last-child{
  margin-bottom: 0;
}
.filter_page>.filter_box>.my_scroll>.line>.title_s{
  font-size: .128rem;
  color: #000;
}
.filter_page>.filter_box>.my_scroll>.line>.select_box{
  margin-top: .08rem;
  display: flex;
  justify-content: space-between;
}
.filter_page>.filter_box>.my_scroll>.line>.select_box>.select{
  width: 48%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .104rem;
  border: solid 1px #242424;
  cursor: pointer;
  position: relative;
  outline: none;
}
.filter_page>.filter_box>.my_scroll>.line>.select_box>.select>.option_list{
  width: calc(100% + 2px);
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 99;
  transform: translateX(-50%);
  background-color: #E0C6AD;
  cursor: pointer;
  user-select: none;
  display: none;
  margin: 0;
}
.filter_page>.filter_box>.my_scroll>.line>.select_box>.select>.option_list.reverse{
  top: unset;
  bottom: 100%;
}
.filter_page>.filter_box>.my_scroll>.line>.select_box>.select>.option_list>li{
  padding: .096rem .128rem;
  border-bottom: solid 1px #fff;
  font-size: .12rem;
  color: #000;
}
.filter_page>.filter_box>.my_scroll>.line>.select_box>.select>input{
  flex: 1;
  cursor: pointer;
  outline: none;
  border: none;
  font-size: .12rem;
}
.filter_page>.filter_box>.my_scroll>.line>.select_box>.select>img{
  width: .12rem;
  margin-left: .12rem;
}
.filter_page>.filter_box>.filter_footer{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 .32rem;
  margin-top: .256rem;
}
.filter_page>.filter_box>.filter_footer>.clear{
  font-size: .112rem;
  color: #C72A17;
  border-bottom: solid 1px #C72A17;
  cursor: pointer;
}

.filter_page>.filter_box>.filter_footer>.filter_submit{
  width: 2.112rem;
  padding: .144rem 0;
  border-radius: .056rem;
  background-color: #E0C6AD;
  border: none;
  outline: none;
  font-size: .128rem;
  color: #000;
  text-align: center;
  line-height: 1;
}



@media screen and (max-width: 767px) {
  .filterSection{
    padding: 1.1111rem 0;
  }
  .filterSection>.container>.filterWrap{
    flex-direction: column-reverse;
    /* margin-bottom: 1.3889rem; */
  }
  .filterSection>.container>.filterWrap>.filterBtn{
    width: 4.1667rem;
    padding: .3611rem .4722rem;
  }
  .filterSection>.container>.filterWrap>.filterBtn>img{
    width: .6667rem;
    margin-right: .6944rem;
  }
  .filterSection>.container>.filterWrap>.filterBtn>span{
    font-size: .3889rem;
  }
  .filterSection>.container>.filterWrap>.sort{
    width: 100%;
  }
  .filterSection>.container>.filterWrap>.sort::after{
    width: .2222rem;
    height: .2222rem;
    right: .4444rem;
  }
  .filterSection>.container>.filterWrap>.sort>.val{
    font-size: .3889rem;
    padding: .3611rem .4722rem;
  }
  .filterSection>.container>.filterWrap>.sort>.options>.item{
    padding: .3333rem .4444rem;
    font-size: .3889rem;
  }
  .filterSection>.container>.filterWrap>.swiper_box{
    width: 100%;
    flex: unset;
    padding: 0 .5556rem;
    margin-bottom: .6944rem;
  }
  .filterSection>.container>.filterWrap>.swiper_box>.filterSwiper>.swiper-wrapper>.swiper-slide{
    margin-right: .2222rem;
  }
  .filterSection>.container>.filterWrap>.swiper_box>.filterSwiper>.swiper-wrapper>.swiper-slide>a{
    font-size: .3889rem;
    padding: .3333rem .5556rem;
    border-radius: 1.3889rem;
  }
  .filterSection>.container>.filterWrap>.swiper_box>.swiperControl{
    width: .5556rem;
    height: .5556rem;
  }
  .filterSection>.container>.filterWrap>.swiper_box>.swiperControl::after{
    width: .4167rem;
    height: .4167rem;
  }
  .filterSection>.container>.filterWrap>.swiper_box>.swiperPrev{
    left: -0.1389rem;
  }
  .filterSection>.container>.filterWrap>.swiper_box>.swiperNext{
    right: -0.1389rem;
  }
  
  .filterSection>.container>.resCount{
    display: none;
  }
  .listMapWrap>.container>.propertiesWrap>.articleList>.item{
    width: 100%;
  }
  .listMapWrap>.container>.propertiesWrap>.isNull{
    font-size: .6111rem;
    margin-top: 1.3889rem;
  }


  .listMapWrap>.container>.mapWrap{
    display: none;
  }

  #map .H_ib_body{
    border-radius: .2899rem;
  }
  #map .H_ib .H_ib_close{
    left: .2899rem;
  }
  #map .H_ib .H_ib_content{
    width: 5.6522rem;
  }
  #map .H_ib .H_ib_content>.item_box{
    width: auto;
  }
  #map .H_ib .H_ib_content>.item_box>.img_box>a{
    height: 4.7343rem;
  }
  #map .H_ib .H_ib_content>.item_box>.img_box>.heart_box{
    width: .9179rem;
    height: .9179rem;
  }
  #map .H_ib .H_ib_content>.item_box>.img_box>.tags{
    margin-left: .2657rem;
    bottom: .3623rem;
  }
  #map .H_ib .H_ib_content>.item_box>.img_box>.tags>li{
    border-radius: .0725rem;
    font-size: .2415rem;
    padding: .0242rem .1449rem;
    margin-right: .4106rem;
  }
  #map .H_ib .H_ib_content>.item_box>.content_box{
    padding: .2415rem;
  }
  #map .H_ib .H_ib_content>.item_box>.content_box>.s_title{
    font-size: .3382rem;
  }
  #map .H_ib .H_ib_content>.item_box>.content_box>.title{
    font-size: .4348rem;
  }
  #map .H_ib .H_ib_content>.item_box>.content_box>.price{
    margin-top: .1449rem;
  }
  #map .H_ib .H_ib_content>.item_box>.content_box>.price>.price_box>span{
    font-size: .2899rem;
  }
  #map .H_ib .H_ib_content>.item_box>.content_box>.price>.price_box>p{
    font-size: .3382rem;
    margin-left: .2415rem;
  }
  #map .H_ib .H_ib_content>.item_box>.rooms{
    padding: .2415rem;
  }
  #map .H_ib .H_ib_content>.item_box>.rooms>p{
    font-size: .3382rem;
    padding-left: .4831rem;
    background-size: .2899rem .2174rem;
  }


  .filter_page>.filter_box{
    width: 100%;
    height: 100vh;
    padding: .84541rem 0;
    border-radius: 0;
    top: 0;
    bottom: unset;
    transform: translate(-50%,0);
  }
  .filter_page>.filter_box>.close{
    width: .4348rem;
    top: .9903rem;
    left: .5072rem;
  }
  .filter_page>.filter_box>.title{
    font-size: .60386rem;
  }
  .filter_page>.filter_box>.my_scroll{
    margin-top: 1.20773rem;
    height: calc(100vh - 5.2778rem);
    background-color: #fff;
  }
  .filter_page>.filter_box>.my_scroll>.query{
    font-size: .41063rem;
    padding: .38647rem .48309rem;
    margin-bottom: 1.08696rem;
  }
  .filter_page>.filter_box>.my_scroll>.line>.title_s{
    font-size: .41063rem;
  }
  .filter_page>.filter_box>.my_scroll>.line>.select_box{
    margin-top: .43478rem;
    flex-wrap: wrap;
  }
  .filter_page>.filter_box>.my_scroll>.line>.select_box>.select{
    width: 100%;
    padding: .41063rem .36232rem;
    padding-right: .5314rem;
    margin-bottom: .86957rem;
  }
  .filter_page>.filter_box>.my_scroll>.line>.select_box>.select>input{
    font-size: .41063rem;
  }
  .filter_page>.filter_box>.my_scroll>.line>.select_box>.select>img{
    width: .36232rem;
    margin-left: .36232rem;
  }
  .filter_page>.filter_box>.my_scroll>.line>.select_box>.select>.option_list>li{
    padding: .3333rem .4444rem;
    font-size: .3889rem;
  }
  .filter_page>.filter_box>.filter_footer{
    margin-top: .5556rem;
  }
  .filter_page>.filter_box>.filter_footer>.clear{
    font-size: .4167rem;
  }

  .filter_page>.filter_box>.filter_footer>.filter_submit{
    width: 63%;
    padding: .4444rem 0;
    border-radius: .1944rem;
    font-size: .4167rem;
  }
}