@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; } .banner .search .hot span{ float:left; color:#ccc; font-size:14px; line-height:20px; height:20px; } .banner .search .hot i{ font-size:12px; } .banner .search .hot a{ float:left; 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; 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: 30px auto 35px; 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{ line-height: 36px; font-size:14px; color:#333; } .articlesale .kaipan dd span{ 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:560px; height:410px; } .newscontent .bigswiper: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);} .newscontent .bigswiper .img{ display:block; position:relative; width:560px; height:410px; } .newscontent .bigswiper .img img{ width:100%; height:100%; object-fit:cover; border-radius: 8px;} .newscontent .bigswiper .img p{ position:absolute; width: 404px;font-size: 20px;color: #ffffff;font-weight: bold;line-height: 28px; left:0; top: 50%; right: 0;transform: translatey(-50%); margin: 0 auto;border: 1px solid #ffffff; background:rgba(0, 0, 0, 0.8); filter:alpha(opacity=80); border-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{ float:left; width:580px; } .newscontent .biglist dt{ overflow:hidden; margin-bottom:24px;border-bottom: 1px solid #f0f0f0; padding-bottom: 22px; } .newscontent .biglist dt a{display: block;} .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{ float:left; width:370px; 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{float: left;overflow: hidden;} .newscontent .left{width: 560px;margin-right:30px;} .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 dt>a>object{float: left;} .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 .img{width: 400px;height: 175px; object-fit: cover;} .personality .selectbox .right{ width: 280px;} .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;} .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: 40px 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;}