@charset "utf-8";*{margin:0;padding:0;font:14px helvetica,\5fae\8f6f\96c5\9ed1,\9ed1\4f53,\5b8b\4f53,arial,sans-serif}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{color:#100e0c;font:13px/1.5 \5fae\8f6f\96c5\9ed1,\9ed1\4f53,\5b8b\4f53,arial,helvetica,sans-serif}
body,html{width:100%;
height:100%;
max-width: 640px;
margin: 0 auto;
    
}

.mu-nav span {
    position: absolute;
    font-size: 12px;
    text-align: center;
    color: #fff;
    top: -5px;
    right: -8px;
    display: block;
    width: 55px;
    height: 23px;
    line-height: 23px;
    background: url(/uploads/image/s2simages/jrbox.png) no-repeat;
    background-size: cover;
}

.biaoqian{
         position: absolute;
    width: 120px;
    margin-left: 5px;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    color: #fff;
    z-index: 1;
}
.biaoqian font{
      background: #eb463a;
    padding: 3px 5px;
    border-radius: 5px;
    font-size: 12px;
     margin-top: 5px;
    margin-right: 5px;
}
.biaoqian font:last-child{
     margin-right: 0!important;
}

table{border-collapse:collapse;border-spacing:0;font-size:62.5%}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
ul,ol,li{list-style:none}
em{font-style:normal}
img{border:0}
input,img{vertical-align:middle}
input,select,textarea{outline:0;-webkit-appearance:none}
q:before,q:after{content:''}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{*zoom:1}
a{color:#333;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a:active{-webkit-tap-highlight-color:rgba(0,0,0,0);}
section,aside,header,footer,hgroup,article{display:block;}
.fr{float:right;}
.fl{float:left;}
.clearfix{clear:both}
.f20{font-size: 20px;}
.f18{font-size: 18px;}
.f16{font-size: 16px;}
.red {
    color: #ff5500 !important;
}
.fenge {
    border-bottom: 1px solid #eee;
    margin: 10px 4%;
	clear:both;
}
.mb10{margin-bottom:10px;}
.dis_flex{display:box;display:-ms-box;display:-webkit-box;display:flex;display:-ms-flex;display:-webkit-flex}
.flex{
	display:block;
	flex:1;
	-ms-flex:1;
	-webkit-flex:1;
	box-flex:1;
	-ms-box-flex:1;
	-webkit-box-flex:1;
	float: left;
	width: 24%;
}


/*i-header*/
.i-header{position: relative;width: 100%;padding: 4%;}
.i-header .index_bg{width: 100%;display: block;}
.i-header .header-cont{position: absolute;width:85%;left:50%;top:50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.i-header .header-cont h1{
color: #fff;
text-align: center;font-size: 18px;
    font-weight: bold;
    text-shadow: 5px 5px 5px #6a6a6a;
    margin-bottom: 4%;}
/*nav*/
.header-cont .search{
	width:100%;
	border:1px solid #e0dede;
	color: #000;
	text-align: center;
	-webkit-appearance:none;
	box-sizing:border-box;
	font-size: 15px;
	background:rgba(255,255,255,.9) url(/uploads/image/s2images/search.png) no-repeat left center;
	background-size: 22px auto;
	background-position: 5%;
	border-radius: 20px;
	padding-right: 0;
	padding-left: 0;
	height: 40px;
	line-height: 40px;
}

.input1{
	height: 100%;
	width: 100%;
	margin-bottom: 5px;
	border-radius:5px;
	border: 1px solid #e3e3e3;
	padding:5px;
	margin-top: 5px;
}


.ibox.mu-nav {
    width: 100%;
    margin: 5px auto 0;
    padding: 0 4%;
}

.mu-nav ul {
    float: left;
    width: 19.158888%;
    margin: 0 1% 1px 0;
    text-align: center;
    font-size: 17px;
    padding: 2px 0;
        position: relative;
}

.mu-nav ul:nth-child(5), .mu-nav ul:nth-child(10) {
    margin-right: 0;
}
.mu-nav p {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-right: 0;
    vertical-align: middle;
    overflow: hidden;
	line-height: 50px;
    color: #fff;
}
.mu-nav ul:nth-child(1) p{ background: url(/uploads/image/s2images/mu1.png) no-repeat;    background-size: 100%;}
.mu-nav ul:nth-child(2) p{ background: url(/uploads/image/s2images/mu2.png) no-repeat;    background-size: 100%;}
.mu-nav ul:nth-child(3) p{ background: url(/uploads/image/s2images/mu3.png) no-repeat;    background-size: 100%;}
.mu-nav ul:nth-child(4) p{ background: url(/uploads/image/s2images/mu4.png) no-repeat;    background-size: 100%;}
.mu-nav ul:nth-child(5) p{ background: url(/uploads/image/s2images/mu5.png) no-repeat;    background-size: 100%;}
.mu-nav ul:nth-child(6) p{ background: url(/uploads/image/s2images/mu6.png) no-repeat;    background-size: 100%;}
.mu-nav ul:nth-child(7) p{ background: url(/uploads/image/s2images/mu7.png) no-repeat;    background-size: 100%;}
.mu-nav ul:nth-child(8) p{ background: url(/uploads/image/s2images/mu8.png) no-repeat;     background-size: 100%;}
.mu-nav ul:nth-child(9) p{ background: url(/uploads/image/s2images/mu9.png) no-repeat;    background-size: 100%;}
.mu-nav ul:nth-child(10) p{ background: url(/uploads/image/s2images/mu10.png) no-repeat;    background-size: 100%;}
.ibox.mu-nav font {
    display: inline-block;
    margin-top: 8px;
}

.titop {
    margin: 0 4%;
	overflow: hidden;
	 margin-bottom: 10px;
}
.titop h2 {
    float: left;
    font-size: 16px;
    color: #000;
    line-height: 1;
    white-space: nowrap;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 0px;
    padding-left: 0;
}

.titop .moer {
    float: right;
    padding-top: 5px;
    padding-right: 15px;
    font-size: 15px;
    position: relative;
    color: #999;
}

.moer:after {
    position: absolute;
    content: '';
    right: 0;
    top: 9px;
    width: 7px;
    height: 12.5px;
    background: ;
    background-size: 100%;
}

.main-div {
    width: 100%;
    padding: 10px 4%;
}
.main-div ul li {
    float: left;
    width: 32%;
    margin-right: 2%;
    position: relative;
}
.main-div ul li:last-child,.house-txt font:last-child {
    margin-right: 0;
}
.main-div ul li .house-img {
    position: relative;
    width: 100%;
    height: 100px;
    overflow: hidden;
    display: block;
    border-radius: 10px;
}



.main-div p {
    line-height: 25px;
    font-weight: 500;
    color: #666;
}
.house-txt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.house-txt font,.xbox {
    display: inline-block;
    margin-right: 4%;
    background: #eceff6;
    color: #909090;
    padding: 0 5px;
    text-align: center;
    height: 22px;
    line-height: 22px;
    border-radius: 5px;
    margin-top: 5px;
    font-size: 12px;
    overflow: hidden;
}
.main-div li .invrs {
    top: 42px;
}

.main-div li .invrs2 {
    top: 70px;
}
.invrs {
    background-image: url(/uploads/image/s2images/ico4.png);
    position: absolute;
    height: 22px;
    width: 22px;
    float: left;
    z-index: 1;
    right: 5px;
    top: 10px;
}
.invrs2 {
    background-image: url(/uploads/image/s2images/ico5.png);
    position: absolute;
    height: 22px;
    width: 22px;
    float: left;
    z-index: 1;
    right: 5px;
    top: 42px;
}
.main-div ul span .house-img {
	float:left;
    position: relative;
    width: 120px;
    height: 100px;
    overflow: hidden;
    display: block;
    border-radius: 10px;
	margin-right: 10px;
}

.main {
    height: 175px;
    padding: 0 4%;
}
.main .main-box:nth-child(1){
	    float: left;
    width: 49%;
    height: 175px;
    margin-top: 20px;
    background: url(/uploads/image/s2images/main-box1.png) no-repeat;
    background-size: contain;
	
	}

.main .main-box:nth-child(2){
	    float: left;
    width: 49%;
    height: 85px;
    margin-left: 2%;
    margin-top: 20px;
    background: url(/uploads/image/s2images/main-box2.png) no-repeat;
    background-size: contain;
	
	}
	
	.main .main-box:nth-child(3){
float: left;
    width: 49%;
    height: 85px;
    margin-left: 2%;
    margin-top: 5px;
    background: url(/uploads/image/s2images/main-box3.png) no-repeat;
    background-size: contain;
	
	}


.main-box div {
       color: #fff;
    padding-left: 5px;
    padding-top: 10px;
    text-shadow: 1px 1px 2px #9a6e65;
    line-height: 35px;
}

.main-box .btn {
    margin-top: 40px;
    float: left;
    background: #ffc15c;
    padding: 5px 20px;
    border-radius: 20px;
    font-weight: 100;
    text-shadow: none;
}








.findbox {
    margin: 0 4%;
   
}
.lplink {
    display: block;
    width: 100%;
    margin: 0 auto;
    display: block;
}
.findbox .boxcenter li {
	overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 7px 0;
    height: auto;
}
.lp-img {
    width: 40%;
    float: left;
    border-radius: 8px;
    height: 110px;
    position: relative;
}

.mlvr {
    background: url(/uploads/image/s2images/ico5.png)no-repeat;
    position: absolute;
    height: 22px;
    width: 22px;
    float: left;
    right: 10px;
    top: 10px;
    z-index: 10;
}
.mlvr2 {
    background: url(/uploads/image/s2images/ico5.png)no-repeat;
    position: absolute;
    height: 22px;
    width: 22px;
    float: left;
    right: 10px;
    bottom: 10px;
    z-index: 10;
}
.lplink img {
    width: 100%;
    border-radius: 8px;
    height: 110px;
}

.lp-img p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 25px;
    line-height: 25px;
    display: block;
    text-align: center;
    color: #fcfcfc;
    font-size: 12px;
    background: #070808ba;
    opacity: 0.8;
    border-radius: 0 0 8px 8px;
}
.lplink .lpinfo {
    width: 58%;
}

.lplink .lpinfo p {
    line-height: 23px;
}
.yhbmrs {
    background: url(/uploads/image/s2images/renshu.png) no-repeat;
    background-size: 16px;
    background-position: 0px 2px;
}
.yhzql {
    background: url(/uploads/image/s2images/weibiaoti.png) no-repeat;
    background-size: 16px;
    background-position: 0px 1px;
}
.yhinfo {
    padding-left: 14px;
    font-size: 14px;
    display: inline-block;
    text-indent: 3px;
    line-height: 25px !important;
    white-space: nowrap;
}

.zbtn {
    color: red !important;
    border: 1px solid red;
    line-height: initial;
    padding: 1px 3px;
    background: none;
    float: right;
    margin-left: 0;
    font-size: 12px;
    border-radius: 3px;
    height: unset;
    display: inline-block;
}
.namelis b {
    /* font-weight: bold; */
    font-size: 15px;
}
.house-txt p:first-child a {
    font-size: 15px;
}