@import "color.css";

@import "iconfont.css";

.scroll-roomPic-box .swiper-slide{height:10rem;}

.main{

	background:#f1f1f1;

}

/*header S---------------------*/

#mainheader{
  position: absolute;
  z-index: 2;
  width: 100%;
}

#mainheader .top{
  display: flex;
}

#mainheader .top .city-box{
  margin: 0.3rem 0.5rem;
}

#mainheader .top .logo-box{
  flex:1 1 auto;
  margin:0.5rem 0;
}

#mainheader .top .person-center{
  margin: 0.3rem 0.5rem;
}

#mainheader .search-box{
  width: 90%;
  margin: 0 5%;
  border-radius:3px;
  top:1.5rem;
  background: none;
  border:none;
}

#header{
	height:1.8rem;
	display: flex;
	align-items:center;
	justify-content:space-between;
	padding:0 0.64rem;
	line-height:1.28rem;
  background-color: #fff;
}

.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{

	width:11.53rem;

	height:1.28rem;

	text-align:center;

	line-height: 1rem;

}

.search-box{
  /*width: 11.53rem;
  height:1.28rem;*/
  padding: 10px;
  background: #ffffff;
  /*border-radius: .64rem;*/
  position: relative;
  /*margin-left: .5rem;*/
  /*border-bottom: 1px solid #f0f0f0;*/
  border-top: 1px solid #f0f0f0;
}

.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:.8rem;
  left:.95rem;
}

.search-box input{
  height:1.4rem;
  display: block;
  padding-left: 1.49rem;
  width:100%;
  background: #f5f5f5;
  border-radius: 50px;
}

.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: 1.5rem;

	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;

    font-weight: normal;

}

.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:122px;
  height:91px;
  border-radius:5px;
  overflow: hidden;
  float: left;
}

.house-show-box .pic img{height:100%;}

.house-show-box .intro-text h4{

	    font-size: 16px;

	/**line-height: .77rem;**/

	color:#333;


	padding-bottom:.2rem;

	width:100%;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}
.house-show-box .intro-text h4 a{
  color: #000;
}

.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:60.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:#666;

	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: .65rem;

	font-weight: bold;

}

.house-show-box .price-num em i{

	font-size:.5rem;

}

.house-show-box .intro-text .good em{
  line-height:0.6rem;
  text-align: center;
  display: inline-block;
  font-size: 10px;
  padding: .1rem .2rem;
  margin-top:.15rem;
  color:#47b3e3;
  /*border: 1px solid #e6b322;*/
  border-radius: 3px;
      background-color: #f3f6f9;
  /*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:#F0F4F7;

	font-size: .6rem;

	text-align: center;

	color:#c8ced6;

	padding-bottom:1.92rem;



}

footer .link{

	padding-top:.58rem;

}

footer .link a{

	color:#6A717A;

	margin:0 .64rem;

	line-height: 1.1rem;

	font-size: .6rem;

}

.look-way a{

	margin:0 .64rem;

	color:#b5bcc4;

	font-size: .6rem;

}

.look-way .on{

	color:#6a717a;

}

.footer .copy{

	padding:.25rem 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/icon-home.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-detail{
  position: absolute!important;
}

.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 .go-home{
  width:1rem;
  height:1rem;
  background: url(../images/icon/icon-home.png) no-repeat;
  background-size:100% 100%;
}

.cont-head{
  background: none!important;
}

.cont-head .go-back{
  width:0.43rem;
  height:0.77rem;
  background: url(../images/icon/back_icon2.png) no-repeat;
  background-size:100% 100%;
}

.cont-head .go-home{
  width:1rem;
  height:1rem;
  background: url(../images/icon/icon-home2.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 #f0f0f0;

}

.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 #f0f0f0;

    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.8rem;

    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 1.5rem;

  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: 22.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:nth-of-type(3n+1) {

  margin-left: 0;

}
#select_body .more #sort li{

    width: 30.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_icon2.png) no-repeat;

    background-size:100% 100%;

    position:absolute;

    left:.68rem;

    top:.87rem;

    z-index: 99;

}

.detail-go-home{

    width:1rem;

    height:1rem;

    background: url(../images/icon/icon-home2.png) no-repeat;

    background-size:100% 100%;

    position:absolute;

    right:.68rem;

    top:.8rem;

    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-top:.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;

}

.price-house-area p{

    font-size:0.64rem;

    color:#999;



}

.price-house-area em{

    font-size:0.81rem;

}

.intro-small-detail{

    padding-bottom:.5rem;

	padding-top:.5rem;

}

.intro-small-detail{line-height: 25px;}

.intro-small-detail li span{

    font-size:0.64rem;

    color:#999;

    line-height: 1.5;

}

.intro-small-detail .top-three span{

  width:50%;

  display: inline-block;

	overflow:hidden;

	white-space: nowrap;

}

.intro-small-detail li em{

    color:#666;

}

.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:28px;

    height:28px;

    background: url(/mskinjl/images/css_sprites.png) no-repeat;

    background-repeat: no-repeat;

    background-position: -297px -2px;

    background-size: 397px auto;

    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:6.6rem;

    background: #FF6600;

}

/*房贷计算*/

.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.68rem;

    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;
    font-weight: normal;

}

.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: flex;

    border-bottom: 1px solid #f1f1f1;

}

.build_dynamic .list .name{

    font-size:0.72rem;

    color:#333;


    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.md-dongtai img{
    width:43%; 

    border-radius: 5px;
}
.md-news{
  width:57%;
  margin-left: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.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;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    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: 48%;
    margin-left: 4%;

    margin-top: 0.6rem;
    border-radius: 7px;

}
.build-picture .list li a{
  display: inline-block;
  height: 120px;
}
.build-picture .list li p{
  text-align: center;
}
.build-picture .list li:nth-child(2n+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;


    padding: 12px 0.64rem;

    border-bottom: 1px solid #eee;

}

.house-type .tab_hd a{

    font-size:0.62rem;

    color: #333333;

    font-family:MicrosoftYaHei;

    display: inline-block;

    margin-left: 0.2rem;
    margin-bottom: 0.2rem;
    width: 65px;
    height:30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50px;
    background-color: #f5f5f5
}

.house-type .tab_hd a.on{
  color: #fff;
  background-image: linear-gradient(90deg, #375cfe 0, #0390ff 100%);
}

.house-type .tab_hd a:first-child{

    margin-left: 0;

}
.house-type .tab_hd a:nth-child(6){

    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:5.91rem;

    height:4.5rem;

    box-sizing: border-box;




    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: 100%;
  height: 100%;
  border-radius: 5px;

}
.house-type-list .r_con{

    flex: 1;

    margin-left: 0.6rem;

    position: relative;

}

.house-type-list .r_con>div{

    font-size: 15px;


}

.house-type-list .r_con span{

    display: inline-block;

    font-size:0.72rem;

    color:#ff6800;

    line-height: 0.72rem;
    font-weight: 700;

    margin-right: 0.2rem;

}

.house-type-list .r_con .t span{

    color: #333;

}

.house-type-list .r_con .c{

    margin: 0.4rem 0;

}

.house-type-list .r_con .c .quyudz{
  color: #999;
  font-size: 0.62rem;
}
.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 .b p{
  color: #666;
  font-size: 0.62rem;
  border-right:1px solid #666;
  display: inline-block;
  padding: 0 5px;
}
.house-type-list .r_con .b p:first-child{
  padding-left: 0 ;
}
.house-type-list .r_con .b p:last-child{
  border:0;
}
.house-type-list .r_con>div.bc-price{
  color: #ff6800;
  font-size: 0.64rem;
  margin-top: 7px;
}
.house-type-list .r_con>div.bc-price span{
  font-weight: 700;
  color: #ff6800;

}
.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;
    font-weight: 700;

}
.build-area{
  width: 57%;
}
.build-toward{
  width: 43%;
}
.build-quan{
  width: 100%;
}
.build-quan div{
  display: inline-block;
  padding: 2px 4px 1px;
  line-height: 21px;
}
.build-quan p{
  display: inline-block;
  font-size: 0.64rem;
}
.build-quan .txt1{
  background-color: #23b4ff;
  color: #fff;
  margin-right: 5px;
}
.build-quan .txt2{
  background-color: #7cd301;
  color: #fff;
  margin-right: 5px;
}
.build-quan .txt3{
  background-color: #905be0;
  color: #fff;
}

.house-type-detail .m_info .sale-status{

    padding: 0.1rem 0.18rem;

    font-size:0.38rem;
    border-radius: 3px;

    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:1rem;
    padding-bottom: 5px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 10px;
}

.house-type-detail .m_info b{

     font-size:.75rem;

    color:#ff6600;

    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;

    font-weight: normal;

}

.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:18px; }

.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.2rem;line-height: 1.2rem;font-size:.6rem;color:#999;padding:0 .26rem;background-color:#f2f2f2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.list-discount span{border-radius: 3px;width:1.2rem;height:1.2rem;background: url(../images/icon/icon-hui.png) center no-repeat;text-indent: -999px;display: inline-block;}

.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:auto;margin:0 auto;}

.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: #ff6600;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:#ff6600;}

.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:#ff6600;}

.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;}



.house-list {
    background-color: #fff;
}
.house-list .items {
    display: -webkit-box;
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #f0f0f0;
}
.house-list .items .pic-box {
    position: relative;
    width: 124px;
    height: 88px;
    margin-right: 15px;
    overflow: hidden;
    border-radius: 5px;
}
.house-list .items .pic-box img {
    width: 100%;
    height: 100%;
     border-radius: 5px;
}
.house-list .items .info-box {
    -webkit-box-flex: 1;
    flex: 1;
    width: 100px;
    padding-right: 15px;
    overflow: hidden;
}
.house-list .items .tit {
    margin-bottom: 6px;
    font-size: 16px;
    color: #333;
    line-height: 1.2;
}

.ellips {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.house-list .items .info {
    margin-bottom: 5px;
    font-size: 12px;
    color: #666;
    line-height: 1.5;
}
.house-list .items .area {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    margin-bottom: 8px;
    font-size: 12px;
    color: #aaa;
    line-height: 1.2;
}
.house-list .items .price {
    font-size: 1.3em;
    font-weight: 700;
    color: #ff6d6d;
}
.house-list .items .unit {
    margin-right: 5px;
    font-size: .8em;
    color: #ff6d6d;
}
.house-list .items .tag-box {
    display: -webkit-box;
    display: flex;
}
.house-list .items .tag {
    display: block;
    margin-right: 5px;
    padding: 3px 1px;
    font-size: 11px;
    color: #8c99a8;
    line-height: 1.2;
    background-color: #edf2ef;
    border-radius: 2px;
}


.status_1{
  background-color: #0ad487;
}
.status_2{
  background-color: #ff6d6d;
}
.status_3{
  background-color: #5F94FF;
}
.status_4{
  background-color: #aaa;
}
.status_5{
  background-color: #aaa;
}
.mdxq-nav{
        border-bottom: 1px solid #dedede;
        border-top: 1px solid #dedede;
        padding: 15px 10px;
    }
    .mdxq-nav ul{
        display: flex;
    }
    .mdxq-nav ul li{
        width: 20%;
        text-align: center;
    }
    .mdxq-nav ul li a{
        color: #333;
        font-size: 15px;
    }
    .mdxq-nav ul li a.active{
        color: #ff6800;
    }
    .md-biaoq{
        padding: 0 0.64rem;
        margin: 10px 0;
    }
    .biaoq-x{
        width: 100%;
        height: 105px;
        background-image: url(/mskinmd/images/mdxq-d.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding: 10px;
        overflow: hidden;
        display: flex;
    }
    .biaoq-x a{
      display: flex;
    }
    .biaoq-x .biaoq-tu{
        width:35%;
        float: left;
    }
    .biaoq-x .biaoq-tu img{
        width: 100%;
        height: 100%;
        border-radius: 5px;
    }
    .biaoq-x .biaoq-js{
        float: left;
        margin-left: 10px;
        width: 65%;
        color: #fff
    }
    .biaoq-x .biaoq-js p{
        font-weight: normal;
        color: #fff;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 18px;
    }
    .biaoq-x .biaoq-js .pic-ck{
        color: #fff;
        font-size: 15px;
        margin: 5px 0;
    }
    .biaoq-x .biaoq-js .pic-ck span{
        font-size: 20px;
        color: #ff5200;
    }
    .biaoq-x .biaoq-js .js-ts span{
        margin-right: 5px;
        padding: 2px 2px;
        color: #fff;
        background-color: #acb8f1;
        font-size: 12px;
    }
    .biaoq-x .biaoq-js .js-ts span:last-child{
        margin-right: 0;
    }
    .jiangpai {
        color: #c5700c;
        background-color: #fff2cf;
        display: inline-block;
        padding: 1px 4px;
        font-weight: normal;
        font-size: 13px;
        float: right;
        margin-top: 5px;
    }

    .ly-dialog-wrap {
  width: 100%;
  height: 100%;
    position: fixed;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.4);
    display: none;
}
.ly-dialog-container {
    width: 100%;
    height: 100%;
    position: relative;
}
.ly-dialog-container .dialog {
    background: #fff;
    position: absolute;
    top: 25%;
    margin: 0 25px;
    left: 0;
    right: 0;
    padding-bottom: 15px;
    border-radius: 5px;
}
.ly-dialog-container .dialog .dialog-header {
    position: relative;
    height: 50px;
}
.ly-dialog-container .dialog .dialog-header h3 {
    color: #ad8f49;
    text-align: center;
    font-size:17px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 50px;
}
.ly-dialog-container .dialog .dialog-header .dialog-close {
    position: absolute;
    right:10px;
    top: 10px;
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    background-image: url(/mskinmd/images/guanbi.png);
}
.ly-dialog-container .dialog .dialog-body {
    padding: 0 15px 8px;
    position: relative;
}
.tips {
    border: 1px dashed #aa362b;
    color: #ff5200;
    padding: 7px;
    font-size:16px;
    line-height: 1.3;
}
.mt-3, .my-3 {
    margin-top: 13px;
}
.w-input {
    width: 100%;
}
.form-control {
    display: block;
    width: 98%;
    border: 1px solid #ccc;
    color: #999999;
    padding:6px 3px;
    font-size: 16px;
    line-height: 1.5;
    height: 35px;
    border-radius: 7px;
}
.btn {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 8px 3px;
    border-radius: 6px;
    font-size: 18px;
}
.btn-block {
    display: block;
    width: 98%;
}
.btn-red {
    color: #fff;
    background-image: linear-gradient(90deg, #fe8f23 0, #ff6b02 100%);
    background-color: #be281a;
}
.btn.btn-circle {
    border-radius:50px;
}
.rexian[_ngcontent-c3] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75px;
    padding: 11px;
    z-index: 99;
    background-color: #fff;
    border-top: 1px solid #dedede;
}
.rexian[_ngcontent-c3] .con_foot[_ngcontent-c3] {
    width: 640px;
    margin: 0 auto;
    height: 53px;
    display: flex;
}
.yuyuekm {
    color: #707070;
    text-align: center;
    font-size: 17px;
    margin-right: 18px;
}
.yuyue:before {
    width: 30px;
    height: 30px;
    content: "";
    background-image: url(/mskinmd/images/yyzc.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
}
.rexian[_ngcontent-c3] .con_foot[_ngcontent-c3] a[_ngcontent-c3] {
    width: 20%;
    height: 100%;
    display: block;
    margin-right: 10px;
}
.rexian[_ngcontent-c3] .con_foot[_ngcontent-c3] .goutong[_ngcontent-c3] {
    width: 20%;
    height: 100%;
    background-image: -webkit-gradient(linear, right top, left top, from(#19b725), to(#22cb2b));
    background-image: linear-gradient(-90deg, #19b725 0, #22cb2b 100%);
    border-radius: 5px;
}
.rexian[_ngcontent-c3] .con_foot[_ngcontent-c3] .goutong[_ngcontent-c3] .icon[_ngcontent-c3] {
    float: left;
    margin-top: 14px;
    color: #fff;
    margin-left: 13px;
    position: relative;
}
.rexian[_ngcontent-c3] .con_foot[_ngcontent-c3] .goutong[_ngcontent-c3] .icon[_ngcontent-c3] i[_ngcontent-c3] {
    font-size:23px;
    color: #fff;
    display: block;
}
.rexian[_ngcontent-c3] .con_foot[_ngcontent-c3] .goutong[_ngcontent-c3] p[_ngcontent-c3] {
    float: left;
    font-size: 17px;
    color: #fff;
    margin-left: 5px;
    line-height: 53px;
}
.rexian[_ngcontent-c3] .con_foot[_ngcontent-c3] a[_ngcontent-c3] .tel[_ngcontent-c3] {
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(#fe8f23ff6b02), to(#));
    background-image: linear-gradient(90deg, #fe8f23 0, #ff6b02 100%);
    border-radius: 5px;
    line-height: 60px;
}
.rexian[_ngcontent-c3] .con_foot[_ngcontent-c3] a[_ngcontent-c3] .tel[_ngcontent-c3] .icon[_ngcontent-c3] {
    float: left;
    color: #fff;
    margin-left: 13px;
    line-height: 53px;
}
.icon-dianhua{
    font-size: 23px;
    color: #fff;
    display: block;
}
.rexian[_ngcontent-c3] .con_foot[_ngcontent-c3] a[_ngcontent-c3] .tel[_ngcontent-c3] p[_ngcontent-c3] {
    float: left;
    font-size: 17px;
    color: #fff;
    margin-left: 7px;
    line-height: 53px;
}
.bx-title{
    font-size: 17px;
    color: #333;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 12px 0;
}
.bor-b {
    border-bottom: 1px solid #dedede;
}
.le-dian {
    display: inline-block;
    background-color: #ff6600;
    height: 17px;
    width: 3px;
    margin-right: 5px;
    border-radius: 3px;
}
.ly-item{
  display: flex;
}
.suoshu-ly .item{
    margin-top: 15px;
    padding-bottom: 15px;
    /* border-bottom: 1px solid #e4e4e4; */
    height: auto;
    width: 100%;
}
.suoshu-ly .item .cover{
    /*float: left;*/
    width: 105px;
    height: 85px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    margin-right: 10px;
}
.suoshu-ly .item .cover img {
    width: 100%;
    height: 100%;
}

.suoshu-ly .item .intros {
    /*float: left;*/
/*    margin-left:10px;
    width: 220px;*/
}
.suoshu-ly .item .intros .ctitle {
    font-weight: 700;
    font-size:16px;
    color: #333;
    line-height: 16px;
    height: 21px;
    overflow: hidden;
}
.suoshu-ly .item .intros .ctitle p {
    width: 140px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.suoshu-ly .item .intros .ctitle span {
    margin-top: 5px;
    margin-left:5px;
    font-size: 13px;
    color: #999;
    line-height: 13px;
    font-weight: normal;
}
.suoshu-ly .item .intros .prices {
    margin-top: 5px;
    height:17px;
    line-height: 17px;
    width: 110px;
    /* overflow: hidden; */
    white-space: nowrap;
    text-overflow: ellipsis;
}
.suoshu-ly .item .intros .prices .price {
    font-size: 18px;
    font-weight: 700;
    color: #ff6800;
    margin-right: 5px;
    z-index: 999;
    display: block;
    background-color: #FFFFFF;
}
.suoshu-ly .item .intros .prices .price span {
    color: #ff6800;
    font-weight: normal;
    font-size: 16px;
}
.price>span {
    font-size: 18px;
    color: #ff3e18;
}
.suoshu-ly .lb-content {
    margin-left: 14px;
    border: 1px solid #ff6800;
    border-radius: 4px;
    height:22px;
    line-height: 22px;
    box-sizing: border-box;
    font-size: 12px;
    color: #ff6800;
    position: relative;
    display: flex;
    width: 95px;
    left: 100%;
    bottom: 17px;
    justify-content: center;
}
.suoshu-ly .lb-content:before {
    content: '';
    width: 5px;
    height: 5px;
    background: #f8f8f8;
    border: 1px solid #ff0000;
    box-sizing: border-box;
    position: absolute;
    top: 6px;
    left: -3px;
    border-radius: 100%;
}
.suoshu-ly .lb-content .yincang:before {
    content: '';
    width: 5px;
    height: 18px;
    position: absolute;
    top: 0;
    left: -6px;
    -webkit-left: -5px;
    background: #fff;
    z-index: 9;
}
.suoshu-ly .lb-content .yincang:after {
    content: '';
    width: 5px;
    height: 18px;
    position: absolute;
    top: 0;
    right: -6px;
    -webkit-right: -5px;
    background: #fff;
    z-index: 9;
}
.suoshu-ly .lb-content:after {
    content: '';
    width: 5px;
    height: 5px;
    background: #f8f8f8;
    border: 1px solid #ff0000;
    box-sizing: border-box;
    position: absolute;
    top: 6px;
    right: -3px;
    border-radius: 100%;
}
.suoshu-ly .item .intros .type {
    margin-top:10px;
    font-size:14px;
    color: #666;
    line-height:16px;
    overflow: hidden;
}
.suoshu-ly .item .intros .type span {
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid #999;
}

.type1 {
    color: #ff6800;
}
.suoshu-ly .item .intros .type span:last-child {
    border-right: 0;
}

.suoshu-ly .item .intros .type span {
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid #999;
}
.suoshu-ly .item .intros .tese {
    margin-top: 6px;
    font-size: 16px;
    color: #83a49c;
    height: 22px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.suoshu-ly .item .intros .tese span {
    background: #ecf3f0;
    margin-right: 4px;
    padding: 0 5px;
    line-height:19px;
    height:19px;
    border-radius: 5px;
    float: left;
    font-size:14px;
}
.suoshu-ly .item .shangbang {
    margin-top: 10px;
    height: 26px;
    line-height:26px;
    background: #fff5ed;
    border-radius:11px;
    font-size:14px;
    color: #2a2a2a;
    display: inline-block;
    padding-left: 3px;
    padding-right: 7px;
    overflow: hidden;
}
.suoshu-ly .item .shangbang i {
    color: #ff6800;
    font-size: 17px;
    margin-right:6px;
    padding-top: 3px;
}
.suoshu-ly .item .shangbang em {
    font-weight: 700;
    padding-right: 5px;
    border-right: 1px solid #333;
    margin-right: 5px;
    line-height:14px;
    display: inline-block;
    color: #333;
    font-style: normal;
}
.suoshu-ly .item .shangbang span {
    font-size: 14px;
}
.qitamb .lists{
  overflow: hidden;
  padding-bottom: 5px;
}
.qitamb .lists .list {
    width:160px;
    float: left;
    margin-top:15px;
}
.qitamb .lists a .list {
    margin-right: 10px;
}
.qitamb .lists a:nth-child(2n) .list {
    margin-right: 0;
}
.qitamb .lists .list .bg-list {
    width: 100%;
    height: 165px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}
.qitamb .lists .list .bg-list img {
    width: 100%;
    height: 100%;
}

.qitamb .lists .list .bx-title .title-name {
    color: #333;
    font-weight: 700;
    float: left;
    margin-right: 4px;
}
.qitamb .lists .list .bc-detail {
    font-size: 14px;
    color: #666;
    line-height: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.qitamb .lists .list .bc-detail span {
    margin-right:5px;
    padding-right: 5px;
    border-right: 1px solid #999;
}
.qitamb .lists .list .bc-price {
    margin-top: 10px;
    font-size:14px;
    color: #ff6800;
    line-height: 15px;
    height: 15px;
    font-weight: 700;
}
.qitamb .lists .list .bc-price span {
    font-weight: normal;
    font-size: 16px;
}