@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(/uploads/image/ppaimages/loading.gif) 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(/uploads/image/ppaimages/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(/uploads/image/ppaimages/prev.png) center center no-repeat;}
.banner .flexslider .flex-direction-nav li a.flex-next{ right:40px; background:url(/uploads/image/ppaimages/next.png) 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: ;}
.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:#05b570; }
.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:#05b570; }
.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:#05b570; 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: #31ce90;}
.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: #31ce90; }
.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: #31ce90 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: #31ce90; 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:#05b570; 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(/uploads/image/ppaimages/icon.png) -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:#05b570; background:#05b570; }
.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:#05b570; background:#05b570; }
.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(/uploads/image/ppaimages/prev.png) 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(/uploads/image/ppaimages/next.png) 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(/uploads/image/ppaimages/icon.png) -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(/uploads/image/ppaimages/icon.png) -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: #31ce90; }
.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: #31ce90;}
.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: #31ce90; 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: #31ce90; 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: #31ce90; }
.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:#31ce90; }
.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: #31ce90; }
.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: #31ce90; }
.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: #31ce90; 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: #31ce90;}
.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: #31ce90; }
.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: #31ce90;}
.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: #05b570;background: #05b570;}
.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: #31ce90;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: #31ce90;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: #31ce90;}
/*知识库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: 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(/uploads/image/ppaimages/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(/uploads/image/ppaimages/legal2x.png) 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;}