body{
    font-family:PingFangSC,"Microsoft Yahei", Arial, sans-serif;
}
.hidden{
    visibility: hidden;
}
.container{
    width:7.5rem;
    margin:0 auto;
    background: #F6F8FB;
}
.home-search{
    width:100%;
    height:1rem;
    background-color: #fff;
    padding:.2rem .3rem;
    display: flex;
}
.home-search.fixed{
    position: fixed;
    background-color: #fff;
    top:0;
    z-index: 9999;
}
.home-search .site{
    max-width: 1.7rem;
    height: .64rem;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    opacity: 1;
    border-radius: .1rem;
    padding: 0 .2rem;
}
.home-search .site a{
    color: #30323D;
    font-size: .24rem;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    line-height: .64rem;
}
.home-search .site a img{
    width: .16rem;
    height: .16rem;
    margin-left: .1rem;
    margin-top: .24rem;
}
.home-search .search{
    height: .64rem;
    background: #F8F8F8;
    border: 1px solid #F8F8F8;
    opacity: 1;
    border-radius: .1rem;
    flex: 1;
    margin-left: .2rem;
}
.home-search .search a{
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: .64rem;
    color: #C1C2C5;
    padding-left: .28rem;
    position: relative;
    font-size:.24rem;
}
.home-search .search a .iconfont{
    margin-right: .1rem;
    top: .04rem;
    position: relative;
}
.home-search .map a{
    border: 1px solid #EEEEEE;
    border-radius: .1rem;
    padding:0 .16rem;
    display: inline-block;
    font-size:.24rem;
    color: #30323D;
    margin-left:.2rem;
    height:.64rem;
    line-height: .6rem;
}
.home-search .map a .iconfont{
    font-size: .24rem;
    margin-right:.1rem;
}
.home-nav{
    height:2.64rem;
    width:100%;
    padding:.3rem;
}
.home-nav .link{
    display: flex;
    width: 100%;
    background-color: #fff;
    height: 2.04rem;
    padding-top: .3rem;
    border-radius: .16rem;
}
.home-nav .link li{
    width: 25%;
    float: left;
}
.home-nav ul.link li a{
    width: 100%;
    height:100%;
}
.home-nav ul.link li div{
    width: 100%;
    height: .92rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-nav ul.link li div em{
    width: .92rem;
    height: .92rem;
    display: block;
    background: url(../images/newimg.png);
    background-position: -3.78rem 0;
    background-size: auto .92rem;
}
.home-nav  ul.link div.icon1 em {
    background-position: -3.78rem 0;
}
.home-nav  ul.link div.icon2 em {
    background-position:-5.62rem 0;
}
.home-nav  ul.link div.icon3 em {
    background-position:-4.7rem 0;
}
.home-nav  ul.link div.icon4 em {
    background: url(../images/icon-housing-price.png);
    background-size: auto .92rem;
}
.home-nav li a p{
    text-align: center;
    font-size: .24rem;
    color: #30323D;
    margin-top: .2rem;
}
.home-banner{
    width: 100%;
    height: 4.2rem;
    position: relative;
}
.home-banner img{
    width: 7.5rem;
    height: 4.2rem;
    object-fit: inherit;
}
.banner-solgan{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 9;
}
.banner-solgan h5{
    font-size: .48rem;
    font-weight: 600;
    line-height: .67rem;
    color: #FFFFFF;
    text-shadow: 0px 3px 10px rgb(0 0 0 / 20%);
    opacity: 1;
    text-align: center;
    margin-top: 1.42rem;
}
.banner-solgan p{
    color: #FFFFFF;
    text-shadow: 0px 3px 10px rgb(0 0 0 / 10%);
    font-size: .28rem;
    text-align: center;
    margin-top: .2rem;
}

.home-module{
    width:100%;
    background: #FFFFFF;
    padding-left:.3rem;
}
.home-module.jx-loupan{
    height:4.64rem;
    margin-bottom: .3rem;
}
.home-module.jx-loupan .common-house-item .img img{
    border-bottom-left-radius: 0.08rem;
    border-bottom-right-radius: 0.08rem;
}
.home-module .big-tit{
    width:100%;
    height:1.16rem;
    line-height: 1.16rem;
}
.home-module .big-tit span{
    font-size:.4rem;
    font-weight: bold;
    color: #30323D;
}
.home-module .big-tit .tab{
    float: right;
    text-align: right;
    padding-right: .3rem;
    height: 1.16rem;
}
.home-module .big-tit .tab li{
    display: inline-block;
    margin-left: .5rem;
    position: relative;
    color:#A7A7A7;
}
.home-module .big-tit .tab li em {
    display: flex;
    width: .3rem;
    height: .06rem;
    position: relative;
    margin: 0 auto;
    top: -15px;
}
.home-module .big-tit .tab li.active{
    color:#30323D;
}
.home-module .big-tit .tab li.active em{
    background: #3168FF;

}
/* .cnt-area{
    position: relative
} */
/* .cnt-area .swiper-container{
    position: absolute;
} */
#hot-house .swiper-slide{
    width: 2.4rem !important;;
    margin-right:.3rem;
}
#bikan-house .swiper-slide{
    width: 2.4rem !important;;
    margin-right:.3rem;
}
.common-house-item{
    display: block;
    width:2.4rem;
    float: left;
}
.common-house-item .img{
    width:2.4rem;
    height:1.82rem;
    position: relative;
}
.common-house-item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: .08rem;
    border-top-right-radius: .08rem;
}
.common-house-item .tit{
    font-size: .28rem;
   
    font-weight: 600;
    line-height:.4rem;
    color: #30323D;
    margin-top:.12rem;
    margin-bottom:.06rem;
}
.common-house-item .area{
    font-size: .24rem;
    line-height:.33rem;
    color: #A7A7A7
}
.common-house-item .area .iconfont{
    font-size:.24rem;
}
.common-house-item .price{
    font-size: .28rem;
    font-weight:bold;
    line-height: .5rem;
    color: #FF4A4A;
    margin-top:.04rem;
}
/**热门资讯**/
.home-module.rm-zixun{
    padding:0 .3rem;
}
.hot-news .itm.hot img{
    width: .65rem;
    height: .32rem;
    margin-right: .1rem;
    position: relative;
    top: .04rem;
}
.hot-news .itm.hot a{
    font-size: .28rem;
    font-weight: bold;
    line-height: .4rem;
    color: #30323D;
    display: block;
}
.hot-news .itm{
    display: -webkit-flex;
    overflow: hidden;
    width: 100%;
    margin-bottom: .3rem;
}
.hot-news .itm .info{
    width: .5rem;
    overflow: hidden;
    flex: auto;
    -webkit-flex: auto;
    padding-right:.36rem;
}
.hot-news .itm .info .title{
    font-size: .28rem;
    font-weight: bold;
    line-height: .4rem;
    color: #30323D;
    margin-bottom: .15rem;
}
.hot-news .itm .info .time{
    color: #A7A7A7;
    font-size:.24rem;
    line-height:.34rem;
}
.hot-news .itm .img{
    width:1.6rem;
    height:1.04rem;
    position: relative;
}
.hot-news .itm .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .04rem;
}

.house-card{
    width: 100%;
    height:2.3rem;
    margin:.3rem 0;
}
.house-card .home-form{
    width: 6.9rem;
    height: 2.3rem;
    background-image: url(../images/icon13.png);
    background-repeat: no-repeat;
    margin: 0 auto;
    background-size: cover;
    padding:.3rem;
}
.house-card .home-form .t1{
    font-size:.32rem;
    line-height: .45rem;
    color:#fff;
    font-weight: bold;
}
.house-card .home-form .t2{
    font-size:.24rem;
    line-height: .33rem;
    color: #FFEAE8;
    margin-top:.06rem;
}
.house-card .home-form a{
    display: block;
    width: 1.46rem;
    height: .5rem;
    background: #FFFFFF;
    border-radius:.25rem;
    line-height:.5rem;
    color: #FF4A4A;
    font-size:.24rem;
    text-align: center;
    margin-top:.3rem;
}
.tab-change-area .tab-head{
    display: flex;
    margin-bottom: .3rem;
}
.tab-change-area .tab-head .tab-cnt{
    width:2.1rem;
    height:1.08rem;
    margin-left:.3rem;
}
.tab-change-area .tab-head .tab-cnt.active{
    background-image: url(../images/icon15.png);
    background-size: cover;
}
.tab-change-area .tab-head .tab-cnt.active .tab{
    color:#fff
}
.tab-change-area .tab-head .tab-cnt.common .tab{
    background: #FFFFFF;
    border: 1px solid #F8F8F8;
    color: #30323D;
}
.tab-change-area .tab-head .tab-cnt .tab{
    width: 2.1rem;
    height: .94rem;
    opacity: 1;
    border-radius: .08rem; 
  
    text-align: center;
    line-height: .94rem;
}
.tab-change-area .tab-head .tab-cnt .tab em{
    display: inline-block;
    width: .5rem;
    height: .5rem;
    background-image: url(../images/newimg.png);
    background-size: auto 1rem;
    position: relative;
    top: .2rem;
    margin-right: .1rem;
}
.tab-change-area .tab-head .active.house .tab em{
    background-position: -2.58rem 0;
}
.tab-change-area .tab-head .common.house .tab em{
    background-position: -.58rem 0;
}
.tab-change-area .tab-head .active.news .tab em{
    background-position: -1.5rem 0;
}
.tab-change-area .tab-head .common.news .tab em{
    background-position: -.18rem 0;
    width: .4rem;
}
.tab-change-area .tab-head .active.baike .tab em{
    background-position: -2rem 0;
}
.tab-change-area .tab-head .common.baike .tab em{
    background-position: -1.06rem 0;
    width: .4rem;
    top: .24rem;
}
.cnt-detail {
    padding: 0 .3rem;
}
.cnt-detail .tab-house{
    column-count: 2;
    /* column-gap: 0; */
}
.cnt-detail .tab-house .item2{
    break-inside: avoid;
    margin-bottom:.3rem;
}
.cnt-detail .tab-house .resou-list{
    width:3.3rem;
    height: 2.5rem;
    background: #FFFFFF;
    opacity: 1;
    border-radius: .1rem;
}
.cnt-detail .tab-house .resou-list .tit{
    width: 100%;
    height: .6rem;
    line-height: .6rem;
    border-bottom: 1px solid #eee;
    background-image: url(../images/icon16.png);
    background-repeat: no-repeat;
    background-position: right .2rem center;
    background-size: auto .6rem;
    padding-left: .2rem;
}
.cnt-detail .tab-house .resou-list .tit a{
    color: #30323D;
}
.cnt-detail .tab-house .resou-list .tit img{
    width: .7rem;
    height: .3rem;
    font-size: .24rem;
    color: #30323D;
    margin-right: .04rem;
    position: relative;
    top: .06rem;

}
.cnt-detail .tab-house .resou-list .tit .iconfont{
    font-size: .2rem;
}

.cnt-detail .tab-house .resou-list ul li{
    padding: 0 .2rem;
    line-height: .4rem;
    margin-top: .2rem;
    margin-bottom: .15rem;
}
.cnt-detail .tab-house .resou-list ul .no1 .iconfont{
    color:#FFE48D;
}
.cnt-detail .tab-house .resou-list ul .no2 .iconfont{
    color:#BEBDD5;
}
.cnt-detail .tab-house .resou-list ul .no3 .iconfont{
    color:#EAB490;
}
.cnt-detail .tab-house .resou-list ul li a{
    color: #30323D;
    font-size:.28rem;
}
.cnt-detail .tab-house .resou-list ul li .iconfont{
    font-size: .28rem;
    margin-right: .16rem;
}
.common-house-item.item2{
    width: 3.3rem;
    background-color:#fff;
    padding-bottom:.2rem;

}
.common-house-item.item2 .img{
    width:3.3rem;
    height: 2.5rem;
}
.common-house-item.item2 p{
    padding-left:.2rem;
}
.common-house-item.item2 .tit{
    font-size:.32rem;
    line-height:.45rem;
}

.cnt-detail .tab-news{
    
}

.cnt-detail .tab-news .itm{
    width: 6.9rem;
    height: 2.03rem;
    background-color: #fff;
    display: -webkit-flex;
    overflow: hidden;
    margin-bottom: .3rem;
    padding: .3rem;
}
.cnt-detail .tab-news .itm .info{
    width: 3.8rem;
    overflow: hidden;
    flex: auto;
    -webkit-flex: auto;
    padding-right:.3rem;
    position:relative;
}
.cnt-detail .tab-news .itm .info .title{
    font-size: .28rem;
    font-weight: bold;
    line-height: .4rem;
    color: #30323D;
    margin-bottom: .15rem;
}
.cnt-detail .tab-news.itm .info .time{
    color: #A7A7A7;
    font-size:.24rem;
    line-height:.34rem;
}
.cnt-detail .tab-news .itm .img{
    width:2.2rem;
    height:1.43rem;
    position: relative;
}
.cnt-detail .tab-news .itm .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .04rem;
}
.cnt-detail .tab-news .itm .time{
    font-size: .24rem;
    color: #A7A7A7;
    line-height: .33rem;
    display: flex;
    /* margin-top: .3rem; */
    position: absolute;
    bottom: .06rem;
}
.cnt-detail .tab-news .itm .time span{
    width: 1.2rem;
}
.cnt-detail .tab-news .itm .time em{
    flex: 1;
    text-align: right;
}
.cnt-detail .tab-baike .item{
    width: 6.9rem;
    height: 2.03rem;
    background-color: #fff;
    display: -webkit-flex;
    overflow: hidden;
    margin-bottom: .3rem;
    padding: .3rem;
    overflow: hidden;
}
.cnt-detail .tab-baike .img{
    width:2.2rem;
    height: 1.43rem;
    position: relative;
    margin-right:.3rem;
}
.cnt-detail .tab-baike .img img{
    width:100%;
    height:100%;
    object-fit: cover;
    border-radius: .04rem;
}
.cnt-detail .tab-baike .info {
    overflow: hidden;
    flex: auto;
    -webkit-flex: auto;
    position: relative;
}
.cnt-detail .tab-baike .info h2{
    font-size:.28rem;
    color: #30323D;
    line-height:.4rem;
    font-weight: bold;
}
.cnt-detail .tab-baike .info .time{
    font-size:.24rem;
    color: #A7A7A7;
    margin-top: .23rem;
    line-height:.33rem;
}
.cnt-detail .tab-baike .labels{
    position: absolute;
    bottom: 0;
    height:.36rem;
    overflow: hidden;
}
.cnt-detail .tab-baike .labels a{
    margin-bottom: 0;
    font-size: .24rem;
    padding: 0 .06rem;
    line-height: .36rem;
    height: .36rem;
    display: inline-block;
}
.labels a:nth-of-type(1){
    color: #3168FF;
    background: #EFF4F6;
}
.labels a:nth-of-type(2){
    color:  #FF5B5D;
    background: #FFE2E2;
}
.labels a:nth-of-type(3){
    color: #44B979;
    background: #EFFFF1;
}


/**帮我找房**/
.find_banner{
    background-image: url(../images/findHouse.png);
    background-size: 100%;
}
.question li.active{
    background-color:#3168ff;
    color:#fff;
    border:1px solid #3168ff;
}
.find_house .submit{
    background-color: #3168ff;
}