@import "color.css";
@import "iconfont.css";
.scroll-roomPic-box .swiper-slide{height:10rem;}
.main{
	background:#f1f1f1;
}
/*header S---------------------*/
#header{
	height:2.56rem;
	display: flex;
	align-items:center;
	justify-content:space-between;
	padding:0 0.64rem;
	line-height:1.28rem;
}
.city-box>a{
	font-size: .51rem;
	color:#fff;
	position: relative;
}
.city-box>a:after{
	width: .38rem;
	height: .21rem;
	content: "";
	display: block;
	background: url(../images/icon/section_icon.png) no-repeat;
	background-size: cover;
	position: absolute;
	right: -.7rem;
	top:.3rem;
    transition: all 300ms;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.city-box.active>a:after{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
#city_list{
    position: absolute;
    top: 2.56rem;
    left: 0;
    width: 3rem;
    background: #fff;
    z-index: 12;
    border: 1px solid #eee;
    box-shadow:  0 0 6px #999;
    display: none;
}
#city_list:after{
    content: '';
    display: block;
    position: absolute;
    top: -0.4rem;
    left: 50%;
    margin-left: -0.3rem;
    width: 0.6rem;
    height: 0.6rem;
   background: url(../images/icon/icon1.png) center top no-repeat;
   -webkit-background-size: 0.6rem 0.6rem;
   background-size: 0.6rem 0.6rem;
}

#city_list li{
    font-size: 0.6rem;
    line-height: 1.6rem;
    text-align: center;
}
.logo-box{
	text-align:left;
	margin-top:10px;
}
.search-box{
	width: 11.53rem;
	height:1.28rem;
	background: #fff;
	border-radius: .64rem;
	position: relative;
	margin-left: .5rem;
}
.search-box:before{
	 width: .66rem;
	 height: .66rem;
	 content: "";
	 display: block;
	 background: url(../images/icon/search_icon.png) no-repeat;
	 background-size: cover;
	 position: absolute;
	 top:.34rem;
	 left:.43rem;
}
.search-box input{
	height:1.28rem;
	display: block;
	padding-left: 1.49rem;
	width:100%;
}
.person-center:after{
    content: "";
	display: block;
	width: .62rem;
	height: .64rem;
	background: url(../images/icon/person_icon.png) no-repeat;
	background-size: cover;
}
/*header E---------------------*/

/*banner-----------S*/
.banner-box{background:#fff;}
.banner{
	width:100%;
	max-height: 8rem;
	margin:0 auto;
	overflow: hidden;
	background: #fff;
}
.swiper-pagination-bullet{
	background: #fff;
	opacity:1;
}


/*banner-----------E*/

.swiper-menu-pagination{text-align:center;}
.swiper-menu-pagination .swiper-pagination-current{color:#D32F2F;}
/*类别---------------S*/
.cate-box{
	background:#fff;
	padding:.84rem 0 .8rem;
}
.cate-box .box{
	width:90%;
	margin:0 auto;
	overflow: hidden;
}
.cate-box li{width:23.5%;display:inline-block;text-align:center;padding-bottom:.64rem;}
.cate-box a{
	width:100%;
	color:#737373;
	font-size:.512rem;
	text-align: center;
	display:inline-block;;
}
.cate-box a:before{
	content: "";
	display: block;
	background-size:2rem 2rem;
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:2.4rem;
}
.cate-box li:nth-child(4n+1) a{
	margin-left: 0;
}
.cate-box li.house a:before{
	background-image: url(../images/icon/house.png);
}
.cate-box li.second a:before{
	background-image: url(../images/icon/second.png);
}
.cate-box li.rental a:before{
	background-image: url(../images/icon/rental.png);
}
.cate-box li.estate a:before{
	background-image: url(../images/icon/estate.png);
}
.cate-box li.group a:before{
	background-image: url(../images/icon/group.png);
}
.cate-box li.office a:before{
	background-image: url(../images/icon/office.png);
}
.cate-box li.shops a:before{
	background-image: url(../images/icon/shops.png);
}
.cate-box li.broker a:before{
	background-image: url(../images/icon/broker.png);
}
.cate-box li.map a:before{
	background-image: url(../images/icon/map.png);
}
.cate-box li.news a:before{
	background-image: url(../images/icon/news.png);
}
/*类别---------------E*/

/*头条----------------S*/
.headlines{
	background:#fff;
	margin-bottom:.43rem;
	height: 1.4rem;
	display: flex;
	align-items:center;
	/* box-shadow: 0px 6px 4px rgba(50,50,50,.1); */
}
.headlines .tit{
	width:2.97rem;
	margin-left: .64rem;
}
.headlines .text{
	/**padding-left:.75rem;**/
	overflow: hidden;
	height: 1.4rem;
	width:80%;
}
.headlines li{
	height: 1.4rem;
	overflow: hidden;
}
.headlines a{
	display: block;
	font-size: .6rem;
	color:#666;
	line-height: 1.4rem;
	width:100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/*头条----------------E*/

/*工具----------------S*/
.tool-box{
	background:#fff;
	padding:1rem 0;
}
.tool-box a{
	float:left;
	font-size: .51rem;
	color:#666;
	margin-left: 1rem;
	text-align: center;
}
.tool-box a:before{
    content: "";
	display: block;
	margin:0 auto .51rem;
	background: url(../images/icon/tool_icon.png) no-repeat;
	background-size:13.26rem 1.13rem;
}
.tool-box a:nth-child(1):before{
  width:1.07rem;
  height:1.09rem;
  background-position: 0 0;
}
.tool-box a:nth-child(2):before{
  width:1.09rem;
  height:1.09rem;
  background-position: -3.07rem 0;
}
.tool-box a:nth-child(3):before{
  width:1.24rem;
  height:1.05rem;
  background-position: -6.1rem 0;
}
.tool-box a:nth-child(4):before{
  width:1.07rem;
  height:1.09rem;
  background-position: -9.1rem 0;
}
.tool-box a:nth-child(5):before{
  width:1.07rem;
  height:1.09rem;
  background-position:-12.24rem 0;
}
/*工具----------------E*/

/*优势*/
.advantage-box{
	background: #fff;
	padding-bottom: .4rem;
	margin-top: .43rem;
	padding-top: .8rem;
	padding-left: .61rem;
}
.advantage-box .box{
  width:100%;
  height:5.5rem;
  overflow: hidden;
  padding: 5px;
}
.advantage-box li{
	float: left;
	width:4.18rem;
	height:4.98rem;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	padding: .21rem;
	border-radius: 4px;
	margin-right: .45rem;
}
.advantage-box ul{
	-webkit-transition: 2s;
	-webkit-transition-timing-function: ease-out;
}
.advantage-box .pic{
   width:3.75rem;
   height:2.35rem;
   overflow: hidden;
   border-radius: 4px;
}
.advantage-box h3{
	font-size: .64rem;
	color:#333;
	padding-top: .3rem;
	padding-bottom: .2rem;
}
.advantage-box p{
	font-size:0.51rem;
	color:#666;
}


/*推荐新房*/
.house-show-box{
	background: #fff;
	padding-left: .64rem;
	padding-right: .62rem;
	padding-top:.3rem;
}
.house-show-box .title{
	display: flex;
	justify-content:space-between;
	align-items: center;
	margin-bottom: 0;
}
.house-show-box .title h3{
	font-size:0.77rem;
    color:#313131;
    line-height:1.6rem;
}
.house-show-box .title a{
	font-size:0.51rem;
    font-family:幼圆;
    padding-right: .5rem;
    background: url(../images/icon/more_icon.png) no-repeat right center;
    background-size:.26rem .47rem;
    margin-right:.3rem;
}
.house-show-box  li{
	border-bottom: 1px solid #eee;
	padding:.64rem 0;
}
.house-show-box  li:after{
	content: "";
	display: block;
	clear: both;
}
.house-show-box .pic{
	width:4.26rem;
    height:3.2rem;
    border-radius:2px;
    overflow: hidden;
    float: left;
}
.house-show-box .pic img{height:100%;}
.house-show-box .intro-text h4{
	font-size:0.77rem;
	/**line-height: .77rem;**/
	color:#202020;
	font-weight: normal;
	padding-bottom:.3rem;
	width:100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.house-show-box .intro-text h4 .top-icon{
	display:inline-block;
	padding:0 3px;
	height:18px;
	line-height: 18px;
	font-size:.6rem;
	background-color: #D32F2F;
	color:#fff;
	margin-right:5px;
	font-weight: 400;
	vertical-align: middle;
	border-radius: 2px;
}
.house-show-box .intro-text{
	float: right;
	width:66.5%;
}
.house-show-box .intro-text .saleing span,.house-saling-title span{
    line-height:0.7rem;
    font-size:0.42rem;
    color:#fff;
    border-radius: 0.2rem ;
    text-align: center;
    margin-left:.15rem;
	padding:0 .2rem;
	display: inline-block;
	height:.7rem;
}
.house-status-1{background-color:#009944; }
.house-status-2{background-color:#31c526; }
.house-status-3{background-color:#ff0000; }
.house-status-4{background-color:#999; }
.house-status-5{background-color:#f60; }
.house-show-box .intro-text p{
	font-size:0.51rem;
	color:#919191;
	line-height: .8rem;
}
.house-show-box .intro-text .price{
	position: relative;
}
.house-show-box .intro-text .price-num{
	position: absolute;
	right:0;
	top:-.2rem;
    font-family:Arial-BoldMT;
    font-size: .42rem;
}
.house-show-box .price-num em{
	font-size: .68rem;
	font-weight: bold;
}
.house-show-box .price-num em i{
	font-size:.5rem;
}
.house-show-box .intro-text .good em{
	margin-left:.15rem;
    line-height:0.6rem;
    text-align: center;
	display: inline-block;
	font-size: .3rem;
	padding:.2rem;
	margin-top:.3rem;
	color:#999;
    background:rgba(245,246,247,1);
}
/*推荐二手房*/
.old-house .intro-text h4{
   color:#000;
}
.old-house .intro-text .price-num{
	font-size: .68rem;
}
.intro-text .good em:first-child{
	background: #FFEBEF;
	color:#E24546;
}
.intro-text .good em:nth-child(2){
	background: #E8EAF6;
	color:#6A79D5 ;
}
.intro-text .good em:nth-child(3){
	background:#E0F7FA;
	color:#4F9859;
}
 .intro-text .good em:nth-child(4){
	background: #E0F8FA;
	color: #579CA5;
}


/*footer*/
footer{
	background:#fafafa;
	font-size: 12px;
	text-align: center;
	color:#666;
	padding-bottom:1.92rem; line-height:18px;

}
footer .link{
	padding-top:.58rem;
}
footer .link a{
	color:#6A717A;
	margin:0 .64rem;
	line-height: 1.8rem;
	font-size: .6rem;
}
.look-way a{
	margin:0 .64rem;
	color:#b5bcc4;
	font-size: .6rem;
}
.look-way .on{
	color:#6a717a;
}
.footer .copy{
	padding:.75rem 0;
	font-size:0.34rem;
}

/*地图找房---公共头部*/
.lookRoom-head{
    background: #fff;
    position: relative;
    z-index: 999;
}
.lookRoom-head .top{
    display: flex;
    height:1.94rem;
    justify-content: space-between;
    align-items: center;
    padding:0 .6rem 0 .7rem;
}
.lookRoom-head .go-back{
    width:.43rem;
    height:.77rem;
    background: url(../images/icon/back_icon.png) no-repeat;
    background-size:cover;
}
.lookRoom-head .search-room{
    width:0.83rem;
    height:0.83rem;
    background: url(../images/icon/search_icon1.png) no-repeat;
    background-size:100% 100%;
}
.lookRoom-head .lr-tab a{
   width:2.15rem;
   height:0.6rem;
   font-size:0.73rem;
   color:#454545;
   margin-left: 1.1rem;
}
.lookRoom-head .lr-tab .active{
    border-bottom-width: 2px;border-bottom-style: solid;
    padding-bottom:.3rem;
}
.lookRoom-head #select_body .more {
    height: calc(100vh - 3.78rem) !important;
    height: -webkit-calc(100vh - 3.78rem) !important;
}
/*地图找房*/
.map-show-box{
    max-height:calc(100vh - 1.84rem - 1.94rem);
    overflow: hidden;
}
/*地图找房-三级找房-新房*/
.newhouse-map{
  height:14.25rem;
  overflow: hidden;
}
.newhouse-detail{
    padding:0 .66rem .68rem;
    background: #fff;
}
.newhouse-detail .hb{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:.6rem 0 .66rem;
}
.newhouse-detail .hb h3{
    font-size:0.77rem;
    color:#333;
    font-weight: normal;
}
.newhouse-detail .hb .price{
    font-size:.46rem;
    color:#EA3C3D;
    margin-top: .4rem;
}
.newhouse-detail .hb .price em{
    font-size:.7rem;
    font-family: Arial;
    font-weight: bold;
}
.newhouse-detail .detail-box{
    width:14.72rem;
    height:7.81rem;
    overflow: hidden;
    border-radius:4px;
    position:relative;
}
.newhouse-detail .detail-box:after{
    content: "";
    display: block;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.4);
    position: absolute;
    top:0;
    left:0;
}
.newhouse-detail .text-info{
    position:absolute;
    bottom:.53rem;
    left:.64rem;
    color:#fff;
    z-index: 9;
    font-size: .51rem;
}
.newhouse-detail .text-info p{
    padding-top:.3rem;
}
.newhouse-detail .ada em{
    width:2.56rem;
    line-height:0.85rem;
    text-align: center;
    border:1px solid #fff;
    font-size:0.51rem;
    border-radius: 2px;
    margin-right:.2rem;
}

/*地图找房-三级找房-二手房*/
.oldhouse-map{
    height:7.45rem;
    overflow: hidden;
}
.oldhouse-list{
    background: #fff;
}
.saleing-link{
    width:14.72rem;
    margin:0 auto .62rem;
    padding:.8rem .7rem .66rem .6rem;
    border-bottom:1px solid #eee;
}
.saleing-link h3{
  font-size:0.77rem;
  color:#333;
  padding-bottom:.7rem;
}
.saleing-link p{
    font-size: .64rem;
}
.saleing-link .price{
    color:#EA3C3D;
}
.saleing-link a{position: relative;display: block;}
.saleing-link a:after{
    content: "";
    display: block;
    width:16px;
    height:29px;
    background: url(../images/icon/more_icon1.png) no-repeat;
    background-size:100% 100%;
    position:absolute;
    right:0;
    top:.6rem;
}
.oldhouse-list .intro-text .detail-text{
    color:#666;
}

/*房子列表公共头部*/
.header-top{
    width:100%;
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index: 999;
}
.header-top #header,.header-top .lr-select-box{
  margin:0 auto;
  max-width:750px;
}
.h-list-head .go-back{
    width:0.43rem;
    height:0.77rem;
    background: url(../images/icon/back_icon1.png) no-repeat;
    background-size:100% 100%;
}
.h-list-head .search-box{
    width:11.31rem;
}
.h-list-head .map-find-room{
    font-size:0.51rem;
    color:#fff;
}
.oh-list-box .lr-select-box{
    margin-bottom: .65rem;
    border-bottom: 1px solid #eee;
}
.oh-list-box{
    /*padding:0 0 2.6rem;*/
}
.oh-list-box ul{
    padding-left: .64rem;
    padding-right: .62rem;
}
.oh-list-box li,.oh-list-box li:first-child{
    border-top:none;
    border-bottom: 1px solid #eee;
}
.lr-select-box .active{
   color:#f04848;
}
/* 头部筛选公共样式 */

.lr-select-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    height:1.84rem;
    background: #fff;
    border-bottom: 1px solid #ccc;
}
.lr-select-box>em{
    width:25%;
    font-size:0.55rem;
    color:#333;
    position: relative;
    line-height: 1.2rem;
}
.lr-select-box>em:after{
    width:0.4rem;
    height:0.2rem;
    content: "";
    display: block;
    background: url(../images/icon/select_icon.png) no-repeat;
    background-size:cover;
    position: absolute;
    right:.7rem;
    bottom:.5rem;
}
.lr-select-box{
    height:1.84rem;
    background: #fff;
    border-bottom: 1px solid #ccc;
    position: relative;
}
#select_head {
    width: 100%;
    height:1.84rem;
    display: flex;
    display: -webkit-flex;
}
#select_head:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 1px solid #f0f0f0;
}
#select_head .item {
  flex: 1;
  -webkit-flex: 1;
  height:1.84rem;
  position: relative;
  box-sizing: border-box;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  overflow: hidden;
  text-align: center;
	line-height: 1.84rem;
}
#select_head .item:after{
    width:0.4rem;
    height:0.2rem;
    content: "";
    display: block;
    background: url(../images/icon/select_icon.png) no-repeat;
    background-size:cover;
    position: absolute;
    right: 0.2rem;
    top: 50%;
    margin-top: -0.1rem;
    -moz-transform: rotate(0deg);
    -moz-transition: all .5s ease .1s;
    -webkit-transform: rotate(0deg);
    -webkit-transition: all .5s ease .1s;
    -o-transform: rotate(0deg);
    -o-transition: all .5s ease .1s;
    -ms-transform: rotate(0deg);
    -ms-transition: all .5s ease .1s;
    transform: rotate(0deg);
    transition: all .5s ease .1s;
}
#select_head .item.active:after{
    background-image: url(../images/icon/select_hover_icon.png);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}
#select_head .item .tit {
  font-size:0.55rem;
  width: 100%;
  color: #383838;
}


#select_body {
  position: absolute;
  top: 1.84rem;
  left: 0;
  right: 0;
}

#select_body .item {
  background: #fff;
  position: relative;
  z-index: 2;
  display: none;
	height: calc(100vh - 4.4rem);
	height: -webkit-calc(100vh - 4.4rem);
}
#select_body .item.active {
  display: block;
}
#select_body .item_box{
    display: flex;
    display: -webkit-flex;
	height:100%;
}
#select_body .common ul{
    flex: 1;
    -webkit-flex: 1;
}
#select_body .common .one-level{
    background: #fff;
	overflow-y:auto;
}
#select_body .common .two-level{
    background: #F6F6F6;
	height:100%;
	overflow-y:auto;
}
#select_body .common .three-level{
    background: #f0f0f0;
}
#select_body .common ul li{
    padding: 0 0.64rem;
    border-bottom: 1px solid #eee;
    position: relative;
}
#select_body .common a,
.room-form label {
  display: block;
  font-size: 0.64rem;
  line-height: 2.28rem;
  color: #666;
  position: relative;
}
#select_body .common a:active,
#select_body .common a.active,
.room-form .checkbox:checked~label{
    color: #D32F2F;
}
.room-form label{
    text-align: left;
}
.room-form .checkbox{
    position: absolute;
    right: 0.64rem;
    top: 50%;
    margin-top: -0.4rem;
    width: 0.8rem;
    height: 0.8rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.room-form .checkbox:checked{
    background: url(../images/icon/icon2.png) center no-repeat;
    -webkit-background-size: 80% auto;
    background-size: 80% auto;
}
.room-form .checkbox:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #eee;
  border-radius: 0.09rem;
}
.room-form .btn-area{
    padding:0.3rem 0.64rem;
}
.room-form .btn-area .smt {
  display: block;
  width:100%;
  height: 1.6rem;
  line-height: 1.6rem;
  font-size: 0.64rem;
  text-align: center;
  border-radius: 0.17rem;
  color: #fff;
  background: #e10000;
}

/* 更多筛选样式 */
#select_body  .more {
  height: calc(100vh - 4.4rem);
  height: -webkit-calc(100vh - 4.4rem);
  padding: 0 0.64rem;
  box-sizing: border-box;
  overflow: auto;
}
#select_body  .more .select_area {
 /*  min-height: calc(100vh - 7.4rem);
 min-height: -webkit-calc(100vh - 7.4rem); */
}
#select_body  .more .tit {
  font-size: 0.64rem;
  color: #666666;
  line-height: 2.28rem;
  text-align: left;
}
#select_body  .more ul {
  margin-top: -0.64rem;
}
#select_body  .more li {
  float: left;
  width: 23.2%;
  font-size: 0.47rem;
  color: #999;
  margin-left: 2.4%;
  margin-top: 0.64rem;
  text-align: center;
  height: 1.28rem;
  line-height: 1.28rem;
  position: relative;
}
#select_body .more li:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #999;
  border-radius: 0.09rem ;
}
#select_body .more li:nth-of-type(4n+1) {
  margin-left: 0;
}
#select_body  .more #sort li{
    width: 48.8%;
}
#select_body  .more #sort li:nth-of-type(2n+1) {
  margin-left: 0;
}
#select_body .more .submit_area {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  padding: 0.7rem 0;
}
#select_body .more .submit_area input {
  display: block;
  width:7.04rem;
  height: 1.6rem;
  line-height: 1.6rem;
  font-size: 0.64rem;
  text-align: center;
  border-radius: 0.17rem
}
#select_body .more .submit_area .reset {
  color: #707070;
  background: #f0f0f0;
  outline: none;
}


.select_hover_icon .active:after{
    background:url(../images/icon/select_hover_icon.png) no-repeat;
    background-size:100% 100%;
}
.price-form{
    text-align: center;
    font-size: 0;
    position: relative;
    padding:  0.64rem 0;
}
.price-form:after {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  border: 1px solid #eee;
}
.price-form input{
    width:4.37rem;
    height:1.28rem;
    line-height:1.28rem;
    background:rgba(238,238,238,1);
    border-radius: 0.09rem ;
    font-size:0.6rem;
    color: #333;
    text-align: center;
}
.price-form .smt{
    margin-left: 0.64rem;
}
.price-form span{
    display: inline-block;
    width: 0.64rem;
    line-height:1.28rem;
    font-size: 0.6rem;
    color: #999;
}
#select_bg {
  position: fixed;
  top: 1.84rem;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
/*下拉选择*/
.lr-select-box .select-status{
    position:absolute;
    top:4.4rem;
    background: #fff;
    width:100%;
    min-height:calc(100vh - 4.4rem);
    z-index: 99;
    padding:0 .64rem 0 .6rem;
    box-shadow: 0 3px 2px rgba(0,0,0,.2);
    text-align: left;
}
.select-status h3{
    font-size:0.64rem;
    color:#666;
    padding-top:.83rem;
    padding-bottom:.83rem;
}
.select-status .choose-box:after{
    content: "";
    clear: both;
    display: block;
}
.select-status em{
    width:3.41rem;
    line-height:1.28rem;
    border-radius: 0.09rem ;
    border: 1px solid #ccc;
    font-size:0.47rem;
    color:#999;
    display:block;
    float: left;
    margin-left:.36rem;
    text-align: center;
    margin-bottom:.62rem;

}
.select-status em.active{
    border-width:1px;border-style:solid;
}
.select-status em:nth-child(4n+1){
    margin-left:0;
}
.select-status .area{width:7.19rem;}
.select-status .area:nth-child(3){
    margin-left:0;
}
/*详情页-返回键--------S*/
.detail-go-back{
    width:0.45rem;
    height:0.81rem;
    background: url(../images/icon/back_icon1.png) no-repeat;
    background-size:100% 100%;
    position:absolute;
    left:.68rem;
    top:.87rem;
    z-index: 99;
}
/*详情页-返回键--------E*/

/*房子图片滚动展示------S*/
.scroll-roomPic-box{
    max-height:10rem;
    overflow: hidden;
	position:relative;
}
.scroll-roomPic-box .swiper-pagination-fraction{
    width:1.51rem;
    line-height:.64rem;
    margin:0 auto;
    font-size:0.51rem;
    font-family:ArialMT;
    background:rgba(0,0,0,.5);
    border-radius: 0.32rem;
    color:#fff;
    bottom:.64rem;
    left:calc(100% / 2 - .755rem);
}
/*房子细节介绍*/
.house-detail-intro{
    background: #fff;
    margin-bottom:.43rem;
    padding-left:.6rem;
    padding-right:.64rem
}
.house-detail-intro h3{
    font-size:0.9rem;
    line-height:1.28rem;
    color:#2c2c2d;
    font-weight: normal;
    padding:.5rem 0 .5rem;
}
.price-house-area{
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.price-house-area li{
    width:33.3%;
    padding-top: .6rem;
    padding-bottom: .55rem; line-height:32px;
}
.price-house-area p{
    font-size:0.64rem;
    color:#999;

}
.price-house-area em{
    font-size:18px;
}
.intro-small-detail{
    padding-bottom:.5rem;
	padding-top:.5rem;
}
.intro-small-detail{line-height: 25px;}
.intro-small-detail li{ height:34px; line-height:34px;}
.intro-small-detail li span{
    font-size:14px;
    color:#999;
}
.intro-small-detail .top-three span{
  width:50%;
  display: inline-block;
	overflow:hidden;
	white-space: nowrap;
}
.intro-small-detail li em{
    color:#333;
}
.intro-small-detail .floor:after{
    content: "层";
   display: inline-block;
}
.intro-small-detail .year:after{
    content: "年";
   display: inline-block;
}
.intro-small-detail .after-three{
    position:relative;
}
/**.intro-small-detail .after-three:after{
    content: "";
    display: block;
    width:0.36rem;
    height:0.66rem;
    position:absolute;
    right: 0;
    background: url(../images/icon/link_more_icon.png) no-repeat;
    background-size:100% 100%;
    top:.4rem;
}*/


/*房源描述*/
.house-res{
    padding:.9rem .64rem .86rem;
    background: #fff;
    margin-bottom: .43rem;
}
.house-res h2,
.per-pos h2,
.same-commu-res h2,
.guess-love-room h2,
.broker-shop-house h2,
.user-comment h2,
.intro-small-detail h2,
.village-lease-room h2{
    font-size:0.81rem;
    padding-bottom: .79rem;
    color:#313131;
}
.house-res .info{line-height: 24px;}
.house-res h3{
    color:#444;
    font-size:0.64rem;
    font-family:MicrosoftYaHei-Bold;
    padding-top: .6rem;
    padding-bottom: .45rem;
}
.house-res p{
    color:#666;
    font-size:.6rem;
    margin-bottom: .6rem;
}
.house-res a,.intro-small-detail>a{
    display: block;
    color:#919191;
    font-size:.6rem;
    margin:0 auto;
    width:2.2rem;
    position:relative;
}
.house-res a:after,.intro-small-detail>a:after{
    content: "";
    display: block;
    width:0.43rem;
    height:0.23rem;
    background: url(../images/icon/select-more.png) no-repeat;
    background-size:100% 100%;
    position:absolute;
    right:0;
    top:.3rem;
}
/*位置周边*/
.per-pos{
    background: #fff;
    padding-top: .76rem;
    padding: .85rem 0;
}
.per-pos h2{
    padding-left: .68rem;
}
.mapshow-per-pos .hb{
    display: flex;
    justify-content: space-between;
    margin-bottom: .64rem;
}
.mapshow-per-pos .hb em{
    width:16.6%;
    text-align: center;
    font-size:0.64rem;
    color:#666;
}

.mapshow-per-pos .mapshow-box{
    width:16rem;
    height:9.69rem;
    overflow: hidden;
}
.per-pos>a,.more-house-btn{
    display: block;
    margin:0 auto;
    font-size:0.6rem;
    color:#919191;
    text-align: center;
}
/*同房源小区*/
.same-commu-res,.broker-shop-house{
    background: #fff;
    margin:.43rem 0;
    padding:.9rem 0 .55rem;
}
.same-commu-res h2,.guess-love-room h2,.broker-shop-house h2,.village-lease-room h2{
    margin-left: .66rem;
    padding-bottom: .3rem;
}
/*猜你喜欢*/
.guess-love-room,.village-lease-room{
    background: #fff;
    margin-bottom: .43rem;
    padding: .86rem 0;
}
.more-house-btn,.more-house-btn{
  margin-top: .65rem;
}
.white-block{
    width: 100%;
    height: 2rem;
    background: #fff;
}

/*导航行为*/
.nav-act{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height:1.92rem;
    position:fixed;
    bottom:0;
    background: #fff;
    width:100%;
    max-width: 750px;
    text-align: center;
    z-index: 99;
}
.nav-act a{
    display: block;
    margin:0;
}
.nav-act .follow,.nav-act .consult{
   width:2.2rem;
   font-size:0.43rem;
   color:#919191;
}
.nav-act .follow:before,.nav-act .consult:before{
    content: "";
    display: block;
    margin:0 auto;
}
.nav-act .consult:before{
    width:0.6rem;
    height:0.6rem;
    background: url(../images/icon/consult_icon.png) no-repeat;
    background-size: 100% 100%;
}
.nav-act .follow:before{
    width:0.64rem;
    height:0.55rem;
    background: url(../images/icon/follow_icon_grey.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: .05rem;
}
.nav-act .follow.on:before{
	background: url(../images/icon/follow_icon_grey.png) no-repeat;
}
.nav-act .call-tel,.nav-act .order-l-house{
    line-height: 2rem;
    font-size:0.6rem;
    color:#fff;
}
.nav-act .call-tel{
    width:6.6rem;
}
.nav-act .order-l-house{
    width:5rem;
    background: #e7010e;
}
/*房贷计算*/
.mc-header{
  position:relative;
  background: #f9f9f9;
  width:100%;
	height:2.35rem;
}
.mc-header h3{
  text-align: center;
  line-height:2.35rem;
  font-size:0.77rem;
  color:#333;
  font-weight:normal;
	max-width: 12rem;
	margin:0 auto;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.mc-header .go-back,.city-box-back{
  position: absolute;
  left:.62rem;
  top:.615rem;
  width:0.43rem;
  height:0.79rem;
  display: block;
  background: url(../images/icon/back_icon.png) no-repeat;
  background-size:cover;
}
.mc-write-form,.mc-result-box{
  padding:0 .62rem;
  background: #fff;
}
.mc-write-form li{
    border-bottom: 1px solid #eee;
    line-height:2.35rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size:0.73rem;
    color:#454545;
    padding-right: 1rem;
}
.mc-write-form li:last-child{
    border-bottom: none;
}
.mc-write-form input{
    text-align: right;
     font-size:0.73rem;
      color:#454545;
}
.mc-write-form input::-webkit-input-placeholder {
   color:#454545;
}
.mc-result-box {
    margin-top: .43rem;
    padding-top: 1rem;
    height:12rem;
}
.mc-result-box .st-calc-btn{
    width:14.72rem;
    height:1.92rem;
    background:#FF6600;
    border-radius: 0.21rem ;
    margin:0 auto;
    color:#fff;
}
.interest-type{
    margin:1.5rem auto;
    width:8rem;
    border:1px solid #f60;
    font-size:0.55rem;
    color:#f60;
    text-align: center;
    border-radius: 0.09rem ;
    line-height: 1.09rem;
}
.interest-type label{
    width:50%;
    display: inline-block;
    float: left;
}
.interest-type:after{
    content: "";
    display: block;
    clear: both;
}
.interest-type label.active{
    background: #f60;
    color:#fff;
}

.mc-result-box .result-show{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size:0.47rem;
    text-align: center;
}
.mc-result-box .result-show p{
    font-size:0.47rem;
    color:#999;
    padding-bottom: .3em;
}
.mc-result-box .result-show span{
    font-size:0.73rem;
    color:#333;
}
/*查询放价*/
.month-avg-price{
    height:3.88rem;
    color:#fefefe;
    padding-left: .66rem;
}
.month-avg-price .avg{
   font-size:0.64rem;
   line-height: 1.8rem;
}
.month-avg-price .price{
    font-size:0.51rem;
    font-family:PingFang-SC-Regular;
}
.month-avg-price .price-num{
    font-size:1.2rem;
}
.chart-text-price{
    background: #fff;
    margin-bottom: .43rem;
}
.chart-price{
    padding:.5rem .8rem 0 .63rem;
}
.chart-price #house{width:100%;height:10rem;}
.up-down{
    margin-bottom: .43rem;
    background: #fff;
    padding:.6rem .62rem 0;

}

.up-down h2{
    font-size:0.81rem;
    color:#333;
    font-family: normal;
}
.up-down li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height:2rem;
    border-bottom: 1px solid #eee;
    font-size:0.68rem;
    color:#666;
}
.up-down li:last-child{
    border-bottom: none;
}

.up-down .rise:before{
  content: "↑";
  color:#D32F2F;
  margin-right: .3rem;
}
.up-down .decline:before{
  content: "↓";
  color:#094;
  margin-right: .3rem;
}
.up-down .title{width:50%;}
.up-down .title a{width:100%;display:inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
/*个人中心*/
.pec-top{
    height: 7.7rem;
    background:#F54848;
    color:#fff;
    text-align: center;
}
.pec-top h3{
   font-size:0.73rem;
   padding-top: .85rem;
   padding-bottom: 1rem;
}
.pec-top .head-pic{
    width:2.47rem;
    height:2.47rem;
    margin:0 auto .5rem;
    border: 2px solid #fff;
    border-radius: 50%;
    overflow: hidden;
}
.pec-top .head-pic img{
    height:100%;
}
.pec-top h4{
    font-size:0.64rem;
}
.pec-relLink{
    background: #fff;
    padding:0 .53rem 0 .6rem;
}
.pec-relLink a{
    display: block;
    line-height: 2.33rem;
}
.pec-relLink .row .fr{float:right;padding:0 30px;}
.pec-relLink .row{border-bottom:1px solid #eee; position: relative;}
.pec-relLink .row:last-child{
    border-bottom: none;
}
.pec-relLink .row:after{
    width:0.34rem;
    height:0.64rem;
    content: "";
    display: block;
    background: url(../images/icon/more_icon1.png) no-repeat;
    background-size: 100% 100%;
    position:absolute;
    right:0;
    top:.8rem;
}
/*编辑资料*/
.bt-box{background: #fff;}
.bt-box .btn{
   width:14.72rem;
   height:1.92rem;
   margin:0 auto;
   display: block;
   border-radius: 0.17rem ;
   color:#fff;
   font-size:0.64rem;
}
.pec-relLink span{
   display: inline-block;
}
.addhouse span:nth-child(2){
    width:9.5rem;
    margin-left: .5rem;
}
.addhouse span:nth-child(2) input[type='text']{width:100%;}
.edite-data span:nth-child(2){
    width:10.8rem;
    text-align: right;
    color:#999;
}
.edite-data span:nth-child(2) input{
    text-align: right;
}
.pec-relLink a>.h-pic{
   width:1.29rem;
   height:1.28rem;
   border-radius: 50%;
   overflow: hidden;
   position:absolute;
   top:.5rem;
   right:1rem;
}
.pec-relLink .h-pic img{
    height:100%;
    vertical-align: top;
}
.pec-relLink input[name='text']{
    color:#656565;
    line-height: 2.33rem;
    width:8rem;
}
.pec-relLink{
   font-size:0.64rem;
}
.pec-relLink input[name='text']{
    width:100%;
}
.pec-relLink input::-webkit-input-placeholder,.pec-relLink span.birth{
    color:#656565;
}
.pec-relLink label em{margin-right:.5rem;}
.addhouse input::-webkit-input-placeholder{
    color:#ccc;
}
.pec-relLink .area:after,.pec-relLink .price:after{
    height:2.33rem;
    background: none;
    width:auto;
    top:0;
}
.pec-relLink .area:after{
  content: "平米";
}

.pec-relLink span:first-child{
    width:3rem;
}
.addhouse .holder-name:after,.addhouse .tel:after,.re-rentals .floor:after,.re-rentals .configure:after,.re-rentals .house-title:after{
   background: none;
}
/*发布出租*/
.lease-way{
    background: #fff;
    padding:.64rem 0;
}
.lease-way .choose-way{
    width:9.6rem;
    line-height:1.28rem;
    margin:0 auto;
    background: #F0F0F0;
    text-align: center;
    color:#666;
    font-size:0.6rem;
    border-radius: 0.09rem ;
    overflow: hidden;
}
.lease-way .choose-way em{
    width:49%;
    display: inline-block;
}

.upload-pic{
    background: #fff;
    position:relative;
    padding:1.6rem 0 1.65rem;
}
.upload-pic .pic{
    width:3.16rem;
    height:3.16rem;
    display: block;
    overflow: hidden;
    margin:0 auto;
}
.upload-pic #upload-file{
    opacity: 0;
    width:3.16rem;
    height:3.16rem;
    position:absolute;
    top:1.6rem;
    left:calc(100% /2 - 1.58rem);
}
.re-rentals input::-webkit-input-placeholder,.re-rentals .house-describe textarea::-webkit-input-placeholder{
  color:#ccc;
}
.re-rentals .floor{
    display: flex;
}
.re-rentals .floor .write-ipt{
   width:20%;
   display: flex;
   margin-right: 2rem;
   color:#ccc;
}
.re-rentals .floor .write-ipt input{
    text-align: center;
    width:80%;
    padding:0 10%;
}
.re-rentals .configure{
    height:4rem;
}
.re-rentals .configure span:nth-child(2){
    position:absolute;
    top:.79rem;
    right:0;
    width:11.8rem;
}
.re-rentals .configure em{
    width:2.56rem;
    line-height:0.9rem;
    background: #f6f6f6;
    color: #999;
    display:block;
    float: left;
    text-align: center;
    border-radius: 2px;
    font-size:0.6rem;
    margin-left: .45rem;
    margin-bottom: .75rem;
}
.re-rentals .configure em:nth-child(4n+1){
    margin-left: 0;
}

.re-rentals .house-describe{
    height:5rem;
}
.re-rentals .house-describe span:nth-child(2){
    position:absolute;
    top:.61rem;
    right:0;
    width:11.8rem;
}
.re-rentals .house-describe textarea{
    width:95%;
}
/*看房记录*/
.time-contacts{
    height:1.54rem;
    border-radius: 0.17rem ;
    background: #eee;
}
.house-record li{
    border-bottom: none;
    padding-bottom: 0;
}
.time-contacts{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: .45rem;
    padding-right: .6rem;
    margin-top: .64rem;
    position:relative;
}
.time-contacts:before{
    content: "";
    display: block;
    width:0;
    height:0;
    border-top:.3rem solid transparent;
    border-bottom:.3rem solid #eee;
    border-left:.3rem solid transparent;
    border-right:.3rem solid transparent;
    position:absolute;
    top:-.6rem;
    left:1.5rem;
}
.time-contacts span{
    font-size:0.51rem;
    color:#666;
}
.time-contacts .contacts:before{
  content: "联系人：";
}

/*我的关注*/
.follow-h-switch{
    border-bottom: 1px solid #eee;
}
.follow-h-switch .swiper-slide{
    width:auto;
    font-size:0.6rem;
    color:#333;
    padding-right: .98rem;
    line-height: 1.77rem;
}
.follow-h-switch .swiper-slide:first-child{
    padding-left: .64rem;
}
.follow-h-switch .swiper-slide.active{
  color:#F54848;
}
.comment-list {
    padding-left: 0.66rem;
    padding-right: 0.66rem;
}
.comment-list li{
    padding: 0.66rem 0;
    border-bottom: 1px solid #eee;
}
.comment-list .pic{
    width: 1.49rem;
    height: 1.49rem;
    border-radius: 50%;
    overflow: hidden;
}
.comment-list .pic img{
    vertical-align: middle;

}
.comment-list .comment-content{
    width: 12.7rem;
    margin-left: 0.43rem;
}
.comment-content .username,
.comment-content .level{
    height: 0.64rem;
}
.comment-content .username{
    font-size: 0.64rem;
    color: #313131;
    line-height: 0.64rem;
}
.comment-content .username{
    max-width: 8rem;
    overflow: hidden;
}
.comment-content .level{
    width: 3.8rem;
    background-repeat: no-repeat;
    -webkit-background-size: 3.8rem 0.6rem;
    background-size: 3.8rem 0.6rem;
    background-position: left center;
}
.comment-content .level-0{
    background-image: url(../images/icon/level_icon0.jpg);
}
.comment-content .level-1{
    background-image: url(../images/icon/level_icon1.jpg);
}
.comment-content .level-2{
    background-image: url(../images/icon/level_icon2.jpg);
}
.comment-content .level-3{
    background-image: url(../images/icon/level_icon3.jpg);
}
.comment-content .level-4{
    background-image: url(../images/icon/level_icon4.jpg);
}
.comment-content .level-5{
    background-image: url(../images/icon/level_icon5.jpg);
}
.comment-content .desc_box{
    width: 11.78rem;
    margin: 0.3rem 0;
}
.comment-content .desc_box p{
    font-size: 0.51rem;
    line-height: 130%;
    color: #616161;
}
.babel-list{
    font-size: 0;
}
.babel-list em {
    display: inline-block;
    width:2.2rem;
    font-size:0.43rem;
    font-family:MicrosoftYaHei;
    color:rgba(102,102,102,1);
    line-height: 0.6rem;
    background: #eee;
    margin-left: 0.2rem;
    text-align: center;
	margin-bottom:5px;
}
.babel-list em:first-child{
    margin-left: 0;
}
.comment-content .time{
    display: block;
    font-size:0.47rem;
    font-family:ArialMT;
    color:rgba(145,145,145,1);
    line-height:0.51rem;
    margin-top: 0.2rem;
}
/*我的提问*/
.question-lists{
    padding-left: .66rem;
    margin-right: .62rem;
}
.question-lists li{
    border-bottom: 1px solid #eee;
    padding:.6rem 0;
}
.question-lists .ask{
    font-size:0.55rem;
    color:#333;
    margin-bottom: .5rem;
    display: flex;
}
.question-lists .answer{
    font-size:0.55rem;
    color:#999;
}
.question-lists .ask:before,.question-lists .answer:before{
    width:0.68rem;
	height: 0.68rem;
    line-height:0.68rem;
    border-radius: 0.04rem;
    font-size:0.51rem;
    color:#fff;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-right: .38rem;
    margin-bottom: .1rem;
}
.question-lists .ask:before{
    content: "问";
}
.question-lists .answer:before{
    content: "答";
    background: #094;
}
.question-lists .num-time{
    display: flex;
    justify-content: space-between;
    font-size:0.51rem;
    padding-top: .5rem;
}
.question-lists .num-time .num{
   color:#094;
   margin-left: 1.06rem;
}
.question-lists .num-time .time{
  color:#999;
}
/* 问题详情 */
.question-detail .ask{
    padding: .5rem 0.64rem;
}
.question-detail .ask .tit{
    font-size:0.55rem;
    color:#333;
    margin-bottom: .1rem;
    position: relative;
    padding-left: 0.8rem;
    line-height:0.68rem;
}

.question-detail .ask .tit:before{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width:0.68rem;
    height: 0.68rem;
    line-height:0.68rem;
    border-radius: 0.04rem;
    font-size:0.51rem;
    color:#fff;
    text-align: center;
    vertical-align: middle;
    margin-right: .38rem;
    margin-bottom: .1rem;
}
.question-detail .ask .tit:before{
    content: "问";
}
.question-detail .ask .foot{
    background: #fff;
    padding-left: 0.8rem;
}
.question-detail .ask .foot p{
    font-size:0.51rem;
    color:rgba(153,153,153,1);
     line-height: 1.2rem;
}
.question-detail .answer{
    padding: 0 0.64rem;
}
.question-detail .answer .title h3{
    font-size:0.6rem;
    color:rgba(51,51,51,1);
    line-height: 2rem;
    border-bottom: 1px solid #eee;
}
.question-detail .answer{

}
.question-detail .answer .list li{
    padding: 0.66rem 0;
    border-bottom: 1px solid #eee;
}
.question-detail .answer .list .pic{
    width: 1.49rem;
    height: 1.49rem;
    border-radius: 50%;
    overflow: hidden;
}
.question-detail .answer .list .pic img{
    vertical-align: middle;

}
.question-detail .comment-content{
    width: 12.7rem;
    margin-left: 0.43rem;
}

.question-detail .answer .list .time{
    font-size:0.47rem;
    font-family:ArialMT;
    color:rgba(153,153,153,1);
    line-height:1rem;
    display: block;
    margin-top: 0;
}
.question-detail .answer .list  .comment-desc{
    font-size:0.55rem;
    color:rgba(51,51,51,1);
    line-height:120%;
}
.answer-textarea{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 1.92rem;
    height: 60px;
	background-color: #fff;
}
.answer-textarea:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border-top: 1px solid #eee;
}
.answer-textarea .form-box{
    display: flex;
    display: -webkit-flex;
    padding: 12px 0.64rem;
}
.answer-textarea .form-box .ipt-area{
    flex: 1;
}
.answer-textarea .form-box .btn-area{
    flex: 0 0 60px;
    -webkit-flex: 0 0 60px;
    width: 60px;
    font-size: 0;
    margin-left: 10px;
}
.answer-textarea .form-box .text-ipt{
    box-sizing: border-box;
    width: 100%;
    height: 36px;
    padding: 4px 10px;
    line-height: 28px;
    background: #f1f1f1;
    color: #000;
    font-size: 15px;
    display: block;
    background: #f1f1f1;
    border-radius: 18px;
}
.answer-textarea .form-box .submit{
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    background: #e00;
    color: #fff;
    border-radius: 18px;
}
/*免费看房*/
.time-pumping{
    padding-left: 1.6rem;
    padding-right: .64rem;
    position:relative;
    margin-top: .8rem;
}
.time-pumping:before{
   content: "";
   display: block;
   position: absolute;
   left:.79rem;
   top:.2rem;
   width:2px;
   height:88%;
   background: #eee;
}
.time-pumping li{
    position:relative;
    margin-bottom:1.2rem;
}
.time-pumping li:before{
    content: "";
    display: block;
    width:0.21rem;
    height:0.21rem;
    background: #eee;
    border:.11rem solid #eee;
    position:absolute;
    left:-1rem;
    top:.12rem;
    border-radius: 50%;
    border:.11rem solid #ccc;
}
.time-pumping li.active:before{
    background: #eee;
    border-width:.11rem;border-style: solid;
}
.time-signupNum,.name-telSignup{
    display: flex;
    justify-content: space-between;
}
.time-signupNum{
    color:#999;
    font-size:0.6rem;
    margin-bottom: .6rem;
}
.time-signupNum .count-back{
    width:2.13rem;
    line-height:0.64rem;
    border-radius: 2px;
    color:#fff;
    font-size:0.43rem;
    display: inline-block;
    text-align: center;
    margin-left: .38rem;
}
.time-signupNum .signupNum{
    font-size: .51rem;
}
.name-telSignup .name{
    font-size:0.68rem;
    color:#333;
}
.telSignup{
    text-align: center;
    font-size:0.51rem;
}
.telSignup  span{
    display: inline-block;
}
.telSignup .tel{
    border-width:1px;border-style: solid;
    border-radius: 2px;
    width:2.77rem;
    line-height:0.85rem;
    margin-right: .36rem;
}
.telSignup .signup{
    width:2.77rem;
    line-height:0.85rem;
    border-radius: 2px;

}
.look-house-bomb{
    width: 100vw;
    height:100vh;
    background: rgba(0,0,0,.7);
    position:fixed;
    top:0;
    left:0;
}
.look-house-bomb .bomb-box{
    width:11.73rem;
    height:11.52rem;
    border-radius: 0.17rem ;
    background: #fff;
    position:absolute;
    left:calc(100% / 2 - 5.865rem);
    top:calc(100% / 2 - 5.76rem);
    padding:0 .7rem;
}
.look-house-bomb h3{
   padding-top: .6rem;
   padding-bottom: .4rem;
   text-align: center;
   font-size:0.77rem;
   font-weight:normal;
}
.look-house-bomb p{
    font-size:0.51rem;
    color:#ccc;
}
.look-house-bomb .form-item{
    border:1px solid #ddd;
    width:10.24rem;
    line-height:1.71rem;
    border-radius: 0.17rem ;
    font-size:0.64rem;
    padding-left: .4rem;
    margin-top: .6rem;
    position:relative;
}
.look-house-bomb .get-code{
    position:absolute;
    right:.4rem;
}
.look-house-bomb input{
    width:60%;
    line-height:1.71rem;
}
.look-house-bomb .sure-btn{
    width:10.24rem;
    height:1.71rem;
    background:rgba(240,72,72,1);
    border-radius: 0.17rem ;
    color:#fff;
    font-size:0.64rem;
    margin-top: .8rem;
}
.look-house-bomb .close-btn{
    width:0.63rem;
    height:0.62rem;
    background: url(../images/icon/close_icon.png) no-repeat;
    background-size:100% 100%;
    position: absolute;
    right:.7rem;
    top:.8rem;
}
/*经纪人店铺*/
.agent-survey{
    height:5.35rem;
    display: flex;
    justify-content: space-between;
    padding:1.5rem .6rem 0;
}
.agent-survey .pic{
    width:2.43rem;
    height:2.43rem;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #fff;
}
.agent-survey h3{
    font-size:0.73rem;
    font-weight: normal;
}
.agent-survey p{
    font-size:0.47rem;
}
.agent-survey .star-level{
    width:3.8rem;
    height: 0.6rem;
    margin-top: 0.2rem;
}
.star-level li{
    background: url(../images/icon/star.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 0.64rem;
    height: 0.6rem;
    float: left;
    margin-left: 0.1rem;
}
.star-level li:first-child{
    margin-left: 0;
}
.star-level li.on{
    background-image: url(../images/icon/star_on.png);
}
.agent-survey .pic img{
    height:100%;
}
.agent-survey .survey{
    width:8rem;
    height:3rem;
    overflow: hidden;
    margin-left: .6rem;
}
.user-comment{
    background: #fff;
    padding-bottom: .55rem;
}
.user-comment h2{
    border-bottom: 1px solid #eee;
    padding-top: .91rem;
}
.broker-shop-house h2{
    border-bottom: 1px solid #eee;
}
/* 经纪人列表 */
.agent-list{

}
.agent-list .comment-content .level{
    margin-left: 0.2rem;
}
.agent-list .comment-content .tel_phone{
    display: block;
    width:2.99rem;
    height:0.85rem;
    line-height: 0.85rem;
    background: url(../images/icon/mobile.png) 0.2rem center no-repeat;
    -webkit-background-size: 0.5rem auto;
    background-size: 0.5rem auto;
    position: relative;
    font-size:0.43rem;
    font-family:MicrosoftYaHei;
    color:rgba(211,53,53,1);
    box-sizing: border-box;
    padding-left: 0.8rem;
}
.agent-list .comment-content .tel_phone:after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-width: 1px;border-style: solid;
   border-radius: 0.21rem;
}
/* 新闻咨询 */
.news{

}
.news .tab_hd{
    font-size: 0;
    line-height: 1.92rem;
    padding: 0 0.64rem;
    border-bottom: 1px solid #eee;
}
.news .tab_hd a{
    font-size:0.64rem;
    color: #333;
    font-family:MicrosoftYaHei;
    display: inline-block;
    margin-left: 0.8rem;
}

.news .tab_hd a:first-child{
    margin-left: 0;
}
.news-list {
   background: #fff;
}
.news-list .col-2{
    padding: 0 0.64rem;
}
.news-list .col-2 a{
    display: flex;
    display: -webkit-flex;
    padding: 0.5rem 0;
    border-bottom: 1px solid #eee;
}
.news-list .col-2 .l_con{
    display: block;
    flex: 1;
    -webkit-flex: 1;
    height:3.18rem;
    overflow: hidden;
}
.news-list .col-2 .l_con .art_tit{
    height:2rem;
    font-size:0.73rem;
    font-family:MicrosoftYaHei;
    color:rgba(51,51,51,1);
    line-height:1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news-list .col-2 .l_con .ft{
    font-size: 0;
    margin-top: 0.6rem;
}
.news-list .col-2 .l_con .ft span{
    font-size:0.47rem;
    font-family:MicrosoftYaHei;
    color:rgba(153,153,153,1);
    line-height:100%;
}
.news-list .col-2 .r_con{
    display: block;
    flex: 0 0 4.69rem;
    -webkit-flex: 0 0 4.69rem;
    width: 4.69rem;
    height: 3.18rem;
    overflow: hidden;
}
.news-list .col-3{
    padding: 0 0.64rem;
}
.news-list .col-3 a{
    display: block;
    padding: 0.5rem 0;
    border-bottom: 1px solid #eee;
}

.news-list .col-3 .art_tit{
    max-height:2rem;
    font-size:0.73rem;
    font-family:MicrosoftYaHei;
    color:rgba(51,51,51,1);
    line-height:1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news-list .col-3 .list_img{
    margin-top: 0.4rem;
    font-size: 0;
}
.news-list .col-3 .list_img .img{
    vertical-align: top;
    width: 32%;
    margin-left: 2%;
}
.news-list .col-3 .list_img .img:nth-child(3n+1){
    margin-left: 0;
}
.news-list .col-3  .ft{
    font-size: 0;
    margin-top: 0.6rem;
}
.news-list .col-3  .ft span{
    font-size:0.47rem;
    font-family:MicrosoftYaHei;
    color:rgba(153,153,153,1);
    line-height:100%;
}
/* 新闻详情 */
.news-detail{
     padding: 0 0.64rem;
     background: #fff;
}
.news-detail .head{
    padding: 0.64rem 0;
    border-bottom: 1px solid #eee;
}
.news-detail .head h3{
    font-size:0.77rem;
    font-family:MicrosoftYaHei;
    color:rgba(51,51,51,1);
    line-height:1.07rem;
}
.news-detail .head  .ft{
    font-size: 0;
    margin-top: 0.6rem;
}
.news-detail .head .ft span{
    font-size:0.47rem;
    font-family:MicrosoftYaHei;
    color:rgba(153,153,153,1);
    line-height:100%;
}
.art_desc{
    padding: 0.64rem 0;
}
.art_desc img{
	max-width: 100%;margin:0 auto;
}
.art_desc p{
    font-size:0.6rem;
    font-family:MicrosoftYaHei;
    color:rgba(85,85,85,1);
    line-height:1.02rem;
}
.news .title{
    padding: 0 0.64rem;
}
.news .title h3{
    font-size:0.81rem;
    font-family:MicrosoftYaHei-Bold;
    color:rgba(49,49,49,1);
    line-height:2.73rem;
}

/*小区列表*/
.village-house-box .intro-text .price{
    margin:.35rem 0;
}
.avg-bomb-box{
    width:100%;
    height:100%;
    position: fixed;
    top:4.4rem;
    left: 0;
    background: rgba(0,0,0,.5);
    z-index: 9;
}

/*小区详情页*/
.i-name-price{
    display: flex;
    justify-content: space-between;
    line-height: 2.54rem;
}
.i-name-price .itemPrice{
   font-size:0.6rem;
   color: #999;
}
.i-name-price .itemPrice em{
    font-weight: bold;
    font-size:0.8rem;
}
.village-small-detail{
    background: #fff;
    padding:.8rem .64rem;
}
.village-small-detail>a{
    top:.5rem;
    padding-bottom: .4rem;
}
.all-ask-box{
    background: #fff;
    padding:0 .64rem .6rem;
    border-bottom: 1px solid #eee;

}
.all-ask-box .top{
    display: flex;
    justify-content: space-between;
    line-height: 2.4rem;
    border-bottom: 1px solid #eee;
}
.all-ask-box .top h3{
    font-size:0.81rem;
    color:#313131;
}
.all-ask-box .top .ask-btn{
    font-size:0.6rem;
    color:#666;
    position:relative;
     padding-left: .8rem;
}
.all-ask-box .question-lists .ask{
    position: relative;
}
.all-ask-box .question-lists .ask-num{
   position:absolute;
   right: 0;
}
.all-ask-box .top .ask-btn:before{
    content: "";
    display: block;
    width:0.55rem;
    height:0.55rem;
    position:absolute;
    left:0;
    top:.9rem;
    background:url(../images/icon/ask_icon.png) no-repeat;
    background-size:100% 100%;
}
.all-ask-box .question-lists{
    padding:0;
}
.all-ask-box .question-lists .ask-num{
    font-size:0.55rem;
    color:#999;
}
.village-lease-room .intro-text .good em{
    background: none;
}
.village-lease-room .intro-text .good em:nth-child(1){
   color:#57A57D;
   border:1px solid #57A57D;
   background: none;
}
.village-lease-room .intro-text .good em:nth-child(2){
   color:#89B3E5;
   border:1px solid #89B3E5;
   background: none;
}
.village-lease-room .intro-text .good em:nth-child(3){
   color:#F87246;
   border:1px solid #F87246;
   background: none;
}
.make-deal-record .title{
    border-bottom: 1px solid #eee;
}
.make-deal-record h2{
    line-height:1.96rem;
        font-size: 0.81rem;
    color: #313131;
}
.make-deal-record .title .tab-hd{
    border: 0;
}
/* 小区成交记录 */
.make-deal-record{
    background: #fff;
    padding: 0 0.64rem;
}
.make-deal-record .tab-hd{
    font-size: 0;
    line-height:1.96rem;

    border-bottom: 1px solid #eee;
}
.make-deal-record .tab-hd a{
    padding: 0 0.2rem;
    font-size:0.64rem;
    font-family:MicrosoftYaHei;
    color:#313131;

}

.make-deal-record .tab-hd a:first-child{
    padding-left: 0;
}
.make-deal-record .list li{
    width: 100%;
}
.make-deal-record .list li a{
    display: block;
    padding: 0.64rem 0;
    border-bottom: 1px solid #eee;
}
.make-deal-record .list li span{
    display: block;
}
.make-deal-record .list li .m_c{
    height:0.64rem;
    font-size:0.64rem;
    font-family:MicrosoftYaHei;
    color:#313131;
    line-height:0.64rem;
}
.make-deal-record .list li .time{
    font-size:0.51rem;
    font-family:MicrosoftYaHei;
    color:rgba(102,102,102,1);
    line-height:0.51rem;
    display: block;
    margin-top: 0.5rem;
}
.make-deal-record .list li .price{
    height:0.64rem;
    font-size:0.64rem;
    font-family:MicrosoftYaHei;
    color:#E60012;
    line-height:0.64rem;
}
.make-deal-record>a{
    padding-bottom: .5rem;
}
.house-confi-point:after{
    clear: both;
    content: "";
    display: block;
    border-bottom: 1px solid #eee;
    margin-bottom: .6rem;
}
.house-confi-point li{
    float:left;
    color: #686868;
    font-size: .6rem;
    width:2.4rem;
    text-align: center;
    margin-bottom: .5rem;
	white-space:nowrap;
}
.house-confi-point li:before{
  content: "";
  display: block;
  background: url(../images/icon/configure_icon.png) no-repeat;
  background-size:13.2rem 1.6rem;
  width:.95rem;
  height:.8rem;
  margin:0 auto .2rem;
}
.house-confi-point li.chuang:before{
  background-position: 0 0;
  width:.85rem;
}
.house-confi-point li.kongtiao:before{
  background-position: -2.34rem 0;

}
.house-confi-point li.bingxiang:before{
  background-position: -7.3rem 0;
}
.house-confi-point li.shafa:before{
	background-position: -2.34rem -.91rem;
}
.house-confi-point li.yangtai:before{
  background-position: -12.2rem -.91rem;

}
.house-confi-point li.xiyiji:before{
  background-position: -9.6rem 0;

}
.house-confi-point li.weishengjian:before{
	background-position: -9.6rem -.91rem;

}
.house-confi-point li.chouyouyanji:before{
  background-position: -7.3rem -.91rem;

}
.house-confi-point li.dianshi:before{
  background-position: 0 -.91rem;

}
.house-confi-point li.reshuiqi:before{
  background-position: -12.2rem 0;

}
.house-confi-point li.yigui:before{
	background-position: -4.7rem 0;

}

.house-confi-point li.dianti:before{
  background-position: -4.7rem -.91rem;
}
.house-confi-point li.no-choose{
    color:#ccc;
}
.house-confi-point li.no-choose:before{
    background: url(../images/icon/no-choose.png) no-repeat;
    background-size:100% 100%;
    width:.85rem;
    height:.8rem;
    background-position: 0 0;
}

/* 楼盘动态 */
.build_dynamic{
    padding-bottom: 1.92rem;
}
.build_dynamic .list{
    padding: 0 0.64rem;
    background: #fff;
}
.build_dynamic .list a{
    padding: 0.64rem 0;
    display: block;
    border-bottom: 1px solid #f1f1f1;
}
.build_dynamic .list .name{
    font-size:0.64rem;
    color:#333;
    line-height:100%;
    font-weight: normal;
}
.build_dynamic .list p,
.build_dynamic .list time{

    font-size:0.51rem;
    font-family:MicrosoftYaHei;
    color:#999;
}
.build_dynamic .list .m_con{
    max-height:3.08rem;
    margin: 0.3rem 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    line-height:0.77rem;
}
.build_dynamic .list time{
    display: block;
    line-height: 100%;
}

/* 楼栋信息 */
.build-info .build-img{
    width: 95%;
    max-height:8.34rem;
    overflow: auto;
	margin:0 auto;
}

.build-img .img-box{
    position: relative;
}
.build-img .img-box img{
    display: block;
    width: auto;
    height: auto;
}
.build-img .sign{
    position: absolute;
    top: 0;
    left: 0;
    height:24px;
    background: #fff;
}
.build-img .sign span{
    display: block;
    float: left;
    line-height: 24px;
    height:24px;
    text-align: center;
    font-size:10px;
}
.build-img .sign .build-no{
    min-width:20px;
    color: #fff;
    position: relative;
}
.build-img .sign .build-no.on{
    background:rgba(0,153,68,1);
}
.build-img .sign .build-no.for{
    background:#6a717a;
}
.build-img .sign .build-no.off{
    background:#e00;
}
.build-img .sign .build-no:after{
    content: '';
    display: block;
    position: absolute;
    top: 23px;
    left: 50%;
    height: 0px;
    width: 0px;
    border-left: 10px solid transparent;
    border-top: 9px solid black;
    border-right: 10px solid transparent;
    margin-left: -10px;
}
.build-img .sign .build-no.on:after{
    border-top-color: rgba(0,153,68,1);
}
.build-img .sign .build-no.for:after{
    border-top-color: #6a717a
}
.build-img .sign .build-no.off:after{
    border-top-color:#e00;
}
.build-img .sign .sale-status{
    width:40px;
    color: #333;
}
.build-info-desc{
    /*width:14.08rem;*/
    background:rgba(255,255,255,1);
    border-radius: 0.09rem ;
    margin: 0.64rem auto;
    box-sizing: border-box;
    padding: 0.64rem;
}

.build-info-desc .head{
    line-height: 1rem;
}
.build-info-desc .head span{
    font-size:0.64rem;
    font-family:MicrosoftYaHei;
    color:rgba(51,51,51,1);
}
.build-info-desc .head .sale-status.on{
    color: rgba(0,153,68,1);
}
.build-info-desc .head .sale-status.for{
    color: #6a717a
}
.build-info-desc .head .sale-status.off{
    color:#e00;
}
.build-info-desc .date{
    border-bottom: 1px solid #eee;
}
.build-info-desc .date div{
    line-height: 1rem;
}
.build-info-desc .date span{
    font-size:0.51rem;
    color:rgba(153,153,153,1);
}
.build-info-desc .build-word{

}
.build-info-desc .build-word li{
    float: left;
    width: 50%;
    line-height: 1rem;
}
.build-info-desc .build-word span{
    font-size:0.6rem;
    color:rgba(51,51,51,1);
}

/* 楼盘相册 */
.build-picture{
    padding-bottom: 0.64rem;
}
.build-picture .title{
    padding: 0 0.64rem;
}
.build-picture .title h3{
    font-size:0.68rem;
    color:rgba(102,102,102,1);
    line-height:2rem;
    font-weight: normal;
}
.build-picture .list{
    padding: 0 0.64rem;
}
.build-picture .list{
    margin-top: -0.3rem;
}
.build-picture .list li{
    float: left;
    width: 32%;
    height:3.93rem;
    margin-left: 2%;
    margin-top: 0.3rem;
}
.build-picture .list li:nth-child(3n+1){
    margin-left: 0;
}
.build-picture .list li img{
    display: block;
    width: 100%;
    height: 100%;
}
/* 图片预览 */
.picture-preview {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
}
.picture-preview .header{
    position: absolute;
    top: 0;
    left: 0;
    height:2.35rem;
    width: 100%;
    background: #282828;
}
.picture-preview .header .go-back{
    position: absolute;
    left: 0;
    top: 0;
    width: 2.35rem;
    height: 2.35rem;
    background: url(../images/icon/back_icon1.png) center no-repeat;
    background-size:0.43rem 0.77rem;
}
.picture-preview .header .swiper-pagination{
    position: relative;
    bottom: 0;
    line-height: 2.35rem;
     color: #fff;
     font-size:0.77rem;
     z-index: 0;
}
.picture-preview .header .swiper-pagination span{
    color: #fff;
    font-size:0.77rem;
}
.picture-preview .scroll-roomPic-box{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -5rem;
}
.picture-preview .header .look_all{
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 2.35rem;
    line-height: 2.35rem;
    color: #fff;
    font-size:0.77rem;
    padding: 0 0.64rem;
}
.picture-preview .tab{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.94rem;
    height: 1.1rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 0.64rem;
    /*align-items: center;*/
}
.picture-preview .tab a{
    display: block;
    flex: 0 0 2.56rem;
    -webkit-flex: 0 0 2.56rem;
    width:2.6rem;
    height: 1.1rem;
    line-height: 1.1rem;
    text-align: center;
    overflow: hidden;
    font-size:0.34rem;
    color: #fff;
}
.picture-preview .tab a.on,
.picture-preview .tab a:active{
    background:rgba(240,72,72,1);
}
/*新房列表*/
.Building-type{
    display: flex;
    justify-content: space-between;
}
.Building-type a{
    width:2.99rem;
    line-height:0.9rem;
    border-radius: 0.09rem ;
    font-size:0.51rem;
    text-align: center;
    color:#999;
    border:1px solid #ccc;
}
.Building-type a.active{
    border-width: 1px;border-style: solid;
}
/* 户型介绍 */

.house-type .tab_hd{
    font-size: 0;
    line-height: 1.92rem;
    padding: 0 0.64rem;
    border-bottom: 1px solid #eee;
}
.house-type .tab_hd a{
    font-size:0.64rem;
    color: #333;
    font-family:MicrosoftYaHei;
    display: inline-block;
    margin-left: 0.8rem;
}

.house-type .tab_hd a:first-child{
    margin-left: 0;
}
.house-type-list li{
    padding: 0 0.64rem;
}
.house-type-list a{
    display: flex;
    display: -webkit-flex;
    padding: 0.64rem 0;
    border-bottom: 1px solid #eee;
}
.house-type-list .l_img{
    width:4.91rem;
    height:3.27rem;
    box-sizing: border-box;
    border: 1px solid #eee;
    line-height: 3.27rem;
    font-size: 0;
    position: relative;
    text-align: center;
}
.house-type-list .l_img:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid #eee;
}
.house-type-list .l_img img{
    vertical-align: middle;
    width: auto;
    max-width: 4.91rem;
	max-height:3.27rem;
}
.house-type-list .r_con{
    flex: 1;
    margin-left: 0.6rem;
    position: relative;
}
.house-type-list .r_con>div{
    font-size: 0;
    line-height: 0.51rem;
}
.house-type-list .r_con span{
    display: inline-block;
    font-size:0.51rem;
    color:#999999;
    line-height: 0.51rem;
    margin-right: 0.2rem;
}
.house-type-list .r_con .t span{
    color: #333;
}
.house-type-list .r_con .c{
    margin: 0.6rem 0;
}
.house-type-list .r_con .c .sale-status.on{
    color: rgba(0,153,68,1);
}
.house-type-list .r_con .c .sale-status.for{
    color: #6a717a
}
.house-type-list .r_con .c .sale-status.off{
    color:#e00;
}
.house-type-list .r_con .price{
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.5rem;
    line-height: 1rem;
    font-size:0.48rem;
    color: #999;
    line-height:0.51rem;
}
.house-type-list .r_con b{
     font-size:0.68rem;
    color:rgba(234,60,61,1);
    font-family:ArialMT;
}
/* 户型详情 */
.house-type-detail{

}

.house-type-detail .big_img{
    text-align: center;
    font-size: 0;
}
.house-type-detail .m_info{
    padding: 0.64rem;
}
.house-type-detail .m_info>div{
    line-height: 1.6rem;
}
.house-type-detail .m_info .houseType{
    height:0.9rem;
    font-size:0.9rem;
    color:rgba(32,32,32,1);
    vertical-align: middle;
}
.house-type-detail .m_info .sale-status{
    padding: 0.1rem;
    font-size:0.38rem;
    color:rgba(255,255,255,1);
    vertical-align: middle;
}
.house-type-detail .m_info .sale-status.on{
    background-color: rgba(0,153,68,1);
}
.house-type-detail .m_info .sale-status.for{
    background-color: #6a717a
}
.house-type-detail .m_info .sale-status.off{
    background-color:#e00;
}
.house-type-detail .m_info .price{
    font-size:0.48rem;
    color: #999;
    line-height:0.51rem;
}
.house-type-detail .m_info b{
     font-size:0.68rem;
    color:rgba(234,60,61,1);
    font-family:ArialMT;
}
.house-type-detail .m_info .b_box span{
    font-size:0.64rem;

}
.house-type-detail .m_info .b_box .tit{
    color:rgba(153,153,153,1);
}
.house-type-detail .m_info .b_box .txt{
    color:#333;
}
.house-type-detail .label-list{
    margin-left: -0.43rem;
    padding:  0.64rem;
}
.house-type-detail .label-list li{
    float: left;
    width:3.2rem;
    height:0.85rem;
    text-align: center;
    line-height: 0.85rem;
    font-size:0.55rem;
    color:rgba(102,102,102,1);
    background:rgba(238,238,238,1);
    margin-left: 0.43rem;
}
.house-type-detail .bright_spot{
    padding: 0 0.64rem;
}
.house-type-detail .bright_spot .title h3{
    font-size:0.81rem;
    color:rgba(51,51,51,1);
    line-height:1.77rem;
}
.house-type-detail .bright_spot .desc{
    padding-bottom: 0.64rem;
}
.house-type-detail .bright_spot .desc p{
    font-size:0.64rem;
    color:rgba(104,104,104,1);
    line-height:0.77rem;
    padding: 0.1rem 0;
}
/* 周边位置 */
.nearby-position .mc-header{
    position: absolute;
    top: 0;
    left: 0;
    height: 2.35rem;
}
.map_localtion{
    position: absolute;
    left: 0;
    right: 0;
    top: 2.35rem;
    bottom: 2.13rem;
    overflow: hidden;
}
.nearby-position .location{
    position: absolute;

}
.nearby-position .tab_link{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2.13rem;
    display: flex;
    display: -webkit-flex;
    background: #fff;
}
.nearby-position .tab_link a{
    display: block;
    flex: 1;
    -webkit-flex: 1;
    height: 100%;
    box-sizing: border-box;
    padding-top: 0.51rem;
}

.nearby-position  .tab_link p{
    font-size:0.43rem;
    color:rgba(156,159,161,1);
    margin-top: 0.1rem;
    text-align: center;
}

.nearby-position .tab_link .icon{
    display: block;
    height: 0.55rem;
    width: 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center 0;
}
.nearby-position .tab_link .icon1{
    background-image: url(../images/icon/nearby_icon1.png);
}
.nearby-position .tab_link .icon2{
    background-image: url(../images/icon/nearby_icon2.png);
}
.nearby-position .tab_link .icon3{
    background-image: url(../images/icon/nearby_icon3.png);
}
.nearby-position .tab_link .icon4{
    background-image: url(../images/icon/nearby_icon4.png);
}
.nearby-position .tab_link .icon5{
    background-image: url(../images/icon/nearby_icon5.png);
}
.nearby-position .tab_link .icon6{
    background-image: url(../images/icon/nearby_icon6.png);
}
.nearby-position .tab_link .icon7{
    background-image: url(../images/icon/nearby_icon7.png);
}
.nearby-position .tab_link a.on .icon1,
.nearby-position .tab_link a:active .icon1{
    background-image: url(../images/icon/nearby_icon1_on.png);
}
.nearby-position .tab_link a.on .icon2,
.nearby-position .tab_link a:active .icon2{
    background-image: url(../images/icon/nearby_icon2_on.png);
}
.nearby-position .tab_link a.on .icon3,
.nearby-position .tab_link a:active .icon3{
    background-image: url(../images/icon/nearby_icon3_on.png);
}
.nearby-position .tab_link a.on .icon4,
.nearby-position .tab_link a:active .icon4{
    background-image: url(../images/icon/nearby_icon4_on.png);
}
.nearby-position .tab_link a.on .icon5,
.nearby-position .tab_link a:active .icon5{
    background-image: url(../images/icon/nearby_icon5_on.png);
}
.nearby-position .tab_link a.on .icon6,
.nearby-position .tab_link a:active .icon6{
    background-image: url(../images/icon/nearby_icon6_on.png);
}.nearby-position .tab_link a.on .icon7,
.nearby-position .tab_link a:active .icon7{
    background-image: url(../images/icon/nearby_icon7_on.png);
}

/*新房详情页*/
.new-house-btn{
    margin-top: .2rem;
    border-top: 1px solid #eee;
    line-height: 1.4rem;
    padding-bottom: .2rem;
}
.build-dynamic-box,.apartment-layout,.floorInfo-box{
    background: #fff;
    padding:0 .62rem;
    padding-bottom: .8rem;
}
.new-house-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height:2rem;
}
.new-house-title h3{
    font-size:0.81rem;
    color:#333;
}
.new-house-title a{
    color:#999;
    font-size: .51rem;
    position:relative;
    padding-right: .6rem;
}
.new-house-title a:after{
    content: "";
    width:0.26rem;
    height:0.47rem;
    display: block;
    background: url(../images/icon/more_icon.png) no-repeat;
    background-size:100% 100%;
    position:absolute;
    top:.1rem;
    right:0;
}
.build-dynamic-box h4{
    font-size:0.7rem;
    font-weight: normal;
    color: #444;
    padding-bottom: .25rem;
}
.build-dynamic-box p{
    font-size: .6rem;
    color:#A1A1A1;
	line-height: 1rem;
}
.build-dynamic-box p a{color:#A1A1A1;}
.apartment-layout .title,.allask-box .title{
    border-bottom: 1px solid #eee;
    margin-bottom: .45rem;
}
.apartment-layout-box .swiper-slide{
    width:5.12rem;
    margin-right: .43rem;
    padding:0 .3rem;
}
.apartment-layout-box .swiper-slide a{width:100%;display:inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.apartment-layout-box .pic{
    width:5.12rem;
    height:3.41rem;
    padding: 0 .3rem;
    border:1px solid #eaeaea;
    display: flex;
    overflow: hidden;
    align-items: center;
}
.apartment-layout-box .intro-text{
    font-size: .51rem;
    color: #919191;
}
.apartment-layout-box .price{
    font-size: .51rem;
    color: #919191;
}
.apartment-layout-box .price em{
    font-size: .8rem;
}
.house-saling-title:after{
    vertical-align: middle;
}
.allask-box{
    background: #fff;
    margin-right: 0;
    padding-bottom: .5rem;
}

#house-ban a{
	color:#fff;
	padding:0.2rem 0.5rem;
}
#house-ban a i{
	width:0;
	height:0;
	border-left:0 solid transparent;
	border-right:17px solid transparent;
	border-top:17px solid #fff;
	position:absolute;
	left:0.5rem;
	top:1rem;
	z-index: 99;
}
#house-ban a.status-30{
	background-color: #009944;
}
#house-ban a.status-30 i{
	border-top-color:#009944;
}
#house-ban a.status-31{
	background-color: #ff6600;
}
#house-ban a.status-31 i{
	border-top-color:#ff6600;
}
#house-ban a.status-32{
	background-color: #919191;
}
#house-ban a.status-32 i{
	border-top-color: #919191;
}
/* 分页 */
.page_list{padding:.5rem 0;}
.page_list li{display:inline;border:none;}
.page_list li span{}
.page_list {
	text-align: center;
}
.page_list a,.page_list li span,
.page_list .more {
	display: inline-block;
	line-height: 100%;
	padding: .2rem .6rem;
	border-radius: 0.2rem;
	font-size: .6rem;
	text-align: center;
	margin-left: .1rem;
	cursor: pointer;
}
.page_list a,.page_list li span {
	border: 1px solid #ebebeb;
}
.page_list .active span{border-color:#d32f2f;}
.page_list a.on,.page_list li span,
.page_list a:hover {
	color: #fff;
	background: #d32f2f;
}
.page_list .prev {
	margin-left: 0;
}
.page_list li{padding:0;}
.photo-count{position:absolute;bottom:1rem;right:1rem;z-index: 9999;color:#fff;font-size:.6rem;padding-left:25px;background: url(../images/icon/thumb-icon.png) left center no-repeat;background-size: 20px;}
.photo-count a{color:#fff;}

.lpNum>li{ /*! position:absolute; */overflow:hidden; z-index: 7;width:74px; height:74px;
	background:url(../images/map-circleBg.png) no-repeat -1px -1px; cursor:pointer;}
.lpNum>li>a{ display:block;  font-size:12px; color:#fff; text-align:center; line-height:18px; margin-top:8px; }
.lpNum>li:hover,.lpPrice>li:hover{background-position:0px -88px;}
.lpNum>li.on,.lpPrice>li.on{  background-position:-1px -175px;  }

.fang-pannel{position:fixed;display:none;top:0;z-index: 999;background-color: #fff;width:100%;font-size:14px;height:100%;}
.fang-pannel .fang-search{border:1px solid #ccc;height:30px;line-height: 30px;width:80%;}
.fang-input{width:100%;padding:5px 5%;background-color: #ededed;line-height: 30px;}
.fang-pannel ul{width:100%;padding:0 5%;}
.fang-pannel ul li{border-bottom:1px solid #ededed;padding:5px 0;margin-bottom:5px;}
.fang-pannel ul .address{font-size:12px;color:#666;}
#img-list img{margin:.5rem 0 0 0;width:50px;}
#img-list em{position:relative;display:inline-block;margin-right:.5rem;}
#img-list em i{position:absolute;right:-0.5rem;top:0;display: inline-block;width:1rem;height:1rem;background: url(../images/icon/close-icon.png) center center no-repeat;background-size: 80%;}
#search-lists{position:absolute;display:none;top:2.56rem;left:0;width:100%;border-width:1px;border-style: solid;background-color: #fff;z-index:999;height:100%;padding:.2rem .5rem;margin:0 auto;}
#search-lists li{line-height: 1rem;}
#search-lists li em{display:inline-block;width:10rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#search-lists li span{float:right;color:#D32F2F;}
.map-attr{height:24px;line-height: 22px;}
.load-more{padding:.5rem;width:100%;text-align:center;}
.house-content img{max-width:100%;width:auto;display:block;margin:0 auto;}
.discount-box {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100px;
	margin: 20px 15px;
	background-image: -webkit-linear-gradient(156deg,#ff7e24,#f84c32 40%,#ed0246);
	background-image: -moz-linear-gradient(156deg,#ff7e24 0,#f84c32 40%,#ed0246 100%);
	background-image: -o-linear-gradient(156deg,#ff7e24 0,#f84c32 40%,#ed0246 100%);
	/* background-image:linear-gradient(294deg,#ff7e24,#f84c32 40%,#ed0246); */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	line-height: 1.2;
	color: #fff;
}

.discount-box:after,.discount-box:before {
	content: "";
	position: absolute;
	z-index: 1;
	width: 124px;
	height: 42px;
	/* background:url(//static.esf.fangdd.com/esf/mcpwebsiteesffdd/fdd-mask-2-SHU.png) no-repeat; */
	-moz-background-size: 100%;
	background-size: 100%;
}

.discount-box:before {
	left: 50%;
	top: 37%;
	-webkit-transform: translate(-125%);
	-moz-transform: translate(-125%);
	-ms-transform: translate(-125%);
	-o-transform: translate(-125%);
	transform: translate(-125%);
}

.discount-box:after {
	right: -7px;
	bottom: 9px;
}

.discount-box-wrap {
	background-color: #fff;
	padding: 20px 15px;
}

.discount-box-wrap .discount-box {
	margin: 0;
}

.discount-cont {
	position: relative;
	z-index: 10;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left: 20px;
}

.discount-info {
	position: relative;
	z-index: 10;
	width: 115px;
	padding: 13px 0;
	border-left: 1px dashed hsla(0,0%,100%,.7);
	text-align: center;
}

.discount-info .num {
	font-size: 12px;
}

.discount-info .btn {
	display: block;
	width: 84px;
	height: 28px;
	line-height: 28px;
	background-image: -webkit-linear-gradient(top,#fff 50%,#ddc4c4);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),to(#ddc4c4));
	background-image: -moz-linear-gradient(top,#fff 50%,#ddc4c4 100%);
	background-image: -o-linear-gradient(top,#fff 50%,#ddc4c4 100%);
	background-image: linear-gradient(-180deg,#fff 50%,#ddc4c4);
	-webkit-box-shadow: 0 6px 12px 0 rgba(180,0,0,.7);
	-moz-box-shadow: 0 6px 12px 0 rgba(180,0,0,.7);
	box-shadow: 0 6px 12px 0 rgba(180,0,0,.7);
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	margin: 11px auto 0;
	color: #f42032;
}
.discount-title {
	position: relative;
	font-size: 12px
}

.discount-sub {
	padding-top: 5px;
	font-size: 24px;
	font-weight: 500;
}

.discount-text {
	padding-top: 4px;
	font-size: 10px;
	padding-right:5px;
}

.discount-text .price {
	padding-left: 4px;
	font-size: 12px;
	font-style: italic;
}

.discount-text .price strong {
	padding-left: 3px;
	font-size: 18px
}
.house-show-box .pic em.video-play{display: inline-block;width:30px;height:30px;position:absolute;left:50%;top:50%;margin-left:-15px;margin-top:-15px;background-image: url(../../images/video.png);background-size: 30px;background-repeat: no-repeat;}

.list-discount{margin-top:.5rem;height:1.5rem;line-height: 1.5rem;font-size:.6rem;color:#333;padding:0 .26rem;background-color: #f4f1ea;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list-discount span{border-radius: 3px;padding:1px 4px;margin-right:10px;}
.house-content{font-size:.6rem;}
.house-show-box .pic{position:relative;}
.house-show-box .pic em{display:block;position:absolute;width:0.89rem;height:.89rem;left:0;top:0;background-image:url(../images/hongbao.png);background-size:100% 100%;}
.group-phone{display: inline-block;width:65%;}
.group-phone p{line-height: 1.5rem;}
.group-call{display:inline-block;width:32%;float:right;}
.group-box{box-sizing: border-box;width:100%;padding: .9rem .64rem .86rem;  background: #fff;  margin-bottom: .43rem;}
.group-call a{display:block;text-align:center;border-radius: .4rem;height:2rem;line-height: 2rem;}
.logo-box img{width:120px;}
.select-city-box{position:fixed;display:none;width:100%;height:100%;z-index: 999;top:0;background-color: #fff;}
.city-lists{height: 90vh;overflow-y: auto;width:100%;padding:15px 10px;box-sizing: border-box;}
.city-lists dl{}
.city-lists dl dt.word-font{font-size:.7rem;}
.city-lists dl dt{font-size:.8rem;padding:8px 0;}
.city-lists dl dd{display: inline-block;height: 30px;line-height: 30px;padding:0 5px;}
.city-lists dl dd.is-hot a{color:#D32F2F;}
.house-pano{display:inline-block;width:22px;height:22px;background-image: url(../images/icon/pano.png);background-repeat: no-repeat;background-size: cover;}
.house-saling-title *,.itemName *{vertical-align: middle;}
.detail-mating{min-height: 2rem;}
.mating-row{position:relative;padding-left:2.8rem;margin-bottom:10px;min-height: 1rem;}
.mating-row label{position:absolute;left:0;}
.J_top{position:relative;display:inline-block;}
.top-time{position:absolute;z-index:999;top:22px;left:0;background-color: #fff;width:40px;text-align: center;display:none}
.top-btn{padding: .1rem .2rem;  border: 1px solid #999;  color: #999;}
.top-time li{padding:0;line-height: 22px;}


.comment-lists .comment-row{display:flex;padding-bottom:5px;border-bottom:1px solid #efefef;margin-bottom:5px;}
.comment-lists .comment-row:last-child{border-bottom:none;}
.comment-lists .comment-img img{width:45px;height:45px;margin-right:5px;border-radius: 50%;}
.comment-lists .comment-row .comment-content{flex:1;}
.comment-lists .comment-content .nickname{color:#ff0000;}
.comment-lists .comment-content .comment-score{padding:5px 0;}
.comment-lists .comment-content .comment-con{padding:5px 0;}
.comment-lists .comment-content .comment-view{text-align:right;}
.comment-lists .comment-row .comment-reply{margin-top:5px;border-top:1px solid #efefef;padding-top:5px;}

.comment-lists .comment-view view{display:inline-block;}
.comment-lists .comment-view img{width:16px;height:16px;vertical-align: middle}
.comment-lists .reply{margin-right:10px;display:inline-block;}
.comment-lists .view-reply{display:inline-block;}
#comment-btn{display:block;border-radius: 5px;height:40px;line-height: 40px;font-size:14px;color:#fff;background-color: #D32F2F;text-align:center;}

.select-score{margin-bottom:10px;}
.select-score .select-score-left{width:70%;}
.select-score .score-average span{font-size:14px;font-weight:800;padding:0 5px;color:#ff0000;}
.select-score li{line-height: 35px;}
.select-score li *{vertical-align: middle;}
.select-score .score-name{color:#000;}
.select-score .score-grade{height:17px;}
.select-score .score-grade i{display:inline-block;width:18px;height:17px;background-image:url(../images/icon/icon26.png);margin-left:3px;cursor:pointer;}
.select-score .score-grade i.on{background-image: url(../images/icon/icon25.png);}
.select-score .score-desc{margin-left:20px;}
.color-red{color:#ff0000;}
.select-score .select-score-right{text-align:center;padding-top:10px;}
.select-score .select-score-right .score-average{font-size: 16px;color:#333;}
.select-score .select-score-right .score-average-point{font-size:14px;}
.select-score .select-score-right span{font-size:30px;color:#D32F2F;}
.select-score .select-score-right .score-average-desc{font-size:12px;color:#999;}

.comment-content-textarea{border:1px solid #EFEFEF;width:100%;height:60px;border-radius:5px;font-size:14px;color:#333;padding:5px;}
.comment-input{width:100px;height:40px;margin-right:5px;line-height: 40px;border:1px solid #EFEFEF;border-radius:3px;display:inline-block;}
.comment-inptu-box{margin-top:10px;margin-bottom:10px;display:flex;}
.comment-inptu-box *{vertical-align: middle;}
.comment-title{font-size:14px;padding:5px 0;}
.sub-reply{margin-left:5px;display:inline-block;background-color: #D32F2F;color:#fff;height:40px;flex:1;text-align:center;font-size:16px;line-height: 40px;border-radius: 3px;}
