/*样式重置*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6，p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td
{ 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-weight: inherit; 
	font-style: inherit; 
	font-size: 100%; 
	font-family: inherit; 
	vertical-align: baseline; 
	box-sizing: border-box;

} 
:focus { 
outline: 0; 
} 
body { 
line-height: 1; 
color: black; 
background: white; 
} 
ol, ul li { 
list-style: none;
} 
table { 
border-collapse: separate; 
border-spacing: 0; 
} 
caption, th, td { 
text-align: left; 
font-weight: normal; 
} 
blockquote:before, blockquote:after, 
q:before, q:after { 
content: ""; 
} 
blockquote, q { 
quotes: "" ""; 
}

#recommend-href{
	/* height: 2rem; */
	display: inline;
}

.ui-loader-default{ display:none}
.ui-mobile-viewport{ border:none;}
.ui-page {padding: 0; margin: 0; outline: 0}


.wrapper{
	background: #fff;
	/* height: 100vh; */
	display: inline;
	/* overflow: auto; */
}

.title-box{
	width: 100%;
	height: 1rem;
	background: #fff url('../image/title.png') no-repeat;
	background-size: 100% auto;
}

.banner-box{
	width: 10rem;
	height:4.355rem;
	display: block !important;
	background: #fff url('../image/banner.png?v=20200202') no-repeat;
	background-size: 100% auto;
	margin:  0 auto;
}

.container{
	width: 9.2rem;
	margin: 0 auto;
}

.recommend{
	
}

.programa-box{
	width: 100%;
	margin-top: .4rem;
	padding-bottom: .5rem;
	background-color: #fff;
	border-bottom: 0.02rem solid #a8a8a8;
}

.programa-title{
	width: 100%;
	height: .78rem;
	margin-bottom: .1rem;
	background-size: auto 100%;
	background-position: left;
	background-repeat: no-repeat;
	position: relative
}

.recommend-title{
	background-image: url('../image/recommend.png');
}

.recommend-image{
	width: 100%;
	/*height: 4rem;*/
	min-height: 4rem;
	height: auto;
	background: #eee;
	/*background-size: 100% auto;*/
}

.description{
	font-size: .35rem;
	margin-top: .3rem;
	line-height: .5rem;
	color: #000;
}

.recommend-image{
	
}

.recommend-name{
	font-size: 0.4rem;
	color: #000;
	text-align: center;
	margin-top: .2rem;
	font-weight: bold;
}

.real-estate-market{
	/* position: relative; */
	padding-bottom: 0.27rem; 
}

.market-title{
	background-image: url('../image/market.png');
}

.market-item{
	width: 100%;
	height: 2.8rem;
	margin-bottom: .5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.market-item:after{
/* 	content:  '';
	width: 9.5rem;
	border-color: #d5d5d5;
	border-style: dashed;
	border-width: 0 0 1px 0 ;
	position: absolute;
	bottom: -0.25rem;
	left: -0.15rem; */
}

.market-url{
	position: relative;
}

.market-url:after{
	content:  '';
	width: 9.5rem;
	border-color: #d5d5d5;
	border-style: dashed;
	border-width: 0 0 1px 0 ;
	position: absolute;
	bottom: -0.25rem;
	left: -0.15rem;
}

.market-url:last-child:after{
	border: none
}

.market-item:last-of-type{
	/* content: ''; */
	/* border:  1px solid #000; */
	/* background: red; */
}

.market-image{
	width: 3.5rem;
	height: 2.8rem;
	background: #eee;
	/* float: left; */
}

.market-text-box{
	width: 5.42rem;
	/* margin-right: 0.1rem; */
	/* float: right; */
}

.market-text-title{
	font-size: .37rem;
	/*height: .37rem;*/
	line-height: .39rem;
	color: #000;
	font-weight: bold;
/*	display: -webkit-box; 
	-webkit-box-orient: vertical;
	-webkit-line-clamp:1; 
	overflow: hidden;  
	text-overflow:ellipsis;
	white-space:normal;
	word-break:break-all;  */
}

.market-text{
	margin-top: .15rem;
	line-height: .2rem
	font-size: .3rem;
	line-height: .37rem;
	display: -webkit-box; 
	-webkit-box-orient: vertical;
	-webkit-line-clamp:3; 
	overflow: hidden;  
	text-overflow:ellipsis;
	white-space:normal;
	word-break:break-all; 
}

.previous-title{
	background-image: url('../image/previous.png?t=1');
}

.previous-list{
	font-size: .37rem;
	line-height: .75rem;
}

.previous-list a{
	display: -webkit-box; 
	-webkit-box-orient: vertical;
	-webkit-line-clamp:1; 
	overflow: hidden;  
	text-overflow:ellipsis;
	white-space:normal;
	word-break:break-all; 
}

.previous-list li {
	width: 100%;
	height: .75rem;
	list-style-position: inside !important;
	list-style-type: disc !important;
	/*text-indent: 10px;*/
	padding-left: 0px;
}

.previous-list li span{
	margin-left: -10px;
}

/*.previous-list li a{
	display: -webkit-box; 
	-webkit-box-orient: vertical;
	-webkit-line-clamp:1; 
	overflow: hidden;  
	text-overflow:ellipsis;
	white-space:normal;
	word-break:break-all; 
	margin-left: 50px；
}*/

.previous-list a{
	/* text-decoration: underline; */
	text-decoration: none;
	font-weight: bold;
}

.house-title{
	background-image: url('../image/house.png?v=123');
}

.house-image{
	width: 100%;
	height: 4rem;
	background: #eee url('') no-repeat;
	background-size: 100% auto;
}

.house-text{
	color: #000;
	font-size: .4rem;
	line-height: .45rem;
	font-weight: bold;
	margin-top: .34rem;
}

.house-text:visited{
	color: #000;
}

.QR-box{
	width: 6.5rem;
	margin: 0 auto;
	padding-top: 1rem;
	padding-bottom: 4rem;
    position: relative;
    z-index: 10;
    background: #fff;
}

.QR-item1{
	position: absolute;
	top: 1rem;
	left: 0;
	-webkit-touch-callout:none;  /*系统默认菜单被禁用*/
    -webkit-user-select:none; /*webkit浏览器*/
    -khtml-user-select:none; /*早期浏览器*/
    -moz-user-select:none;/*火狐*/
    -ms-user-select:none; /*IE10*/
    user-select:none;
}

.QR-item2{
	position: absolute;
	top: 1rem;
	right: 0;
	float: right;
	-webkit-touch-callout:none;  /*系统默认菜单被禁用*/
    -webkit-user-select:none; /*webkit浏览器*/
    -khtml-user-select:none; /*早期浏览器*/
    -moz-user-select:none;/*火狐*/
    -ms-user-select:none; /*IE10*/
    user-select:none;
    background: #fff;
}

.QR-image{
	width: 2.3rem;
	height: 2.3rem;
}

/*.QR-item1 .QR-image{
	background-image: url('../image/house.jpg') 

}

.QR-item2 .QR-image{
	background-image: url('../image/xiaohui.jpg') 
}*/

.QR-text{
	text-align: center;
	margin-top: .2rem;
}

a:visited { 
	color:#008eeb; 
	/*text-decoration:none; */
} 

.get-more{
	width: 1.75rem;
	height: .55rem;
	text-align: center;
	line-height: .55rem;
	font-size:  .3rem;
	box-shadow: 2px 2px 10px #616161;
	border-radius: 5px;
	position: absolute;
	right: .1rem;
	color:  #afaeae;
}

.back-btn{
	width: 1.95rem;
	height: .55rem;
	padding-right: .15rem;
	/* padding-left: .15rem; */
	text-align: right;
	line-height: .55rem;
	font-size:  .3rem;
	box-shadow: 2px 2px 10px #616161;
	border-radius: 5px;
	position: absolute;
	right: .1rem;
	color:  #afaeae;
	background: url('../image/back.png')no-repeat 8% center/ auto .3rem;
}

.hint {
    padding: 0.2rem 0.4rem;
    background-color: rgba(0,0, 0, 0.7);
    position: fixed;
    top: 5rem;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 9999;
    border-radius: 0.2rem;
    color: #fff;
    font-size: 0.43rem;
    white-space: nowrap;
}

.Loading{
    width: 3rem;
    height: 3rem;
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 5rem;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 999;
    border-radius: 0.2rem;
    color: #fff;
    font-size: 0.43rem;
    white-space: nowrap;
    display:  flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.icon{
    width: 1.5rem;
    height: 1.5rem;
    background: url('../image/loading_w.png') no-repeat center;
    background-size: 100%; 
    animation: rotate 1.5s linear  infinite;
    margin-bottom: .3rem;
}

@keyframes rotate{
    /* 99% { transform: rotate(360deg) } */
    100% { transform: rotate(360deg) }
}

.bottom-text{
	text-align: center;
	color: #d5d9db;
	font-size: .3rem;
	height: 1rem;
	line-height: 1rem;
}

.pagger-father{
	display: flex;
	justify-content: center;
}

.pagger-box, .pageWrap, .pageSelect{
	/* display: flex;
	justify-content: center;
	align-items: center; */
	font-size: .3rem;
	height: .5rem;
	display: inline-block;
	/* text-align: center; */
	width: auto;
}

input, textarea, select, button {
	font-size: .3rem;
	height: .5rem;
	line-height: .5rem !important;
}

.pagger button{
	height: .5rem;

}

.pagger .pageWrap ul .sel-page{
	border-radius: 5px;
	background-color: #00adec;
	width: .5rem;
	height: .5rem;
	line-height: .5rem;
}

.defalut-page{
	height: .5rem !important;
	line-height: .5rem;
}

