













/* 面包屑部分 */

.bread_wrap{

  display: flex;

  align-items: center;

  height: 0px;
font-weight:bolder;
  margin: 15px auto;

}

.bread_wrap a:hover {

  color: #ee4433;

}

.bread_line{

  margin: 0 10px;

  color: #666;

}



/* 筛选条件 */

.condition_wrap{

  background-color: #fff;

  border: 1px solid #dddddd;

  padding: 12px;

}

.condition_line_wrap{

  min-height: 28px;

  overflow: hidden;

  margin: 4px 0;

}

.condition_line_label{

  float: left;

  width: 42px;

  padding: 5px 0;
font-weight:bolder;

}

.condition_line_keyword_wrap{

  width: 1132px;

  float: left;

}

.condition_line_keyword_item{

  display: inline-block;

  padding: 5px;

  margin-right: 5px;

  margin-bottom: 5px;

  cursor: pointer;
   

}

.condition_line_keyword_item:hover{

  background-color: #ee4433;

  color: #fff;

  border-radius: 4px;

}

.condition_line_keyword_item_active{

  background-color: #ee4433;

  color: #fff;

  border-radius: 4px;

}



/* 楼盘列表 */

.list_wrap{

  margin-top: 20px;

}

.list_head_wrap{

  width: 100%;

  height: 98px;

}

.list_head_title_wrap{

  height: 48px;


  border-bottom: 2px solid #ee4433;

}

.list_head_title{
 font-weight:1000;
  width: 112px;

  height: 46px;

  background-color: #ee4433;

  display: flex;

  justify-content: center;

  align-items: center;

  color: #fff;

  font-size: 18px;

}

.list_head_total_wrap{

  width: 100%;

  height: 52px;

  background-color: #fafafa;

  border: 1px solid #ebebeb;

  padding: 0 10px;

  border-bottom: 0;

  display: flex;

  align-items: center;

}

.list_head_total_icon{

  color: #ee4433;

  font-size: 14px;

  margin-right: 4px;

}

.list_head_total_num{

  color: #ee4433;

  font-weight: 600;

  margin: 0 4px;

}



.floor_item{

  display: block;

  width: 100%;

  /* height: 168px; */

  font-size: 14px;

  padding: 15px;
   border-bottom: 2px dashed #ccc;

  overflow: hidden;

  cursor: pointer;

}

.floor_item:hover{

  background-color: #ddd;

}

.floor_img_wrap{

  float: left;

  width: 160px;

  height: 120px;

  margin-right: 15px;
border-radius:10px;
  overflow: hidden;

}

.floor_img{

  width: 100%;

}

.floor_info_wrap{

  /* width: 470px; */

  /* height: 137px; */

  float: left;

  overflow: hidden;

}

.floor_info_wrap h3 {

  height: 36px;

  line-height: 36px;

}

.floor_info_title{

  font-size: 22px;
font-weight:1000;
 

  color: #333;

}

.floor_info_status{

  background-color: #ee4433;

  padding: 2px 4px;

  border-radius: 4px;

  color: #fff;

  font-weight: bolder;

  margin-left: 5px;

}

.map_icon{

  color: #ee4433;

}

.look_map{

  color: #666;

  font-size: 14px;

  margin-left: 10px;

  transition: all .3s;

}

.look_map:hover{

  text-decoration: none;

  color: #f00;

}

.tags_wrap{

  max-width: 500px;

  /* height: 29px; */

  padding-top: 5px;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  overflow: hidden;

}

.tag_item{

  line-height: 22px;

  overflow: hidden;

  height: 22px;

  margin-right: 5px;

  padding: 0 5px;

  color: #666;

  border: 1px solid #ccc;
border-radius:5px;

  margin-bottom: 5px;

}

.tags_wrap .date{

  color: #333;

}

.floor_info_wrap {

  overflow: hidden;

}

.floor_info_wrap .types{

  height: 24px;

  line-height: 24px;

  color: #333;

}

.floor_info_wrap .address{

  height: 24px;

  line-height: 24px;

  color: #333;

}

.floor_info_wrap .discount{

  height: 24px;

  line-height: 24px;

  color: #333;

}

.floor_info_wrap .discount .dis{

  background-color: #ee4433;

  padding: 2px 4px;

  border-radius: 4px;

  color: #fff;

  font-weight: normal;

  margin-right: 5px;

}

.floor_price_wrap{

  width: 240px;

  height: 98px;

  float: right;
 

}

.floor_price_wrap .price_wrap{

  height: 36px;

  line-height: 36px;

  text-align: right;

  cursor: pointer;

  transition: all .3s;

}

.floor_price_wrap .price_wrap:hover{

  color: #ee4433;

}

.floor_price_wrap .price_num{

  color: #ee4433;

  font-size: 30px;
font-weight:800;
}

.floor_price_wrap .phone_wrap{

  height: 29px;

  line-height: 29px;

  text-align: right;

}

.floor_price_wrap .phone_icon{

  color: #ee4433;

  font-size: 14px;

}

.floor_price_wrap .chat_wrap{

  height: 33px;

  line-height: 33px;

  text-align: right;

  color: #666;

  cursor: pointer;

  transition: all .3s;

}

.floor_price_wrap .chat_wrap:hover{

  color: #ee4433;

}

.floor_price_wrap .chat_icon{

  color: #ee4433;

  font-size: 14px;

}



/* 分页 */

.page_wrap{

  height: 78px;

  line-height: 78px;

  margin: 0 auto;

  text-align: center;

}

.page_item{

  display: inline-block;

  line-height: 36px;

  height: 38px;

  margin: 0 2px;

  padding: 0 14px;

  cursor: pointer;

  border: 1px solid #eee;
  font-weight: bolder;

  border-radius: 3px;

}

.page_item:hover{

  background-color: #ee4433;

  color: #fff;

  border-radius: 4px;

}

.page_item_active{

  background-color: #ee4433;

  color: #fff;

  border-radius: 4px;

}



/* 遮罩层 */

.mask_wrap{

  position: fixed;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  z-index: 10000;

  background-color: rgba(0,0,0,.4);

  display: none;

}

.maskShow{

  display: block;

}

.pop_content{

  width: 420px;

  height: 440px;

  background-color: #fff;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  border-radius: 6px;

  padding: 40px 20px;

}

.pop_content_title{

  color: #ee4433;

  font-size: 20px;

  font-weight: 700;

}

.pop_content_form_wrap{

  padding-top: 40px;

}

.pop_content_form_item{

  width: 100%;

  display: flex;

  align-items: center;

  padding: 20px 0;

}

.pop_content_form_item_label{

  width: 60px;

  color: #111;

  font-weight: 700;

  font-size: 18px;

}

.txt_ipt{

  border: 1px solid #ccc;

  border-radius: 6px;

  padding: 5px 10px;

  font-size: 16px;

  width: 180px;

  color: #888;

}

.phone_ipt{

  width: 270px;

}

.select_wrap{

  border: 1px solid #ccc;

  border-radius: 6px;

  padding: 5px 10px;

  font-size: 16px;

  width: 80px;

  margin-left: 10px;

  color: #888;

}



.play-btn {
	position: absolute;width: 1.1rem;height: 1.1rem;background-color: rgba(0,0,0,.5);top: 50%;left: 50%;margin-top: -0.55rem;margin-left: -0.55rem;border-radius: 50%;
	background-image: url(/pc/house/static/images/play.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 50%;
}
.btn_wrap{

  justify-content: center;

}

.pop_content_form_btn{

  width: 300px;

  height: 40px;

  background-color: #ee4433;

  border-radius: 8px;

  display: flex;

  justify-content: center;

  align-items: center;

  color: #fff;

  font-size: 18px;

  font-weight: 500;

  cursor: pointer;

}