html,body{max-width: 640px;}
	
	body, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, input, li, ol, option, p, select, td, th, ul {
	    word-break: break-all;
	}
	
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	    margin: 0;
	    padding: 0;
	}	
	    
	body{font-size: 16px;}
	
	address, caption, cite, code, dfn, em, th, var {
	    font-style: normal;
	}
	
	body{
	color: #333;
}

	* {
	    margin: 0;
	    padding: 0;
	}
	.float-r{float: right;}
	.float-l{float:left;}


	a:link {
	    text-decoration: none;
	    color: #999999;
	}	

	
	img {
	    vertical-align: top;
	    border: 0;
	}
	
	button, input, select, textarea {
	    outline: 0;
	    -webkit-appearance: none;
	}
	
	
	li, ol, ul {
	    list-style: none;
	}
	
	em{
    font-weight: 500;
	}

	a:link {
	    text-decoration: none;
	}
	
.container {
    max-width: 6.4rem;
    /*margin: auto;*/
    font-size: 16px;
    background: #fff;
}

.container .center-box {
    overflow: hidden;
}

.center-box .detail_block{
	width: 3.75rem;
    padding: 0rem .2rem;
    box-sizing: border-box;
    margin: 0;
    }
 .center-box .de_padd10
 {
 	padding-top: .2rem;
 }   
  .center-box .de_bott10
 {
 	padding-bottom: .15rem;
 }   
    
 
.center-box .detail_block img
{
	width: 100%;
	height: auto;
}
.center-box .ranking-list{
	justify-content:space-between;
    display: flex;	
	}
.center-box .ranking-title{
	color: #333;
	margin-top:.15rem;
}
.center-box .ranking-list li
{	
	flex-grow: 1;
	margin-right: .1rem;
	padding: .05rem;
	border:.01rem solid #f2f2f2 ;
	text-align: center;
	border-radius: .05rem;	
	box-shadow: 0 .02rem .05rem 0 rgba(0,0,0,.1);	
	
	align-items: center;
    display: flex;
    justify-content: center;
}

.center-box .ranking-list li:last-child{
	margin-right: 0;
}

.center-box .ranking-list .ranking-on
{	
	padding: .05rem;
	background: linear-gradient(90deg,#ec6e6a 30%,#f2304a);
	color: #ffffff;
    text-align: center;
    border-radius: .05rem;
    border:0;    
}

.center-box .ranking-list .ranking-on .ran-title,.center-box .ranking-list .ranking-on .ran-phb
{
	color: #fff;
}
.center-box .ranking-list li .ran-title
{
	font-size: .15rem;
	font-weight: bold;
	color: #333;
	overflow: hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
    
}

.center-box .ranking-list li .ran-phb
{
	font-size: .1rem;
	color: #666;
}


.center-box .ranking-cate-list li
{
	max-width: .8rem;
	font-size: .152rem;
	display: inline-block;
	text-align: center;
	border-radius: .05rem;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;    
}
.center-box .ranking-cate-list li div
{
	margin-right:.05rem;
	color: #333;
}
.center-box .ranking-cate-list li .ran-year
{
	font-size: .15rem;
	background: linear-gradient(90deg,#ec6e6a 30%,#f2304a);
	color: #fff;
	padding: .02rem .05rem;
	border-radius: .05rem;
}

.center-box .map-box{
	width: 3.35rem;
	height:2rem;
	background: #f2304a;
	border-radius: .05rem .05rem 0 0;
	margin-bottom: .1rem;
}

.center-box .map-box .map-box-line{
	width: 3.35rem;
	padding:.08rem ;
	background: linear-gradient(90deg,#ec6e6a 30%,#f2304a);
	height: 2rem;
	border-radius: .05rem .05rem 0 0;
	position: absolute;
}

.center-box .map-box .map-box-line img
{
	border-radius: .05rem .05rem 0 0;
}

.item-row{
	background: linear-gradient(90deg,#ec6e6a 30%,#f2304a);
	width: 3.35rem;
	border-radius: .1rem;
	color: #fff;
	font-size: .132rem;
	padding:.06rem .2rem;
	margin-bottom: .05rem;
}

.item-row .item-price
{
	float: right;
}

.clearfloat{
	width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    visibility: hidden;
    clear: both;
    display: block;
    content: " ";
}

.item-row-orag{
	background: linear-gradient(90deg,#ec6e6a 30%,#fd8d06);
}

.item-row-yell{
	background: linear-gradient(90deg,#ec6e6a 30%,#f9c179e8);
}


.item-row-gra{
	background: #999;
}

.house-list-ul
{
	border-radius: .1rem;
	box-shadow: 0 0.02rem 0.05rem 0 rgba(0,0,0,.2);

}
.house-list-ul
{
	line-height: .25rem;
	padding: .15rem .1rem;
}
.house-list-ul  .house-lpinfo
{
	font-size: .12rem;
	margin-bottom: .02rem;
}

.house-list-ul .house-lptitle
{
	font-size: .15rem;
	font-weight: bold;
	margin-bottom: .02rem;
	color: #333;
}
.house-list-ul div span
{
	margin-right: .1rem;
}

.house-list-ul .house-lpprice
{
	color: #f2304a;
}
.house-list-ul .house-lpmj{
	color: #666;
}

.house-list-ul .house-bqspan
{
	font-size: .1rem;
	color: #fff;
	margin-bottom: .02rem;
	line-height: .25rem;
}

.house-list-ul .house-bqspan .span-col-1
{
	background: #ec6e6a;
	border-radius: .05rem;
	padding: .02rem;
}
.house-list-ul .house-bqspan .span-col-2
{
	background: #9f97de;
	border-radius: .05rem;
	padding: .02rem .05rem;
}

.house-list-ul .house-dp-p{
	background: #ffefe5;
	font-size: .1rem;
	border-radius: .05rem;
	padding: .02rem .05rem;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}
.house-list-ul .phb-img-box
{
	display: inline-flex;
	justify-content:space-between;
	margin-top: .1rem;	
}
.house-list-ul .phb-img-box .phb-img
{	
	width: 1.024rem;
	height: .8rem;
	margin-right: .03rem;
}

.house-list-ul .phb-img-box .phb-img:last-child{
	margin-right: 0rem;
}

.house-list-ul .phb-img-box .phb-img img
{
	border-radius: .1rem;
	width: 100%;
	height: 100%;
}

.house-list-box
{
	position: relative;
	margin-bottom: .25rem;
}
.house-list-box .phb-top
{
	position: absolute;
	top: 0;
	right: 0;
	background: linear-gradient(90deg,#ec6e6a 25%,#f2304a);
	border-radius: 0 0 .2rem .2rem;
	color: #fff;
	font-size: .1rem;
	padding: .1rem;
	font-weight: bold;
}

.loupanlist-title{
	font-size: .15rem;
	font-weight: bold;
	text-align: center;
}

.loupanlist-bt-title{
	font-size: .15rem;
	font-weight: bold;
	margin-bottom: .1rem;
}
.loupanlist-ul
{
	
}
.loupanlist-ul li
{
	width: 1rem;
	position: relative;
	display: inline-block;
	margin-right: .01rem;
	border:.01rem solid #f2f2f2;
}

.loupanlist-ul .loupanlist-top-num
{
	position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(90deg,#ec6e6a 25%,#f2304a);
    border-radius: 0 0 .08rem .08rem;
    color: #fff;
    font-size: .1rem;
    padding: .02rem;
    font-weight: bold;
    width: .2rem;
    text-align: center;
}

.loupanlist-row .loupanlis-row-img
{
	margin-bottom: .05rem;
}

.loupanlist-row .loupanlist-row-padd
{
	padding:.05rem;
}

.loupanlist-row .loupanlis-row-img img
{
	border-radius:0 0 .1rem .1rem;
}
.loupanlist-row .loupanlis-row-tit
{
	font-size: .15rem;
	font-weight: bold;
	margin-bottom: .05rem;
}

.loupanlist-row .loupanlis-row-price
{
	font-size: .12rem;
	color: #f2304a;
	margin-bottom: .05rem;
}

.loupanlist-row .loupanlis-row-mj
{
	font-size: .12rem;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: .05rem;
}
#xzq_box {
	width: 3.75rem;
	height: 0.3rem;
	overflow-y: hidden;
	line-height: .3rem;
	text-align: center;
	overflow-x: scroll;
	white-space: nowrap;
}
#xzq_box::-webkit-scrollbar {
	display: none;
}
#xzq_box > ul{
	line-height: .3rem;
	text-align: center;
	margin-right: .3rem;
	overflow-y: scroll;
}