@charset "utf-8"; /* banner */ .banner{ position:relative; margin-bottom:20px; } .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 22px; } .banner .search .tab a{ float:left; font-size:18px; color:#ccc; line-height:18px; margin-right:40px; } .banner .search .tab h2{ font-weight:normal; font-size:inherit; color:inherit; display:inline; } .banner .search .tab a.cur{ color:#fff; position:relative; } .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 24px; } .banner .search .input{ float:left; position:relative; } .banner .search .input input{ float:left; height:54px; line-height:54px\9; width:496px; border:none; font-size:14px; text-indent:10px; border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; } .banner .search .input button{ float:left; width:78px; background:#20ac6d; height:54px; border:none; position:relative; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; cursor:pointer; } .banner .search .input button:before{ content:'\e66d'; position:absolute; width:32px; height:32px; margin:auto; left:0; top:0; right:0; bottom:0; font-family: 'iconfont';color: #fff;font-size: 25px;line-height: 32px;} .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:120px; height:54px; background:#fff; color:#333; line-height:54px; font-size:16px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; position:relative; text-indent:40px; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; -ms-transition:background .3s; } .banner .search .searchbox > a:hover{ background:#20ac6d; color:#fff; } .banner .search .searchbox > a:before{ content:'\e608'; position:absolute; width:23px; height:22px; margin:auto; left:10px; top:0; bottom:0; font-family: 'iconfont';left: -23px;line-height: 20px;font-size: 18px;color: #333;} .banner .search .searchbox > a:hover:before{ background-position:-50px 0; } .banner .search .hot{ padding:0 24px; overflow:hidden; padding-top:5px; } .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:#f3f3f3; overflow:hidden; } .publictitle:before{ content:''; position:absolute; width:4px; height:100%; background:#30a15d; left:0; top:0; } .publictitle h2{ float:left; line-height:56px; height:56px; font-weight:normal; margin-left:20px; } .publictitle h2 a{ font-size:24px; color:#333; } .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; } .publictitle h5 a:hover{ color:#05b570; } .publictitle .desc{ float:left; line-height:56px; color:#969697; 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; } /* 推荐楼盘 */ .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:16px; color:#fff; width:100px; line-height:28px; border:#fff 1px solid; border-radius:4px; text-indent:28px; 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:#fff 6px solid; margin:auto; left:70px; 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; position:relative; } .adviserteam .content{ width:1220px; margin:0 auto; overflow:hidden; margin-left:-20px; padding-bottom:20px; } .adviserteam .swiper-container{ width:1200px; margin:20px 0 0 0px; height:310px; 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:-56px; 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:-56px; cursor:pointer; } .adviserteam .agent{ background:#f3f3f3; display:block; height:310px; margin-left:20px; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; overflow:hidden; } .adviserteam .agent:hover{ background:#fff; 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:130px; height:130px; border-radius:50%; -ms-border-radius:50%; overflow:hidden; } .adviserteam .agent .tx img{ width:130px; } .adviserteam .agent .name{ font-size:18px; color:#333; line-height:20px; margin-top:18px; text-align:center; } .adviserteam .agent .store{ cursor: pointer;width:70px; line-height:26px; border-radius:4px; background:#30a15d; font-size:12px; text-align:center; margin:6px auto 0; color:#fff; } .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:#999; line-height:20px; margin-top:6px; } .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; } .articlesale .content{ overflow:hidden; margin:20px 0 0 0; } .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:#30a15d; } .articlesale .t .tt{ float:left; font-size:18px; color:#333; font-weight:normal; line-height:20px; } .articlesale .kaipan{ float:left; width:280px; position:relative; overflow:hidden; } .articlesale .kaipan .hot{ margin-top:20px; } .articlesale .kaipan .hot,.articlesale .kaipan .scroll{ padding-left:22px; } .articlesale .kaipan dt{ background:#30a15d; 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:#30a15d; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin:auto; top:0; bottom:0; left:-22px; } .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{ width:258px; } .articlesale .kaipan dd a{ display:block; overflow:hidden; } .articlesale .kaipan dd p{ float:left; line-height:28px; font-size:14px; color:#333; } .articlesale .kaipan dd span{ float:right; line-height:28px; font-size:14px; color:#999; margin-right:10px; } .articlesale .kaipan dd:hover p{ color:#30a15d; } .articlesale .kaipan .scroll-pan{ height:230px; position:relative; } .articlesale .kaipan .scroll{ height:100%; overflow:hidden; } .articlesale .kaipan .scroll dt{ background:#f1f1f1; color:#333; } .articlesale .kaipan .scroll dt:before{ background:#d9d8db; } .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:before{ content:''; position:absolute; width:1px; height:100%; border-left:#d9d8db 1px dashed; top:40px; left:5px; } .articlesale .article{ float:left; width:580px; margin:0 20px; } .articlesale .article .list{ overflow:hidden; } .articlesale .article .item{ overflow:hidden; margin-top:20px; } .articlesale .article .img{ float:left; } .articlesale .article .img img{ width:160px; height:110px; } .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; } .articlesale .article .text h3 a:hover{ color:#30a15d; } .articlesale .article .desc{ font-size:14px; color:#666; line-height:1.5em; max-height:3em; overflow:hidden; margin-top:15px; } .articlesale .article .date{ font-size:14px; color:#999; margin-top:10px; line-height:20px; } .articlesale .newsinfo{ float:left; 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:0; } .articlesale .newsinfo .scroll dl{ height:100%; overflow:hidden; } .articlesale .newsinfo .scroll dt{ line-height:28px; font-size:14px; color:#999; padding-left:27px; position:relative; } .articlesale .newsinfo .scroll dt.cur{ text-indent:0px; padding-left: 37px;} .articlesale .newsinfo .scroll dt:before{ content:''; position:absolute; width:13px; height:13px; background:#dbdadb; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin:auto; top:0; bottom:0; left:6px; } .articlesale .newsinfo .scroll dt.cur:before{content: '\e6af'; width:25px; height:25px; left:0; font-family: 'iconfont';background: #30a15d;color: #fff;line-height: 25px;text-align: center;} .articlesale .newsinfo .scroll dd{ line-height:26px; padding-left:27px; 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:#30a15d; } .articlesale .scroll_bar { position:absolute; top:0; right:0; width:5px; height:100%; background-color:#e4e4e4; } .articlesale .scroll_slider { position:absolute; top:0; left:0px; width:5px; height:48px; background-color:#525252; border-radius:5px; opacity:.5; } .articlesale .scroll_slider:hover{ opacity:1; } /* 资讯内容 */ .newscontent{ width:1180px; margin:0 auto 20px; } .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 li:hover{ position:relative; } .newscontent .publictitle .tab-head li:hover:after{ content:''; position:absolute; width:100%; height:3px; background:#30a15d; left:0; bottom:0; } .newscontent .publictitle .tab-head li:hover a{ color:#30a15d; } .newscontent .toutiao{ text-align:center; margin:30px 0; } .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; } .newscontent .bigswiper .img p{ position:absolute; width:100%; background:#000; left:0; bottom:0; background:rgba(0, 0, 0, 0.9); filter:alpha(opacity=90); } .newscontent .bigswiper .img p .dec_lb{color: #fff;font-size: 18px;line-height: 48px; display: inline-block;max-width: 400px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .newscontent .bigswiper .img p .dec_lb:hover{color: #30a15d;} .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: 50px;display: block;line-height: 55px;color: #b7b7b7;} .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: 50px;display: block;line-height: 55px;color: #b7b7b7;} .newscontent .biglist{ float:left; width:580px; } .newscontent .biglist dt{ overflow:hidden; margin-bottom:30px; } .newscontent .biglist dt a{display: block;} .newscontent .biglist .img{ float:left; width:180px; height:124px; } .newscontent .biglist .img img{ width:100%; height:100%; object-fit:cover; } .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; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;line-height: 24px;} .newscontent .biglist .txt h3:hover{ color:#30a15d; } .newscontent .biglist .txt .date{ font-size:14px; color:#999; line-height:20px; margin-top:10px; } .newscontent .biglist .txt .desc{ font-size:14px; color:#666; 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 .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: 20px;} .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: #feb021;border-radius: 10px; border: solid 1px #feb021;font-size: 12px;} .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: #30a15d;} .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;} /* 知识库 */ .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} /*知识库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{ width:116px; height:108px; background:url(/uploads/image/ppaimages/zf.png) no-repeat; margin:0 auto; cursor:pointer; } .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;}