@charset "utf-8";
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/* banner */
.banner{ position:relative; }
.banner .flexslider{ position:relative; height:460px; overflow:hidden; background:url(images/loading.gif?v=20181010) 50% no-repeat;}
.banner .flexslider .slides{ position:relative; z-index:1;}
.banner .flexslider .slides li{ height:460px;}
.banner .flexslider .slides li a{ display:block; width:100%; height:460px; overflow:hidden; background-position:center top; background-repeat:no-repeat;}
.banner .flexslider .flex-control-nav{ position:absolute; bottom:10px; z-index:2; width:100%; text-align:center;}
.banner .flexslider .flex-control-nav li{ display:inline-block; width:16px; height:16px; margin:0 5px; *display:inline; zoom:1;}
.banner .flexslider .flex-control-nav a{ display:block; width:16px; height:16px; line-height:40px; overflow:hidden; background:url(images/dot.png) left 0 no-repeat; cursor:pointer; font-size:0; }
.banner .flexslider .flex-control-nav .flex-active{ background-position:right 0;}
.banner .flexslider .flex-direction-nav{ position:absolute; z-index:3; width:100%; top:45%; }
.banner .flexslider .flex-direction-nav li a{ display:block; width:30px; height:54px; overflow:hidden; cursor:pointer; position:absolute;}
.banner .flexslider .flex-direction-nav li a.flex-prev{ left:40px; background:url(images/prev.png?v=20181010) center center no-repeat;}
.banner .flexslider .flex-direction-nav li a.flex-next{ right:40px; background:url(images/next.png?v=20181010) center center no-repeat;}
.banner .search{ width:760px; height:160px; background:#000; background:rgba(0, 0, 0, 0.7); filter:alpha(opacity=70); position:absolute; margin:auto; left:0; top:0; right:0; bottom:0; z-index:9; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.banner .search .tab{ overflow:hidden; padding:26px 24px 12px 54px; }
.banner .search .tab a{ font-size:18px; color:#ccc; line-height:18px; margin-right:40px; }
.banner .search .tab h2{ font-weight: inherit; font-size:inherit; color:inherit; display:inline; }
.banner .search .tab a.cur{ color:#fff; position:relative;font-weight: bold; }
/*.banner .search .tab a.cur:after{ content:''; position:absolute; width:0; height:0; border-left:transparent 10px solid; border-right:transparent 10px solid; border-bottom:#fff 10px solid; margin:auto; bottom:-22px; left:0; right:0; }*/
.banner .search .searchBox{ padding:0 30px 0 33px; }
.banner .search .input{ float:left; position:relative; }
.banner .search .input input{ float:left; height:54px; line-height:54px; width:544px; border:none; font-size:14px; text-indent: 21px; border-radius: 54px; }
.banner .search .input button{ position: absolute; width:78px; background: transparent; right: 0; height:54px; border:none;  border-top-right-radius:54px; -webkit-border-top-right-radius:54px; -moz-border-top-right-radius:54px; border-bottom-right-radius:54px; -webkit-border-bottom-right-radius:54px; -moz-border-bottom-right-radius:54px; cursor:pointer; }
.banner .search .input button:before{ content:'\e66d'; position:absolute; left:0; top:0; right:0; font-family: 'iconfont';color: #666666;font-size: 20px;line-height: 54px;}
.banner .search .input ul.searchResultList{ position:absolute; width:100%; box-shadow: 0px 0px 1px 1px #ccc;;background:#fff; left:0; top:56px !important; padding:8px 0; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.banner .search .input ul.searchResultList li{ line-height:36px; height:36px; text-indent:20px; }
#search_ul_loupan .null{line-height: unset;height: unset;}
#search_ul_loupan .null img{margin: 20px auto;}
#search_ul_loupan .null .desc{font-size: 14px;font-family: Microsoft YaHei;font-weight: 400;color: #999999;line-height: 22px;text-align: center;}
.banner .search .input ul.searchResultList li a{ color:#333; font-size:14px; }
.banner .search .input ul.searchResultList li em{ font-style:normal; color:#30a15d; }
.banner .search .input ul.searchResultList li a:hover{ color:#fe5a00; }
.banner .search .searchBox > a{ float:right; width:140px; height:54px; background:#fff; color:#333; line-height:54px; font-size:18px; border-radius:54px; -webkit-border-radius:54px; -moz-border-radius:54px; position:relative; text-indent:50px; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; -ms-transition:background .3s; background: url("images/map.png");}
.banner .search .searchBox > a:before{ content:'\e6c9'; position:absolute; top:0; font-family: 'iconfont';left: -30px;line-height: 54px;font-size: 24px; color: #30F4B1;}

.banner .search .hot{ padding:0 24px 0 54px; overflow:hidden; padding-top: 15px;white-space: nowrap;text-overflow: ellipsis; }
.banner .search .hot span{ color:#ccc; font-size:14px; line-height:20px; height:20px; }
.banner .search .hot i{ font-size:12px; }
.banner .search .hot a{ color:#ccc; font-size:14px; margin-right:15px; line-height:20px; }
.banner .search .hot a:hover{ color:#fe5a00; }
.banner:after{ content:'广告'; position:absolute; top:0; right:0; z-index:2; font-size:10px; color:#fff; background:#000; line-height:14px; padding:0 1px; background:rgba(0, 0, 0, 0.2); filter:alpha(opacity=20);}

/* 公共标题 */
.publicTitle{ position:relative; background:#F2FFF9; overflow:hidden; }
.publicTitle h2{ float:left; line-height:56px; height:56px; font-weight:normal; margin-left:20px; }
.publicTitle h2 a{ font-size:24px; color:#333; font-weight: bold;}
.publicTitle h2 a:hover{ color:#3072f6; }
.publicTitle h5{ float:left; line-height:56px; height:56px; font-weight:normal; margin-left:20px; }
.publicTitle h5 a{ font-size:24px; color:#333; font-weight: bold;}
.publicTitle h5 a:hover{ color:#3072f6; }
.publicTitle .desc{ float:left; line-height:56px; color:#666666; margin-left:20px; }
.publicTitle .kft{ float:left; line-height:20px; color:#30a15d; margin:18px 0 0 25px; }

/* 楼盘标签 */
.houseTag{ overflow:hidden; width:1180px; margin:0 auto 20px; background:#f4f4f4; padding:25px 0; }
.houseTag .item{ float:left; margin-left:30px; }
.houseTag .img{ float:left; width:186px; height:180px; background:#fff; overflow:hidden; position:relative; }
.houseTag .img img{width: 100%; position:absolute; left:0; top:0; transition:transform .7s; -webkit-transition:transform .7s; -moz-transition:transform .7s; -ms-transition:transform .7s; }
.houseTag .img:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); }
.houseTag .text{ margin:20px 0 0 16px; position:relative; z-index:2; }
.houseTag .txt{ overflow:hidden; }
.houseTag .txt h2{ font-size:24px; color:#333; line-height:24px; font-weight:normal; float:left; }
.houseTag .txt p{ float:left; color:#feb021; line-height:14px; margin:10px 0 0 10px; }
.houseTag .text i{ display:block; color:#969697; text-decoration:underline; margin-top:10px; }
.houseTag .tags{ float:left; width:360px; }
.houseTag .tags a{ float:left; background:#fff; color:#333; line-height:30px; width:100px; text-align:center; margin:0 0 20px 20px; height:30px; transition:all .2s; -webkit-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; }
.houseTag .tags a.more{ margin:0 0 0 20px; width:340px; color:#feb021; text-decoration:underline; }
.houseTag .tags a:hover{ background:#3072f6; color:#fff; }
.houseTag .tags strong{ font-weight:normal; font-size:inherit; color:inherit; }

/*快捷搜索*/
.quickSearch{ width: 1180px;height: 150px;margin: 35px auto 0; display: flex; background: #ffffff;
	box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.08);
	border-radius: 10px 10px 10px 10px;}
.quickSearch .item{flex: 1;padding: 20px 50px;}
.quickSearch .item h2{display: flex;}
.quickSearch .item .img{object-fit: contain; margin-right: 5px;}

.quickSearch .name{font-size: 18px;font-weight: bold;color: #333333;}
.quickSearch .areaBox{display: flex;flex-wrap: wrap;margin-top: 15px;}
.quickSearch .areaBox .areaItem{width: 33%;margin-bottom: 20px; color: #333333;line-height: 20px;}
.quickSearch .priceBox{display: flex;flex-wrap: wrap;margin-top: 15px;}
.quickSearch .priceBox .priceItem{width: 33%;margin-bottom: 20px; color: #333333;line-height: 20px;}
.quickSearch .priceBox .unit{color: #999999;}
.quickSearch .attrBox{display: flex;flex-wrap: wrap;margin-top: 15px;}
.quickSearch .attrBox .attrItem{width: 33%;margin-bottom: 20px; color: #333333;line-height: 20px;}

/*新房楼盘*/
.houseBox{width: 1180px;margin: 0 auto; display: flex; box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.08);}
.houseBox .house_left{ width: 310px;}
.houseBox .recommend_right{flex: 1;}
.houseBox .house_left .house_title{ color: #333333;font-size: 24px;height: 60px;line-height: 60px;background: #F2FFF9;padding-left: 17px;font-weight: bold;}
.houseBox .house_left .newHouseBox{padding: 15px;}
.houseBox .house_left .left_title{position: relative;line-height: 26px;padding-left: 10px;}
.houseBox .house_left .cityPrice{display: flex;justify-content: space-between;}
.houseBox .house_left .left_title:before{content: "";position: absolute; left: 0;top: 6px;width: 4px;height: 14px;background: #3072f6;}
.houseBox .house_left .cityName{font-size: 18px; font-weight: bold;color: #333333;}
.houseBox .house_left .btn{ height: 22px;color: #7B4814;background: linear-gradient(176deg, #F38703 0%, #FFC300 79%);border-radius: 22px;font-size: 12px;padding: 0 10px;margin-top: 2px; cursor: pointer;}
.houseBox .house_left .btn .iconfont{color: #7B4814;}
.houseBox .house_left .monthPrice{margin: 30px 0 20px;display: flex;justify-content: space-between;}
#cityPriceTrend{width: 280px; height: 150px;}
.houseBox .house_left .month{font-size: 14px;color: #333333;line-height: 20px;}
.houseBox .house_left .unit{font-weight: normal;color: inherit;line-height: inherit;}
.houseBox .house_left .change{position: relative;font-size: 14px;color: #ff0000;padding-right: 20px;line-height: 20px;}
.houseBox .house_left .change.up{ color: #ff0000; }
.houseBox .house_left .change.up:after{ content: '';position: absolute;width: 0px;height: 0px;border-left: transparent 4px solid;border-right: transparent 4px solid;border-bottom: #ff0000 6px solid;right: 6px;top: 6px;}
.houseBox .house_left .change.down{ color: #3072f6; }
.houseBox .house_left .change.down:after{ content: '';position: absolute;width: 0px;height: 0px;border-left: transparent 4px solid;border-right: transparent 4px solid;border-top: #3072f6 6px solid;right: 6px;top: 7px;}
#housePriceTrend{}
.houseBox .house_left .desc{color: #999999;font-size: 12px;text-align: center; margin-top: 10px;}
.houseBox .house_left .high{margin-top: 25px;font-size: 18px;font-weight: bold;color: #333333;}
.houseBox .house_left .goodHouse{}
.houseBox .house_left .houseItem{display: flex; justify-content: space-between;line-height: 40px;}
.houseBox .house_left .houseName{ flex: 1;color: #333333; font-size: 14px;}
.houseBox .house_left .priceNum{ width: 100px;color: #333333; font-weight: bold; font-size: 14px;}
.houseBox .house_left .houseScore{ width: 50px;color: #333333;font-size: 14px;font-weight: bold; text-align: right;}

.houseBox .recommend_right{}
.houseBox .recommend_right .recommend_title{ color: #333333;font-size: 24px;height: 60px;line-height: 60px;background: #F2FFF9;padding-left: 30px;font-weight: bold;}
.houseBox .recommend_right .tab-head{display: flex;}
.houseBox .recommend_right .tab-head li{width: 150px; color: #333333; font-weight: normal; cursor: pointer;}
.houseBox .recommend_right .tab-head .active{font-weight: bold;}
.houseBox .recommend_right .tab-head .txt{ position: relative;color: inherit; font-size: 16px; font-weight: inherit; padding-bottom: 7px;}
.houseBox .recommend_right .tab-head .active .txt:before{content: ""; position: absolute;width: 20px;height: 3px;background: #3072f6; bottom: 0; left: 0; right: 0; margin: 0 auto; border-radius: 3px;}
.houseBox .recommend_right .tab-body{padding: 15px 30px;}
.houseBox .recommend_right .tab-body li{display: none;}
.houseBox .recommend_right .tab-body .active{display: flex; flex-wrap: wrap;}
.houseBox .recommend_right .item{ width: 260px;margin-right: 15px; margin-bottom: 15px;}
.houseBox .recommend_right .item:nth-child(3n + 3){margin-right: 0;}
.houseBox .recommend_right .a{}
.houseBox .recommend_right .img{width: 260px;height: 190px;object-fit: cover;border-radius: 8px;}
.houseBox .recommend_right .house_name{font-size: 18px; color: #333333; font-weight: bold;line-height: 40px;margin-top: 10px;}
.houseBox .recommend_right .price{font-size: 16px; font-weight: bold; color: #ff0000;}
.houseBox .recommend_right .tags{display: flex; margin-top: 5px;}
.houseBox .recommend_right .tag{font-size: 12px; background: #f7f7f7;color: #999999;margin-right: 5px; padding: 2px 4px;border-radius: 2px;}


/* 推荐楼盘 */
.recommend{ width:1180px; margin:0 auto 0px; }
.recommend .tab-head{ overflow:hidden; width:1185px; margin-left:-5px; }
.recommend .tab-head li{ float:left; width:390px; font-size:18px; color:#333; line-height:56px; margin-left:5px; background:#f3f3f3; text-align:center; cursor:pointer; }
.recommend .tab-head li.active{ color:#000; font-weight:bold; position:relative; }
.recommend .tab-head li.active:after{ content:''; position:absolute; width:100%; height:3px; background:#3072f6; left:0; bottom:0; }
.recommend .tab-body{ margin-top:20px; overflow:hidden; }
.recommend .tab-body li{ width:1200px; margin-left:-20px; overflow:hidden; display:none; }
.recommend .tab-body li.active{ display:block; }
.recommend .item{ width:280px; margin-left:20px; float:left; position:relative; margin-bottom: 20px;}
.recommend .item:after{ content:'广告'; position:absolute; top:0; right:0; z-index:2; font-size:10px; color:#fff; background:#000; line-height:14px; padding:0 1px; background:rgba(0, 0, 0, 0.2); filter:alpha(opacity=20);}
.recommend .item .img{ display:block; width:280px; height:170px; overflow:hidden; position:relative; }
.recommend .item .img img{ width:100%; }
.recommend .item .txt{ position:absolute; width:100%; left:0; bottom:-26px; background:#000; background:rgba(0, 0, 0, 0.7); filter:alpha(opacity=70); padding:8px 0; transition:bottom .5s; -webkit-transition:bottom .5s; -moz-transition:bottom .5s; -ms-transition:bottom .5s; }
.recommend .item .img:hover .txt{ bottom:0px; }
.recommend .item .txt h5{ font-size:18px; color:#fff; line-height:20px; margin:0 16px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.recommend .item .txt h5 span{ color:#999; font-size:12px; }
.recommend .item .sub{ color:#ccc; line-height:20px; margin:4px 16px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.recommend .item .other{ overflow:hidden; margin:4px 16px 0; }
.recommend .item .price{ float:left; color:#e95c0d; font-weight:bold; font-size:18px; line-height:20px; }
.recommend .item .follow{ float: right; color:#ccc; line-height:20px; margin-left:50px; }
.recommend .item .tag{ margin:0 16px; color:#fff; line-height:20px; }
.recommend .item .tel{ color:#f0990e; font-size:18px; line-height:60px; text-indent:54px; position:relative; }
.recommend .item .tel:before{ content:''; position:absolute; width:24px; height:24px; background:url(images/icon.png?v=20181010) -260px 0; left:20px; top:0; bottom:0; margin:auto; }

/* 特色推荐 */
.plate{ width:1180px; margin:0 auto 20px; }
.plate .list{ margin:20px 0 0 -20px; overflow:hidden; width:1200px; }
.plate .item{ float:left; margin-left:20px; overflow:hidden; position:relative; width:280px; height:190px; }
.plate .item.long{ width:580px; }
.plate .item img{ width:100%; height:100%; object-fit:cover; transition:transform .7s; -webkit-transition:transform .7s; -moz-transition:transform .7s; -ms-transition:transform .7s; }
.plate .item:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); }
.plate .item .txt{ position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden; }
.plate .item .txt h5{ font-size:24px; color:#fff; line-height:24px; height:24px; text-align:center; font-weight:normal; margin-top:56px; }
.plate .item .txt p{ font-size:16px; color:#fff; line-height:20px; text-align:center; font-weight:normal; margin-top:5px;}
.plate .item .txt span{ display:block; font-size:12px; color:#333333; background: #ffffff; width:60px; line-height:20px; border-radius: 20px; text-indent: 15px; position:absolute; right:20px; bottom:20px; }
.plate .item .txt span:after{ content:''; position:absolute; width:0; height:0; border-top:transparent 6px solid; border-bottom:transparent 6px solid; border-left:#00B578 6px solid; margin:auto; left:45px; top:0; bottom:0; }
.plate .item.long .txt h5{ color:#333; margin:40px 0 0 36px; text-align:left; }
.plate .item.long .txt p{ font-size:16px; color:#969697; line-height:16px; margin:20px 0 0 36px; text-align:left; }
.plate .item:hover .txt span{ color:#fff; border-color:#3072f6; background:#3072f6; }
.plate .item:hover .txt span:after{ border-left-color:#fff; }

/* 个性选房 */
.houseSale{ width:1180px; margin:0 auto 20px; }
.houseSale .house{ position:relative; }
.houseSale .house .prev{ position:absolute; width:30px; height:54px;  margin:auto; top:0; bottom:0; left:-60px; cursor:pointer; }
.houseSale .house .prev::before{content: '\e6ad';font-family: 'iconfont';display: block;color: #b7b7b7;font-size: 50px;}
.houseSale .house .next{ position:absolute; width:30px; height:54px; margin:auto; top:0; bottom:0; right:-56px; cursor:pointer; }
.houseSale .house .next::before{content: '\e6ac';font-family: 'iconfont';display: block;color: #b7b7b7;font-size: 50px;}
.houseSale .swiper-container{ float:left; width:960px; height:400px; }
.houseSale .list{ overflow:hidden; padding-top:20px; width:476px; margin-left:-16px; }
.houseSale .list .item{ float:left; margin-left:16px; }
.houseSale .list .item img{ transition:transform .7s; -webkit-transition:transform .7s; -moz-transition:transform .7s; -ms-transition:transform .7s; }
.houseSale .list .item:hover img{ transform:scale3d(1.05, 1.05, 1.05); -webkit-transform:scale3d(1.05, 1.05, 1.05); -moz-transform:scale3d(1.05, 1.05, 1.05); -ms-transform:scale3d(1.05, 1.05, 1.05); }
.houseSale .list .long{ width:460px; height:128px; position:relative; margin-bottom:20px; overflow:hidden; }
.houseSale .list .long .text{ position:absolute; left:0; top:0; overflow:hidden; width:100%; height:100%; }
.houseSale .list .long .text h5{ font-size:24px; color:#fff; font-weight:normal; line-height:24px; margin-top:36px; text-align:center; }
.houseSale .list .long .text p{ font-size:14px; line-height:20px; color:#fff; margin-top:5px; text-align:center; }
.houseSale .list .long .text span{ position:absolute; display:block; text-align:left; width:100px; line-height:28px; border:#fff 1px solid; border-radius:4px; font-size:16px; color:#fff; text-indent:28px; right:20px; bottom:20px; }
.houseSale .list .long .text span:before{ content:''; position:absolute; width:0; height:0; border-top:transparent 6px solid; border-bottom:transparent 6px solid; border-left:#fff 8px solid; margin:auto; top:0; bottom:0; left:70px; }
.houseSale .list .long:hover .text span{ color:#fff; border-color:#3072f6; background:#3072f6; }
.houseSale .list .long:hover .text span:before{ border-left-color:#fff; }
.houseSale .list .short{ width:222px; height:220px; }
.houseSale .list .short .img{ display:block; position:relative; width:222px; height:160px; overflow:hidden; }
.houseSale .list .short .img img{ width:100%; height:100%; object-fit:cover; }
.houseSale .list .short .img p{ position:absolute; width:100%; left:0; bottom:0; font-size:18px; color:#fff; line-height:42px; background:#000; background:rgba(0, 0, 0, 0.8); filter:alpha(opacity=80); text-align:left; text-indent:10px; }
.houseSale .list .short .img:after{ content:'广告'; position:absolute; top:0; right:0; z-index:2; font-size:10px; color:#fff; background:#000; line-height:14px; padding:0 1px; background:rgba(0, 0, 0, 0.2); filter:alpha(opacity=20);}
.houseSale .list .short .text{ overflow:hidden; padding:8px 0; }
.houseSale .list .short .price{ float:left; font-size:16px; color:#f0990e; text-align:left; font-weight:bold; line-height:20px; }
.houseSale .list .short .person{ float:right; font-size:14px; color:#999; line-height:20px; }
.houseSale .list .short .person span{ color:#f0990e; font-size:14px; }
.houseSale .list .short .adr{ float:left; width:100%; line-height:20px; font-size:14px; color:#666; text-align:left; margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.houseSale .questionnaire{ float:left; width:220px; margin-top:20px; }
.houseSale .questionnaire a{ display:block; width:220px; height:370px; overflow:hidden; }
.houseSale .questionnaire img{ width:100%; height:100%; object-fit:cover; transition:transform .7s; -webkit-transition:transform .7s; -moz-transition:transform .7s; -ms-transition:transform .7s; }
.houseSale .questionnaire img:hover{ transform:scale3d(1.05, 1.05, 1.05); -webkit-transform:scale3d(1.05, 1.05, 1.05); -moz-transform:scale3d(1.05, 1.05, 1.05); -ms-transform:scale3d(1.05, 1.05, 1.05); }

/* 二手房 */
.oldHouse{ width:1180px; margin:0 auto 20px; }
.oldHouse .publicTitle .tab-head{ float:left; margin-left:40px; }
.oldHouse .publicTitle .tab-head li{ float:left; line-height:56px; height:56px; margin-right:60px; padding:0 4px; }
.oldHouse .publicTitle .tab-head a{ font-size:16px; color:#333; }
.oldHouse .publicTitle .tab-head strong{ font-weight:normal; color:inherit; font-size:inherit; }
.oldHouse .publicTitle .tab-head a h2{ font-weight:normal; color:inherit; font-size:inherit; display:inline; margin:auto; }
.oldHouse .publicTitle .tab-head a h5{ font-weight:normal; color:inherit; font-size:inherit; display:inline; margin:auto; }
.oldHouse .publicTitle .tab-head li.active{ position:relative; }
.oldHouse .publicTitle .tab-head li.active:after{ content:''; position:absolute; width:100%; height:3px; background:#30a15d; left:0; bottom:0; }
.oldHouse .publicTitle .tab-head li.active a{ color:#30a15d; }
.oldHouse .content{ overflow:hidden; }
.oldHouse .tab-body{ float:left; width:900px; }
.oldHouse .tab-body li{ display:none; }
.oldHouse .tab-body li.active{ display:block; }
.oldHouse .list{ overflow:hidden; }
.oldHouse .item{ float:left; margin:20px 20px 0 0; }
.oldHouse .item .img{ display:block; overflow:hidden; width:280px; height:170px; position:relative; }
.oldHouse .item .img img{ width:100%; height:100%; object-fit:cover; }
.oldHouse .item .img p{ position:absolute; width:100%; line-height:30px; text-align:center; color:#fff; background:#000; background:rgba(0, 0, 0, 0.7); filter:alpha(opacity=70); left:0; bottom:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.oldHouse .item .text{ overflow:hidden; }
.oldHouse .item .text p{ font-size:14px; color:#999; float:left; line-height:30px; }
.oldHouse .item .text span{ float:right; font-size:16px; color:#f0990e; line-height:30px; font-weight:bold; }
.oldHouse .trend{ background:#f3f3f3; margin-top:20px; float:left; width:280px; height:420px; }
.oldHouse .trend h3{ font-size:18px; color:#333; line-height:20px; margin:24px 0 0 20px; }
.oldHouse .trend .desc p{ color:#333; line-height:16px; height:16px; margin:12px 0 0 20px; }
.oldHouse .trend .desc span,.oldHouse .trend .desc b{ color:#f0990e; }
.oldHouse .trend .charts{ height:280px; }
.oldHouse .trend .ps{ text-indent:20px; line-height:20px; color:#999; }

/* 顾问团队 */
.adviserTeam{ width:1180px; margin:0 auto 45px; position:relative; box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.08);}
.adviserTeam .content{ margin:0 80px; overflow:hidden; padding: 40px 0; }
.adviserTeam .swiper-container{ height: 267px; overflow:visible; }
.adviserTeam .swiper-prev{ position:absolute; width:30px; height:54px; background:url(images/prev.png?v=20181012) left top no-repeat; margin:auto; top:0; bottom:0; left: 20px; cursor:pointer; }
.adviserTeam .swiper-next{ position:absolute; width:30px; height:54px; background:url(images/next.png?v=20181012) left top no-repeat; margin:auto; top:0; bottom:0; right: 20px; cursor:pointer; }
.adviserTeam .agent{ background: linear-gradient(180deg, #f6f8fb 0%, #eef3f7 100%);display:block; height: 270px; margin-right: 20px; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; overflow:hidden; }
/*.adviserTeam .swiper-slide:nth-child(5n + 5) .agent{margin-right: 0;}*/
.adviserTeam .agent:hover{ background: linear-gradient(180deg, #f6f8fb 0%, #ced5db 100%); box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 8px 2px; -webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 8px 2px; -moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 8px 2px; -ms-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 8px 2px; }
.adviserTeam .agent .tx{ margin:10px auto 0; width:110px; height:110px; border-radius:50%; -ms-border-radius:50%; overflow:hidden; }
.adviserTeam .agent .tx img{ width:110px; height: 110px; object-fit: cover;}
.adviserTeam .agent .name{ font-size:16px; color:#333; line-height:20px; margin-top:18px; text-align:center; font-weight: bold;}
.adviserTeam .agent .store{ width: 84px;font-size: 14px;color: #985511;background: linear-gradient(360deg, #FFC300 18%, #FDFAF3 96%);box-shadow: 0px 2px 8px 0px rgba(191,125,76,0.3);border-radius: 26px;border: 1px solid #fff;cursor: pointer; line-height:26px; text-align:center; margin: 10px auto 0; }
.adviserTeam .agent .store .iconfont{color: inherit; font-size: inherit;}
.adviserTeam .agent .star{ text-align:center; padding-top:10px; }
.adviserTeam .agent .star span{ display:inline-block; width:18px; height:18px; background:url(images/icon.png?v=20181012) -290px 0 no-repeat; vertical-align:middle; }
.adviserTeam .agent .desc{ color:#333333; line-height:20px; margin-top: 10px; font-size: 12px; }
.adviserTeam .agent .desc .fraction{font-weight: bold; color: inherit; font-size: 12px;}
.adviserTeam .agent .tel{ display:inline-block; font-size:16px; line-height:22px; font-weight:bold; color:#30a15d; margin-top:10px; position:relative; padding-left:26px; letter-spacing:1px; }
.adviserTeam .agent .tel:before{ content:''; position:absolute; width:22px; height:22px; background:url(images/icon.png?v=20181012) -310px 0 no-repeat; left:0; top:1px; }


/* 导购文章 */
.articleSale{ width:1180px; margin:0 auto 20px;box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.08);border-radius: 0px 0px 8px 8px;}
.articleSale .content{ overflow:hidden; padding: 20px 15px 30px; display: flex; justify-content: space-between;}
.articleSale .t{ overflow:hidden; }
.articleSale .t a{ float:right; font-size:14px; color:#999; font-weight:normal; line-height:20px; }
.articleSale .t a:hover{ color: #3072f6; }
.articleSale .t .tt{ float:left; font-size:18px; color:#333; line-height:26px; position: relative; font-weight: bold;padding-left: 15px;}
.articleSale .t .tt:before{content: ""; position: absolute; left: 0; top: 6px; width: 4px; height: 14px; background: #3072f6;}
.articleSale .kaipan{ width:240px; position:relative; overflow:hidden; }
.articleSale .kaipan .botBox{position: relative;}
.articleSale .kaipan .hot{ margin-top:20px;margin-bottom: 10px; }
.articleSale .kaipan .hot,.articleSale .kaipan .scroll{ padding-left: 30px; }
.articleSale .kaipan dt{ background: #3072f6; width:80px; line-height:28px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; text-align:center; font-size:14px; color:#fff; position:relative; }
.articleSale .kaipan dt:before{ content:''; position:absolute; width:11px; height:11px; background: #3072f6; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin:auto; top:0; bottom:0; left:-25px; }
/*.articleSale .kaipan dt:after{ content:''; position:absolute; width:0; height:0; border-top:transparent 6px solid; border-bottom:transparent 6px solid; border-right:#30a15d 8px solid; margin:auto; left:-8px; top:0; bottom:0; }*/
.articleSale .kaipan dd a{ display:flex; justify-content: space-between; overflow:hidden; }
.articleSale .kaipan dd p{ flex: 1;line-height: 36px; font-size:14px; color:#333; }
.articleSale .kaipan dd span{ width: 85px;line-height: 36px; font-size:14px; color:#666666; }
.articleSale .kaipan dd:hover p{ color: #3072f6; }
.articleSale .kaipan .scroll-pan{ height:230px; position:relative; padding-right: 10px; }
.articleSale .kaipan .scroll{ height:100%; overflow:hidden; }
.articleSale .kaipan .scroll dt{ background:#f1f1f1; color:#333; }
.articleSale .kaipan .scroll dt:before{ background:#3072f6; }
.articleSale .kaipan .scroll dt:after{ border-right:#f1f1f1 8px solid; }
.articleSale .kaipan .scroll dt.cur{ background:#009cfe; color:#fff; }
.articleSale .kaipan .scroll dt.cur:before{ background:#009cfe; }
.articleSale .kaipan .scroll dt.cur:after{ border-right:#009cfe 8px solid; }
.articleSale .kaipan .botBox:before{ content:''; position:absolute; width:1px; height:100%; border-left:#d9d8db 1px dashed; top: 10px; left: 10px; }
.articleSale .article{ margin:0 20px; }
.articleSale .article .list{ overflow:hidden; }
.articleSale .article .item{ overflow:hidden; margin-top: 35px; }
.articleSale .article .item:nth-child(1){margin-top: 20px;}
.articleSale .article .img{ float:left; }
.articleSale .article .img img{ width:160px; height:110px;object-fit: cover; border-radius: 4px; }
.articleSale .article .text{ float:left; margin-left:20px; width:400px; }
.articleSale .article .text h3{ font-weight:normal; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.articleSale .article .text h3 a{ font-size:18px; color:#333;font-weight: bold; }
.articleSale .article .text h3 a:hover{ color: #3072f6; }
.articleSale .article .desc{ font-size:14px; color:#999999; line-height:1.5em; max-height:3em; overflow:hidden; margin-top:15px; }
.articleSale .article .date{ font-size:14px; color:#999; margin-top:11px; line-height:20px; }
.articleSale .article .date .iconfont{margin-right: 5px; font-size: 12px; color: #999999;}
.articleSale .newsInfo{ width:280px; }
.articleSale .newsInfo .scroll{ height:370px; position:relative; margin-top:20px; }
.articleSale .newsInfo .scroll:before{ content:''; position:absolute; width:1px; height:100%; border-left:#d9d8db 1px dashed; left:12px; top: 10px; }
.articleSale .newsInfo .scroll dl{ height:100%; overflow:hidden; }
.articleSale .newsInfo .scroll dt{ line-height:28px; font-size:14px; color:#999; padding-left:35px; position:relative; }
.articleSale .newsInfo .scroll dt.cur{ text-indent:0px; padding-left: 35px;}
.articleSale .newsInfo .scroll dt:before{ content:'\e6ba'; position:absolute;  margin:auto; top:0; bottom:0; left:6px; font-family: 'iconfont';}
.articleSale .newsInfo .scroll dt.cur:before{content: '\e6ba'; width:25px; height:25px; left:0; font-family: 'iconfont';color: #FF8F1F;line-height: 25px;text-align: center;}
.articleSale .newsInfo .scroll dt span{background: #f1f1f1;width: 80px;line-height: 28px;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;text-align: center;font-size: 14px;color: #333333;position: relative;display: inline-block;}
.articleSale .newsInfo .scroll dd{ line-height:36px; padding-left: 35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.articleSale .newsInfo .scroll dd a{ font-size:14px; color:#333; }
.articleSale .newsInfo .scroll dd a:hover{ color: #3072f6; }
.articleSale .scroll_bar { position:absolute; top:0; right:0; width:4px; height:100%; background-color:#F1F1F1; }
.articleSale .scroll_slider { position:absolute; top:0; left:0px; width:4px; height:48px; background-color:#c2c2c2; border-radius:5px; opacity:.5; }
.articleSale .scroll_slider:hover{ opacity:1; }

/* 资讯内容 */
.newsContent{ width:1180px; margin:0 auto 20px;box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.08); }
.newsContent .content{padding: 28px; display: flex;}
.newsContent .content:after{content: "";display: block;clear: both;}
.newsContent object{display: block;overflow: hidden;}
.newsContent .publicTitle .tab-head{ float:left; margin-left:40px; }
.newsContent .publicTitle .tab-head li{ float:left; line-height:56px; height:56px; margin-right:60px; padding:0 4px; }
.newsContent .publicTitle .tab-head a{ font-size:16px; color:#333; }
.newsContent .publicTitle .tab-head .cur{font-weight: bold; position: relative;}
.newsContent .publicTitle .tab-head li:hover{ position:relative; }
.newsContent .publicTitle .tab-head .cur:after{ content:''; position:absolute; width:50%; height:3px; background: #3072f6; left:0; bottom: 10px; right: 0; margin: 0 auto;}
.newsContent .publicTitle .tab-head li:hover a{ color:#333333; }
.newsContent .toutiao{ text-align:center; }
.newsContent .toutiao a{ display:inline-block; vertical-align:middle; font-size:30px; padding-left:80px; color:#333; line-height:30px; max-width:1180px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.newsContent .toutiao a:before{ content:'HOT'; position:absolute; line-height:30px; height:30px; background:#fe5a00; color:#fff; font-size:20px; margin:auto; left:4px; top:0; bottom:0; text-indent:0px; width:56px; text-align:center; }
.newsContent .toutiao a:after{ content:''; position:absolute; width:0; height:0; border-top:transparent 5px solid; border-bottom:transparent 5px solid; border-left:#fe5a00 10px solid; margin:auto; left:56px; top:0; bottom:0; }
.newsContent .toutiao a:hover{ color:#30a15d; }
.newsContent .big{ overflow:hidden; padding-top:20px; }
.newsContent .bigSwiper{ float:left; width:540px; height:395px; }
.newsContent .bigSwiper:after{ content:'广告'; position:absolute; top:0; right: 4px; z-index:2; font-size:10px; color:#fff; background:#000; line-height:14px; padding:0 1px; background:rgba(0, 0, 0, 0.2); filter:alpha(opacity=20);}
.newsContent .bigSwiper .img{ display:block; position:relative; width:540px; height: 395px; }
.newsContent .bigSwiper .img img{ width:100%; height:100%; object-fit:cover; border-radius: 8px;}
.newsContent .bigSwiper .img p{ position:absolute; width: 100%;font-size: 20px;color: #ffffff;font-weight: bold;line-height: 28px; left:0; bottom: 0; right: 0; margin: 0 auto; background:rgba(0, 0, 0, 0.8); filter:alpha(opacity=80); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding: 15px;}
.newsContent .bigSwiper .img .maxLine2{word-break: break-all;width: 100%;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.newsContent .bigSwiper .img p .dec_lb{color: #fff; font-weight: bold;font-size: 20px;line-height: 28px;}
.newsContent .bigSwiper .img p .dec_lb:hover{color: #3072f6;}
.newsContent .bigSwiper .img p .num{display: inline-block;position: absolute;right: 18px;top: 0px;font-size: 16px;color: #ffffff;line-height: 48px;}
.newsContent .bigSwiper .prev{ position:absolute; width:30px; height:54px; margin: auto;top: 0;  bottom:0; left:0; cursor:pointer; }
.newsContent .bigSwiper .prev::before{content: '\e6ad';font-family: 'iconfont';font-size: 30px;display: block;line-height: 55px;color: #ffffff; font-weight: bold;}
.newsContent .bigSwiper .next{ position:absolute; width:30px; height:54px; margin: auto;top: 0; bottom:0; right:20px; cursor:pointer; }
.newsContent .bigSwiper .next::before{content: '\e6ac';font-family: 'iconfont';font-size: 30px;display: block;line-height: 55px;color: #ffffff;font-weight: bold;}
.newsContent .bigList dt{ overflow:hidden; margin-bottom:24px;border-bottom: 1px solid #f0f0f0; padding-bottom: 22px; }
.newsContent .bigList dt a{display: flex;}
.newsContent .bigList .img{ float:left; width:160px; height:110px; }
.newsContent .bigList .img img{ width:100%; height:100%; object-fit:cover; border-radius: 4px;}
.newsContent .bigList .txt{ flex: 1; margin-left: 27px;}
.newsContent .bigList .txt h3{ line-height:20px;  font-weight:normal;  }
.newsContent .bigList .txt h3{ font-size:18px; color:#333; font-weight: bold; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden;line-height: 24px;}
.newsContent .bigList .txt h3:hover{ color: #3072f6; }
.newsContent .bigList .txt .date{ font-size:14px; color:#999; line-height:20px; margin-top:10px; }
.newsContent .bigList .txt .tag{ background: linear-gradient(317deg, #FFC300 0%, #FD9E3E 100%);border: 1px solid #fd9e3e;padding: 2px 4px;border-radius: 20px;color: #fff;font-size: 12px;margin-right: 10px;}
.newsContent .bigList .txt .date .iconfont{font-size: 12px; color: #999999; margin-right: 5px;}
.newsContent .bigList .txt .desc{ font-size:14px; color:#999; line-height:20px; margin-top:8px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; }
.newsContent .bigList .txt .desc span{ color:#30a15d; }
.newsContent .bigList .txt .desc span:hover{ text-decoration:underline; }
.newsContent .bigList dd{ overflow:hidden; position:relative; padding-left:18px; }
.newsContent .bigList dd:before{ content:''; position:absolute; width:6px; height:6px; background:#656565; margin:auto; left:0; top:0; bottom:0; }
.newsContent .bigList dd p{ float:left; line-height:28px; height:28px; width:400px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.newsContent .bigList dd p a{ font-size:14px; color:#333; }
.newsContent .bigList dd p a:hover{ color:#30a15d; }
.newsContent .bigList dd span{ float:right; font-size:14px; color:#999; line-height:28px; }
.newsContent .bigList dl:last-child{ margin-top:14px; }
.newsContent .bigList dl:last-child dt{margin-bottom: 0; padding-bottom: 0;border: 0;}
.newsContent .small{ overflow:hidden; margin-top:20px; }
.newsContent .smallTab{ float:left; width:580px; }
.newsContent .smallTab .tab-head{ background:#f8f8f8; overflow:hidden; }
.newsContent .smallTab .tab-head li{ float:left; line-height:48px; height:48px; padding:0 12px; margin-right:30px; }
.newsContent .smallTab .tab-head li.active{ position:relative; }
.newsContent .smallTab .tab-head li.active:after{ content:''; position:absolute; width:100%; height:3px; background:#30a15d; left:0; bottom:0; }
.newsContent .smallTab .tab-head a{ font-size:18px; color:#333; }
.newsContent .smallTab .tab-head li.active a,.newsContent .smallTab .tab-head a:hover{ color:#30a15d; }
.newsContent .smallTab .tab-body li{ display:none; }
.newsContent .smallTab .tab-body li.active{ display:block; }
.newsContent .smallTab .tab-body .list{ overflow:hidden; padding-bottom:16px; }
.newsContent .smallTab .tab-body .item{ overflow:hidden; margin-top:16px; }
.newsContent .smallTab .tab-body .item a{ float:left; font-size:16px; color:#333; line-height:20px; max-width:500px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.newsContent .smallTab .tab-body .item a:hover{ color:#30a15d; }
.newsContent .smallTab .tab-body .item span{ float:right; line-height:20px; color:#999; }
.newsContent .imgShow{ float:left; width:280px; margin-left:20px; }
.newsContent .imgShow h3{ background:#f5f5f5; line-height:48px; height:48px; font-weight:normal; text-indent:20px; }
.newsContent .imgShow h3 a{ color:#333; font-size:18px; }
.newsContent .imgShow h3 a:hover{ color:#30a15d; }
.newsContent .imgShow dl{ margin-top:20px; }
.newsContent .imgShow dt a{ display:block; height:110px; width:280px; overflow:hidden; position:relative; }
.newsContent .imgShow dt img{ width:100%; height:100%; object-fit:cover; }
.newsContent .imgShow dt p{ position:absolute; width:100%; line-height:30px; height:30px; text-indent:10px; font-size:18px; color:#fff; background:#000; background:rgba(0, 0, 0, 0.7); filter:alpha(opacity=70); left:0; bottom:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.newsContent .imgShow dd{ line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:30px; }
.newsContent .imgShow dd a{ color:#333; }
.newsContent .imgShow dd a:hover{ color:#30a15d; }
.newsContent .left,.newsContent .right{overflow: hidden;}
.newsContent .right{flex: 1;}
.newsContent .left{width: 540px;margin-right: 20px;}
.newsContent .left .part1,.newsContent .left .part2{overflow: hidden;}
.newsContent .left .part1{margin-bottom: 30px;}
.newsContent .left .part2 .list_ts li{overflow: hidden;margin-bottom: 10px;}
.newsContent .left .part2 .list_ts li:last-child{margin-bottom: 0px;}
.newsContent .left .part2 .list_ts a{display: block;float: left;}
.newsContent .left .part2 .list_ts .time{display: block;float: right;color: #999;line-height: 17px;}
.newsContent .left .part2 .list_ts .tab{padding: 1px 6px; color: #ffffff;border-radius: 10px;font-size: 12px;border: 1px solid #FD9E3E;background: linear-gradient(317deg, #FFC300 0%, #FD9E3E 100%);}
.newsContent .left .part2 .list_ts .tab:hover{color: #fff;background:#feb021 ;}
.newsContent .left .part2 .list_ts .tit{max-width: 360px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color: #333; padding-left: 20px;line-height: 17px;position: relative;}
/*.newsContent .left .part2 .list_ts .tit::before{content: '';width: 5px;height: 5px;background: #000;position: absolute;left: 10px;top: 6px;border-radius: 50%;}*/
.newsContent .left .part2 .list_ts li .tit:hover{color: #3072f6;}
.newsContent .left .part2 .list_ts li .tit:hover::before{background: #30a15d;}
.newsContent .left,.newsContent .right .bigList .txt .desc object{display: inline-block;vertical-align: bottom;}

/*新的个性选房*/
.personality{ width: 1180px;margin: 20px auto; box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.08);border-radius: 0px 0px 8px 8px; }
.personality .selectBox{display: flex; padding: 25px; justify-content: space-between;}
.personality .selectBox .left{flex: 1;margin-right: 40px; }
.personality .selectBox .bot{display: flex;justify-content: space-between; margin-top: 25px;}
.personality .selectBox .top{display: flex;justify-content: space-between;}
.personality .selectBox .top .video{position: relative;}
.personality .selectBox .top .img{width: 400px;height: 175px; object-fit: cover;}
.personality .selectBox .top .txt{ position: absolute; color: #ffffff;font-size: 22px;font-weight: bold;left: 0;text-shadow: 2px 2px 0px #000000;top: 50%;transform: translateY(-50%);right: 0;display: block;text-align: center;}
.personality .selectBox .top .goPage{ position: absolute; display: block;font-size: 12px;color: #333333;background: #ffffff;width: 60px;line-height: 20px;border-radius: 20px;text-indent: 15px;right: 20px;bottom: 20px;}
.personality .selectBox .top .goPage:after{ content: '';position: absolute;width: 0;height: 0;border-top: transparent 6px solid;border-bottom: transparent 6px solid;border-left: #00B578 6px solid;margin: auto;left: 45px;top: 0;bottom: 0;}
.personality .selectBox .top .video:hover .goPage{color: #fff;border-color: #3072f6;background: #3072f6;}
.personality .selectBox .top .video:hover .goPage:after{border-left-color: #ffffff;}
.personality .selectBox .right{ width: 280px;}
.personality .selectBox .bot .houses{ width: 196px; }
.personality .selectBox .bot .img{width: 196px;height: 142px;object-fit: cover;border-radius: 8px;}
.personality .selectBox .bot .house_name{font-size: 18px;color: #333333;font-weight: bold;line-height: 40px;margin-top: 10px;}
.personality .selectBox .bot .price{font-size: 16px;font-weight: bold;color: #ff0000;}
.personality .selectBox .bot .tags{display: flex; margin-top: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.personality .selectBox .bot .tag{font-size: 12px;background: #f7f7f7;color: #999999;margin-right: 5px; padding: 2px 4px;border-radius: 2px;}
.personality .selectBox .Ai{position: relative; display: block;}
.personality .selectBox .Ai .AiTitle{position: absolute; font-size: 28px;font-weight: bold;color: #0e349b;top: 20px;left: 20px;}
.personality .selectBox .Ai .AiDesc{position: absolute; font-size: 16px; font-weight: bold; color: #0e349b; top: 60px; left: 20px;}
.personality .selectBox .Ai .AiMatch{position: absolute; font-size: 16px;font-weight: bold;color: #ffffff;bottom: 33px; left: 95px;}
.personality .selectBox .Ai .AiNum{font-size: 18px; color: #ffca1d;font-weight: bold;}

/** 新的二手房 **/
.esf{ width: 1180px;margin: 0 auto; box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.08);border-radius: 0px 0px 8px 8px; }
.esf .publicTitle {display: flex;}
.esf .houseBox{padding: 25px; margin: 0;}
.esf .areaBox{display: flex;height: 56px;line-height: 56px;margin-left: 40px;}
.esf .areaBox .area{ position: relative;margin-right: 30px;font-size: 16px;color: #333333;cursor: pointer;}
.esf .areaBox .area.active{font-weight: bold;}
.esf .areaBox .area.active:before{content: "";position: absolute;width: 50%;height: 3px;background: #3072f6;left: 0; bottom: 10px;right: 0;margin: 0 auto;}
.esf .houseBox .houses{display: none;}
.esf .houseBox .houses.active{display: flex; flex-wrap: wrap;}
.esf .houseBox .house{margin-right: 30px; }
.esf .houseBox .house:nth-child(4n + 4){margin-right: 0;}
.esf .houseBox .house .img{width: 260px;height: 190px;object-fit: cover;border-radius: 8px;}
.esf .houseBox .house .house_name{font-size: 18px; color: #333333; font-weight: bold; line-height: 40px; margin-top: 10px;}
.esf .houseBox .house .price{font-size: 16px; font-weight: bold; color: #ff0000;}
.esf .houseBox .house .tags{display: flex;margin-top: 5px;}
.esf .houseBox .house .tag{font-size: 12px; background: #f7f7f7; color: #999999; margin-right: 5px; padding: 2px 4px; border-radius: 2px;}
.esf .houseBox .house .layout{ color: #999999; font-size: 12px; margin-bottom: 10px;}

	/* 知识库 */
.knowledgeBox{ width:1180px; height: 540px; margin:0 auto 20px; zoom:1;overflow: hidden;}
.knowledgeBox .list{ margin:0 0 0 -20px; overflow:hidden; width:1200px; height: 460px;display: flex;display: -webkit-flex;flex-wrap: wrap;align-content: flex-start;}
.knowledgeBox .item{ width:220px; margin:20px 0 0 20px; flex: 0 0 18%; padding-bottom:10px; background:#f3f3f3;height: 210px;position:relative; border: #5aba4b 1px solid; overflow: hidden;top: 0; z-index: 1}
.knowledgeBox .item dt{ text-align:center; line-height:20px; height:20px; float:left; width:100%; margin:20px 0 10px; }
.knowledgeBox .item dt a{ font-size:18px; color:#333; font-weight:bold; }
.knowledgeBox .item dt strong{ font-weight:normal; color:inherit; font-size:inherit; }
.knowledgeBox .item dt a:hover{ color:#30a15d; }
.knowledgeBox .item dd{ float:left; width:50%; }
.knowledgeBox .item dd a{ font-size:14px; color:#999; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:32px; height:32px; text-indent:15px; width:81%; letter-spacing:1px; }
.knowledgeBox .item dd a:hover{ color:#30a15d; }
.zsksec .item{height:442px;}
.zsksec list{height:400px;}
.zskcfivnav{width:220px;overflow: hidden;}
.zsksec .foozsk{top:-240px;}
.zskmore{width:100%; line-height:16px; padding:0 0 5px; overflow: hidden; text-align:center; color:#869099; cursor:pointer; position: absolute;
	bottom: 0; background: #fff
}
.knowledgeBox .zsksec{height: 400px;z-index: 3;}
.knowledgeBox .zskfoot{top: 220px;z-index: -1}

/* 新的底部楼讯知识库 */
.newsList{width: 1180px;margin: 20px auto; box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.08);border-radius: 0px 0px 8px 8px;}
.newsList .publicTitle {display: flex;}
.newsList .contentBox{padding: 25px; margin: 0;}
.newsList .newsBox{display: flex;height: 56px;line-height: 56px;margin-left: 40px;}
.newsList .newsBox .news{ position: relative;margin-right: 30px;font-size: 16px;color: #333333;cursor: pointer;}
.newsList .newsBox .news h3{color: #333333; font-weight: normal; font-size: 16px;}
.newsList .newsBox .news.active h3{font-weight: bold;}
.newsList .newsBox .news.active:before{content: "";position: absolute;width: 50%;height: 3px;background: #3072f6;left: 0; bottom: 10px;right: 0;margin: 0 auto;}
.newsList .content{display: none;}
.newsList .content.active{display: block;}
.newsList .content .ul{display: flex; flex-wrap: wrap;}
.newsList .content .li{ width: 20%; margin-right: 5%; color: #333333; margin-bottom: 20px; }
.newsList .content .li a{cursor: pointer; color: initial;}
.newsList .content .li a:hover{color: #3072f6;}

/*知识库start*/
/*.zskcontfiv{width:1180px; margin:0 auto;*margin-bottom: 20px;}*/
.zskcontfiv{width:1180px; height: 540px; margin:0 auto 20px; zoom:1;overflow: hidden;}
.zskcfiv{width:1205px;}
.zskcfivnav{width:220px; height: 209px; background: #f3f3f3; border:#e4e4e4 1px solid; position:absolute; top:0; left:0; z-index:1;}
.zskcfivnav:hover{box-shadow: 0 0 5px #ccc;}
.zskcfivnav h4{font-size:20px; text-align:center; line-height:50px;}
.zskcfivnav ul{display:block; overflow:hidden; padding:0 0 0 30px;}
.zskcfivnav ul li{float:left; height:30px; width: 65px; margin:0 22px 0 0;}
.zskcfivnav ul li a{line-height:0px; color:#666;white-space: nowrap;}
.zskmore{width:100%; background: #f3f3f3; line-height:15px; padding:0 0 10px; overflow:hidden; text-align:center; color:#869099; cursor:pointer;}
.zskcfivnav ul li a:hover{color:#5ab331 !important;}
ul.jsqfov{height:160px !important;}
	.zskfivpo{position:relative;width:210px; height:190px; float:left; margin:20px 30px 20px 0px;}
.zskfivpo ul{height:120px;}
.zsksec{*z-index: 3;}
.zsksec .zskcfivnav{height:439px; z-index:2; background: #f3f3f3;}
.zsksec ul{height:352px;}
.zsksec .foozsk{top:-231px;}
/*知识库end*/

/* 帮您找房 */
.helpHouse{ position:fixed; width:116px; height:120px; margin-top:-60px; top:120px; right:0; z-index:99; }
.helpHouse .bg{ position: relative;width: 77px; height:78px; background:url(images/AI.gif?v=20181015) no-repeat; margin:0 auto; cursor:pointer; background-size: cover;}
.helpHouse .bg:before{content: "AI找房"; position: absolute; font-size: 16px; color: #ffffff; font-weight: bold; left: 15px; bottom: 5px;}
.helpHouse .btn{ position:absolute; margin:auto; left:0; top:88px; right:0; width:116px; z-index:2; }
.helpHouse .btn > span{ display:block; line-height:30px; width:116px; margin:0 auto; background:#30a15d; color:#fff; text-align:center; position:relative; z-index:2; }
.helpHouse .box{ width:298px; position:absolute; z-index:1; top:88px; left:50%; margin-left:-150px; background:#fafafa; border:#e3dede 1px solid; padding:30px 0 0; padding-bottom:20px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; display:none; }
.helpHouse .box h5{ font-size:14px; color:#333; line-height:60px; text-align:center; font-weight:normal; }
.helpHouse .box input[type='text']{ width:240px; height:48px; border:#e3dede 1px solid; display:block; margin:0 auto; text-align:center; font-size:14px; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; }
.helpHouse .box .xy{ text-align:center; padding-top:15px; }
.helpHouse .box .xy > div{ display:inline-block; overflow:hidden; }
.helpHouse .box .xy input{ float:left; height:18px; }
.helpHouse .box .xy span{ float:left; line-height:18px; margin:0 4px; font-size:14px; }
.helpHouse .box .xy a{ float:left; line-height:18px; color:#30a15d; font-size:14px; }
.helpHouse .box button,.helpHouse .box .ajax_tg_submit{ display:block; width:92px; background:#30a15d; height:36px; font-size:14px; color:#fff; border:none; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:18px; margin:18px auto 0; }
.helpHouse .box button,.helpHouse .box .ajax_tg_submit_new{ display:block; width:92px; background:#30a15d; height:36px; font-size:14px; color:#fff; border:none; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:18px; margin:18px auto 0; }
.helpHouse .box.open{ display:block; animation:animate-fade .3s; -webkit-animation:animate-fade .3s; -moz-animation:animate-fade .3s; }
.helpHouse .box .close{ position:absolute; width:34px; height:34px; right:-17px; top:-17px; background:url(images/icon.png) 0 0; }

/*法律咨询顾问*/
.legalAdvice{
	position: fixed;
	width: 126px;
	height: 58px;
	/*margin-top: -60px;*/
	top: 200px;
	right: 45px;
	z-index: 99;
	box-shadow: 0 0 4px 1px #d4d4d4;
	padding-left: 10px;
	border-radius: 4px;
	cursor: pointer;
	background: #fff;
}
.legalAdvice:after{
	content: "";
	position: absolute;
	background: url(images/legal2x.png?v=20210224) no-repeat;
	width: 80px;
	height: 80px;
	background-size: contain;
	top: -10px;
	right: -45px;
	z-index: -1;
}
.legalBox .title{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFA009;
	line-height: 38px;
	text-align: center;
}
.legalBox .desc{
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFA009;
	text-align: center;
}
.legalAdvice .item{
	display: none;
	position: absolute;
	left: -170px;
	top:0;
}
.legalAdvice:hover .item{
	/*display: block;*/
}
.legalAdvice .item.imInletPanel1{
	top: 0px;
}
.legalAdvice .item.imInletPanel2{
	top: -30px;
}
.legalAdvice .item.imInletPanel3{
	top: -80px;
}
.legalAdvice .item.imInletPanel4{
	top: -80px;
}
.legalAdvice .item.imInletPanel5{
	top: -80px;
}
.legalAdvice .item .panel:after{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: transparent 6px solid;
	border-bottom: transparent 6px solid;
	border-left: #555 8px solid;
	margin: auto;
	right: -7px;
	bottom: 0;
}
.legalAdvice .item.imInletPanel1 .panel:after{
	top: -10px;
}
.legalAdvice .item.imInletPanel2 .panel:after{
	top: -25px;
}
.legalAdvice .item.imInletPanel3 .panel:after{
	top: 6px;
}
.legalAdvice .item.imInletPanel4 .panel:after{
	top: 6px;
}
.legalAdvice .item.imInletPanel5 .panel:after{
	top: 6px;
}
.legalAdvice .imInletIndex{
	max-height: 214px !important;
}
.legalAdvice .imInletIndex .num{
	color: #FFA009;
	font-size: 12px;
}

/* 6个操作类型的时候 */
.rightFloat .panel.imInletPanel5{margin-top: -124px}
.rightFloat .panel.imInletPanel4{margin-top: -53px}
.rightFloat .panel.imInletPanel3{margin-top: -24px}
.rightFloat .panel.imInletPanel2{margin-top: -24px}
.rightFloat .panel.imInletPanel1{margin-top: -24px}
.rightFloat .panel.imInletPanel5:after{top:120px;bottom: auto;}
.rightFloat .panel.imInletPanel4:after{top:49px;bottom: auto;}
.rightFloat .panel.imInletPanel3:after{top:20px;bottom: auto;}
.rightFloat .panel.imInletPanel2:after{top:20px;bottom: auto;}
.rightFloat .panel.imInletPanel1:after{top:20px;bottom: auto;}


.imgNavsBox{ width: 1180px; margin: 20px auto;display: flex;justify-content: space-between; align-items: baseline;}
.imgNavsBox .imgNavItem{}
.imgNavsBox .imgNavItem p{color: #333333;font-weight: bold;font-size: 14px;}