@charset "utf-8";
/*Clear default*/
*{word-wrap:break-word}
body{background:#FFF}
body,button,input,select,textarea{font:12px/1.5 Tahoma,'Microsoft Yahei','SimSun',sans-serif;color:#333}
textarea{resize:none}
body,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,li,ol,p,ul,input,textarea{margin:0;padding:0}
table{empty-cells:show;border-collapse:collapse}
caption,th{text-align:left;font-weight:400}
ul li{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal;}
cite,em,i{font-style:normal}
a{color:#333;text-decoration:none}
img{border:none;display: block;}
label{cursor:pointer}
.fl{float:left}
.fr{float:right}
.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.cl{zoom:1}
input,textarea{outline: none;}
.ellipsis{ display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*public*/
.container{max-width: 640px;margin:0 auto;background-color: #f6f6f6}
.pub-icon{background: url(pub-icon.png) no-repeat;}
.nav,.cont-list,.footer{background-color: #fff}
.hide{display:none;}
.block{display:block;}
/*header*/
.header{position: relative;}
.top{position: relative;height: 44px;line-height: 44px;background-color: #fff;padding: 0 2%;border-bottom: 1px solid #e6e6e6}
.top .return{display: block;padding:7px 0;width:30px;z-index: 5;position: relative;}
.top .return i{display: block;width:16px;height: 30px;background-position: 0 -19px;background-size: 310px auto;}
.top h1{
	color: #f35a5a;
	font-size: 1.6rem;
	text-align: center;
	position: absolute;
	width:96%;
	height: 48px;
	line-height: 48px;
}
.top .nav-icon{padding:11px 0;z-index: 5;position: relative;}
.top .nav-icon i{display: block;width:32px;height: 22px;background-position:-86px -22px;background-size: 350px;}

.nav-show-bg{background-color:rgba(0,0,0,0.5);position:absolute;top:44px;bottom:0;width: 100%;height:2000%;max-width: 640px;z-index: 10;}
.top-nav{border-top: 1px solid #e6e6e6;display: -webkit-flex;padding: 10px 0;margin-bottom: 10px;font-size: 1.4rem;background-color: #fff;position: absolute;top:44px;width: 100%;z-index: 11;text-align: center;
display:box;display:-ms-box;display:-webkit-box;display:flex;display:-ms-flex;display:-webkit-flex
}
.top-nav.hide{display: none;}
.top-nav a{display:block;flex:1;-ms-flex:1;-webkit-flex:1;box-flex:1;-ms-box-flex:1;-webkit-box-flex:1}
.top-nav a span{border-right: 1px solid #d8d8d8;display: block;}
.top-nav a:last-child span{border-right: 0;}

.header-cont .search{width:100%;border:1px solid #e0dede;color: #000;text-align: center;-webkit-appearance:none;box-sizing:border-box;font-size: 1.4rem;background:rgba(255,255,255,.9) url(search.png) no-repeat left center;padding:1% 0;background-size: 22px auto;background-position: 20%;border-radius: 4px;}
/*footer*/
.footer{text-align: center;padding-bottom: 10px;margin-top: 10px}
.footer .footer-nav{border-bottom: 1px solid #e6e6e6;padding: 10px 0;margin-bottom: 10px;font-size: 1.4rem;
	display:box;display:-ms-box;display:-webkit-box;display:flex;display:-ms-flex;display:-webkit-flex
}
.footer .footer-nav a{display:block;flex:1;-ms-flex:1;-webkit-flex:1;box-flex:1;-ms-box-flex:1;-webkit-box-flex:1}
.footer .footer-nav a span{border-right: 1px solid #d8d8d8;display: block;}
.footer .footer-nav a:last-child span{border-right: 0;}
.footer .red{color: #f35a5a}
.footer .about,.footer .about a{color: #555b5f;font-size: 1.3rem;}
.footer .about .line{color: #ddddde}
.footer .copyright{color: #949ba1;padding-top: 5px;font-size: 1.2rem;}
/*.return-top*/
.return-top{display: block;width:40px;height:40px;background-color: #f1f2ef;position: fixed;right: 2%;bottom: 50px;border-radius:4px;display: none;}
.return-top i{display: block;width: 24px;height: 26px;background-position:-51px -18px;background-size:300px;margin:6px auto 0;}

/*lp-list*/

.lp-list{border-bottom: 1px solid #e6e6e6;background-color: #fff;padding: 2%}
.lp-list:last-child{border-bottom:none;}
.lp-list dt{width: 40%;float: left;}
.lp-list dt img{width: 100%}
.lp-list dd{width:58%;float: left;padding-left:2%;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.lp-list dd .lp-name{color: #131517;font-size: 1.4rem;}
.lp-list dd .lp-price{color: #949ba1;font-size: 1.2rem;}
.lp-list dd .lp-price span{color: #f35a5a}
.lp-list dd .lp-tag{height: 22px;overflow: hidden;}
.lp-list dd .lp-tag .tag{border:1px solid #5aaed4;color: #5aaed4;float: left;margin-right: 4px;padding:1px 4px;font-size: 12px;}
.lp-list dd .lp-tag .tag:nth-child(2n){border:1px solid #5bb340;color: #5bb340;}
.lp-list dd .lp-address{color: #949ba1;font-size: 1.2rem;}
/*loading*/
.loading{text-align: center;color: #949ba1;font-size: 1.4rem;background-color: #f6f6f6}
.loading .load-icon{display: inline-block;width:30px;height:30px;vertical-align: middle;margin-right: 2%;background:url(loading.png) no-repeat;background-size: 30px;animation: xuanzhuan 1s linear infinite;}
@keyframes xuanzhuan{
	0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
.more-box{text-align: center;padding-top: 10px;background-color: #f6f6f6}
.more-box .more-btn{font-size: 1.4rem;}
.more-box .more-btn i{display: inline-block;width: 22px;height:13px;background-position:-212px 0;margin-left:6px;background-size: 350px auto;vertical-align: -1px}
.nomore{font-size: 1.4rem;}

/*loading end*/

/*search-main*/
.search-main{padding: 2%;background-color: #fff}
.search-main .input-box{padding:4% 0 6%;}
.search-main .input-box .input{font-size: 1.4rem;border:1px solid #f35a5a;height:32px;width:73%;text-indent: 6px;border-radius:4px}
.search-main .input-box .input-btn{background-color: #f35a5a;height:32px;width:25%;padding-top: 8px;border-radius:4px}
.search-main .input-box .input-btn i{display: block;width: 24px;height: 24px;background-position: -102px -19px;text-indent: -9999px;background-size: 300px;margin:0 auto;}
.search-main .hot-lptit{color: #555b5f;font-size: 1.6rem;}
.search-main .hot-lptit .icon{display:inline-block;width:20px;height:25px;background-position:-170px -25px;background-size:400px;vertical-align:-18%;margin-right:2%}
.hot-loupan{padding:4% 0 50%}
.hot-loupan a{color: #131517;font-size: 1.4rem;border:1px solid #e6e6e6;border-radius: 4px;display: block;padding:2%;float: left;margin-right: 2%;margin-bottom: 2%}
/*search-main end*/


/*title*/
.record-tit-box{padding: 2% 2% 0}
.house-record-tit{color: #555b5f;font-size: 1.6rem;border-bottom: 2px solid #f35a5a;padding-bottom:1%}
/*title end*/

/*底部按钮*/
.bottom-box{background-color: rgba(255,255,255,.9);position: fixed;left:0;bottom: 0;padding:5px 2%;width:96%}
.bottom-box a{display: block;height: 44px;line-height: 44px;color: #fff;font-size: 1.6rem;text-align: center;border-radius: 4px;}
.bottom-box a.btn-01{background-color: #eeab33;width: 43%;float:left;}
.bottom-box a.btn-02{background-color: #f35a5a;width: 55%;float:right;}
.bottom-box a.btn-02 i{background-position:-207px -24px;}
.bottom-box a i{display: inline-block;width:24px;height:24px;vertical-align: -6px;margin-right: 2%;background-position:-182px -24px;background-size:380px;}
/*底部按钮 end*/