*{ padding:0; margin:0; border:0; font-family:'microsoft yahei',arial; font-size:14px; color:#666; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} h1,h2,h3,h4,h5,h6,b{ font-weight:normal;} select{ background:#fff right center no-repeat; appearance:none; -webkit-appearance:none; -moz-appearance:none;} i{ font-style:normal;} img{ display:block;} a{ text-decoration:none; outline:none; transition:color .3s; } ul li{ list-style:none;} .m_box{ width:1180px; margin:0 auto; } .clear{ clear:both; } /* cdn 服务仅供平台体验和调试使用,平台不承诺服务的稳定性,企业客户需下载字体包自行发布使用并做好备份。 */ @font-face { font-family: 'iconfont'; /* project id 2907219 */ src: format('woff2'), format('woff'), format('truetype'); } .iconfont{ font-family: "iconfont" !important; font-size: 14px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } /* page */ .page{ overflow:hidden; text-align:center; } .paging{ display:inline-block; padding:30px 0 0;} .paging a{ float:left; line-height:30px; border:#ddd 1px solid; border-radius:2px; padding:0 10px; margin-left:5px;} .paging a.ui-paging-current{ color:#fff; background:#30a15d; border-color:#30a15d; } .paging a.btn{ border:#ccc 1px solid; width:auto; background:#fff; color:#ccc;} .paging a.btn.on{ color:#fff; border-color:#1f86e2; background:#1f86e2;} .paging span{ float:left; margin-left:5px; line-height:32px;} .paging input[type='text']{ height:28px; border:#dbdbdb 1px solid; float:left; width:28px; text-align:center; margin:2px 0 0 5px;} .paging input.btn{ height:32px; width:75px; background:#1f86e2; float:left; margin-left:5px;} /* header */ .header{ background:#fff; border-bottom:#f4f4f4 1px solid; } .header .headertop{ background:#f4f4f4; } .header .headertop .m_box{ overflow:hidden; } .header .headertop .nav{ float:left; } .header .headertop .nav li{ float:left; line-height:34px; height:34px; padding:0 10px; } .header .headertop .nav a{ color:#999; font-weight:normal; } .header .headerbox{ width:1180px; margin:0 auto; } .header .headerbox.flex{display: flex;} .header .userstate{ float:right; padding-top:7px; } .header .header_lang{padding-top: 7px;margin: 0 10px;} .header .userstate a,.header .userstate span{ color:#444; font-size:12px; } .header .userstate a:hover{ color:#fe5a00; } .header .userstate .top_r{ display:none; overflow:hidden; } .header .userstatactivee .top_r ul{ float:left; } .header .userstate .top_r ul li{ float:left;} .header .userstate .top_r ul a{ line-height:20px; margin-left:6px; } .header .userstate .top_r ul a.login-lpw{ position:relative; padding:0 6px 0 0; } .header .userstate .top_r ul a.login-lpw:after{ content:''; position:absolute; width:1px; height:12px; background:#999; right:0; top:1px; } .header .userstate .top_r ul a.c{ max-width:230px; height: 20px; display: inline-block; float: left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .header .userstate .top_r ul a.logout{ margin-left:0; } .header .userstate .top_r ul span{ line-height:20px; margin:0 5px; } /*.header .logo{ float:left; position:relative; }*/ .header .logo:before{ content:''; position:absolute; width:1px; height:30px; background:#e4e4e4; margin:auto; margin:auto; right:-1px; top:0; bottom:0; } .header .logo a{ display:block; width:136px; height:50px; background:url(/uploads/image/ppublic/logo_w136_h50.png); margin:22px 14px 20px 0; } .header-in .logo a{ margin:8px 10px 12px 0; } .header .city{ margin-left:12px; height:92px; } .header-in .city{ height:70px; } .header .city .citybox{ position:relative; padding-top:24px; z-index:10; } .header-in .city .citybox{ padding-top:16px; } .header .city.city_zhaoshan .citybox{ padding-top:38px; } .header-in .city.city_zhaoshan .citybox{ padding-top:24px; } .header .city .value{ height:20px; position:relative; z-index:2; } .header .city .value p{ position:relative; color:#333; line-height:20px; padding-right:15px; cursor:pointer; } .header .city .value p:after{ content:''; position:absolute; width:0px; height:0px; border-left:transparent 6px solid; border-right:transparent 6px solid; border-top:#999 6px solid; margin:auto; right:0; top:0; bottom:0; transition:transform .2s; -webkit-transition:transform .2s; -moz-transition:transform .2s; } .header .city .citybox:hover .value p:after{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); } .header .city .zhaosjm{ line-height:14px; color:#30a15d; margin-top:6px; display:block; } .header .city .zhaosjm a{ color:inherit; } .header .city .zhaosjm:hover{ text-decoration:underline; } .header .city .panel{ position:absolute; left:-40px; top:70px; border:#e1dedf 1px solid; width:400px; background:#fff; box-shadow:rgba(0,0,0,.1) 1px 4px 10px 3px; display:none; } .header .city .panel .hot{ padding:10px 0; border-bottom:#e1dedf 1px solid; background:#fafafa; } .header .city .panel .hot span{ display:block; font-size:#333; font-weight:bold; font-size:14px; line-height:20px; margin-left:15px; } .header .city .panel .hot p{ overflow:hidden; padding-top:10px; margin-left:15px; } .header .city .panel .hot a{ float:left; line-height:20px; font-size:14px; width:60px; } .header .city .panel .hot a:hover{ color:#fe5a00; } .header .city .panel .hot a:last-child{ margin-right:0; } .header .city .panel .tab .tab-head{ margin-left:17px; overflow:hidden; padding-top:16px; } .header .city .panel .tab .tab-head li{ float:left; font-size:14px; color:#333; margin-right:40px; line-height:20px; cursor:pointer; } .header .city .panel .tab .tab-head li.active,.header .city .panel .tab .tab-head li:hover{ color:#fe5a00; } .header .city .panel .tab .tab-head li:last-child{ margin-right:0; } .header .city .panel .tab .tab-body li{ display:none; } .header .city .panel .tab .tab-body li.active{ display:block; } .header .city .panel .tab .clicktab{ margin-left:17px; overflow:hidden; padding-top:16px; } .header .city .panel .tab .clicktab li{ float:left; font-size:14px; color:#333; margin-right:40px; line-height:20px; cursor:pointer; } .header .city .panel .tab .clicktab li.cur,.header .city .panel .tab .clicktab li:hover{ color:#fe5a00; } .header .city .panel .tab .clicktab li:last-child{ margin-right:0; } .header .city .panel .tab .texttab li{ display:none; } .header .city .panel .tab .texttab li.cur{ display:block; } .header .city .citylist{ margin-left:17px; } .header .city .citylist .line{ overflow:hidden; } .header .city .citylist .line span{ float:left; font-size:14px; color:#333; margin-right:10px; line-height:20px; margin-top:15px; width:12px; } .header .city .citylist .line a{ float:left; font-size:14px; color:#333; margin-right:14px; line-height:20px; margin-top:15px; } .header .city .citylist .line a:hover{ color:#fe5a00; } .header .city .citylist .more{ border-top:#e3dedd 1px solid; margin-right:17px; margin-top:15px; padding:15px 0; line-height:20px;} .header .city .citylist .more a{ color:#333; font-size:14px; } .header .city .citylist .more a:hover{ color:#fe5a00; } .header .city:hover .citybox .panel{ display:block; } .header-in .userstate{ padding-top:25px; } .header .menu .item{ float:left; } .header .menu .item > a{ display:block; line-height:70px; font-size:16px; color:#333; padding:0 14px; } .header .esf .menu .item > a{line-height: 92px;} .header .menu .item h1{ color:inherit; font-size:inherit; font-weight:normal; } .header .menu .item.cur > a,.header .menu .item > a:hover{ color:#05b570; position:relative; } .header .menu .item.cur > a:after,.header .menu .item > a:hover:after{ content:''; position:absolute; width:100%; height:2px; background:#05b570; left:0; bottom:0; } .header .menu .item.new{ position:relative; } .header .menu .item.new:after{ content:''; position:absolute; width:32px; height:18px; background: -150px 0; top:10px; right:-10px; } .header .menu .submenu{ position:relative; z-index:11; } .header .menu .submenulist{ position:absolute; width:100px; left:50%; top:0px; background:#fff; margin-left:-50px; border:#eee 1px solid; display:none; animation:submenu 0.3s; -webkit-animation:submenu 0.3s; -moz-animation:submenu 0.3s; -ms-animation:submenu 0.3s; } .header .menu .submenulist:before{ content:''; position:absolute; width:0; height:0; border-left:transparent 10px solid; border-right:transparent 10px solid; border-bottom:#ddd 10px solid; margin:auto; left:0; right:0; top:-10px; z-index:1; } .header .menu .submenulist: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; left:0; right:0; top:-9px; z-index:2; } .header .menu .submenulist a{ display:block; line-height:40px; font-size:16px; color:#333; text-align:center; } .header .menu .submenulist a:hover{ color:#05b570; } .header .menu .item:hover .submenulist{ display:block; } /* 免责 */ .footer .mianze{ background:#fff; padding-bottom:20px; width:1180px; margin:0 auto; } .footer .mianze p{ width:870px; border:#ddd 1px dashed; padding:12px 24px; line-height:24px; font-size:12px; } /* 底部 */ .footer .content{ padding-bottom:20px; background:#fafafa; } .footer .linkto{ overflow:hidden; padding:40px 0 20px; border-bottom:#4b4b4b 1px solid; } .footer .linkto a{ float:left; line-height:14px; color:#fff; margin-right:20px; font-size:14px; } .footer .linkto a:hover{ text-decoration:underline; } .footer .switch{ overflow:hidden; width:1180px; margin:0 auto; } .footer .switch .tab{ float:left; } .footer .clicktab{ overflow:hidden; padding:30px 0 10px; } .footer .clicktab li{ float:left; width:124px; line-height:40px; text-align:center; cursor:pointer; background:#d4d4d4; margin-right:15px; } .footer .clicktab li.active{ background:#b1b1b1; color:#fff; } .footer .texttab > li{ display:none; } .footer .texttab > li.active{ display:block; } .footer .list{ overflow:hidden; } .footer .list li{ float:left; margin-right:15px; line-height:40px; height:40px; } .footer .list li a{ font-size:12px; } .footer .list li a:hover{ text-decoration:underline; } .footer .linkto{ text-align:center; padding:0; border:0; line-height:24px; background:#fff; padding-top:20px; } .footer .linkto a{ float:none; font-size:12px; color:#333; margin:0; } .footer .linkto a:hover{ color:#30a15d; text-decoration:none; } .footer .info{ background:#fff; margin:0; } .footer .info p{ font-size:12px; color:#666; text-align:center; line-height:24px; } .footer .info a{ font-size:12px; color:#666; } .footer .info img{ vertical-align:middle; } .footer .tel{ color:#666; text-align:center; line-height:24px; } .footer .tel p{ display:inline; } /* 侧边栏 */ .rightfloat{ position:fixed; width:50px; right:0; bottom:40px; z-index:98; } .rightfloat .item{ background:#888; border-bottom:#fff 1px solid; position:relative; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; -ms-transition:background .3s; } .rightfloat .item:last-child{ border-bottom:none; } .rightfloat .item > a{ display:block; width:48px; height:48px; background: no-repeat; } .rightfloat .lpzx > a,.rightfloat .smewm > a,.rightfloat .sbcx > a,.rightfloat .fdjsq > a,.rightfloat .fhdb > a{ background: none;text-align: center;line-height: 48px;} .rightfloat .lpzx > a::before{content: '\e6b0';font-family: 'iconfont';font-size: 22px;color: #fff;} .rightfloat .smewm > a::before{content: '\e6b0';font-family: 'iconfont';font-size: 22px;color: #fff;} .rightfloat .item-new{ position:relative; } .rightfloat .item-new:after{ content:''; position:absolute; width:32px; height:18px; background: 0 -100px; top:0; right:0; } .rightfloat .item .panel{ position:absolute; right:50px; top:50%; margin-top:-24px; display:none; padding-right:10px; animation:rightfloat .3s; -webkit-animation:rightfloat .3s; -moz-animation:rightfloat .3s; -ms-animation:rightfloat .3s; } .rightfloat .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; top:0; right:2px; bottom:0; } .rightfloat .lpzx .panel:after{ top:21px; bottom:auto; } .rightfloat .smewm .panel{ margin-top:-40px; } .rightfloat .smewm .panel img{ width:150px; height:150px; background:#555; padding:5px; object-fit: contain;} .rightfloat .smewm .panel:after{top:-60px} .rightfloat .item:hover{ background:#ff9000; } .rightfloat .item:hover .panel{ display:block; } .rightfloat .fdjsq > a::before{content: '\e71a';font-family: 'iconfont';font-size: 27px;color: #fff;} .rightfloat .yjfk > a{ background-position:-147px -130px; } .rightfloat .fhdb > a::before{content: '\e6b2';font-family: 'iconfont';font-size: 27px;color: #fff;} .rightfloat .gjjcx > a{ background-position:12px -48px; } .rightfloat .gomobile > a{ background-position:-100px -190px; } .rightfloat .gomobile .panel{ background:#fff; } .rightfloat .gomobile .codetel{ margin:5px; } .rightfloat .sbcx > a::before{content: '\e71e';font-family: 'iconfont';font-size: 25px;color: #fff;} .rightfloat .item .panel a{ display:block; line-height:48px; width:100px; background:#555; font-size:14px; color:#fff; text-align:center; } .rightfloat .smewm .panel a{ width:auto; } @keyframes rightfloat{ from{ transform:translatex(-20px); opacity:0; } to{ transform:translatex(0); opacity:1; } } /* 位置索引 */ .currentpage{ background:#f4f4f4; padding:9px 0; } .currentpage .pos{ line-height:30px; height:30px; float:left; } .currentpage .pos a{ color:#666; } .currentpage .pos a:hover{ color:#30a15d; } .currentpage .pos span{ color:#333; } .currentpage .search{ float:right; position:relative; } .currentpage .search:after{ content:''; position:absolute; width:18px; height:18px; background: -50px -20px; margin:auto; top:0; right:11px; bottom:0; pointer-events:none; } .currentpage .search input[type='text']{ float:left; height:30px; width:300px; line-height:30px\9; text-indent:10px; border-top-left-radius:4px; border-bottom-left-radius:4px; } .currentpage .search input[type='submit']{ float:left; width:40px; height:30px; background:#30a15d; border:none; cursor:pointer; border-top-right-radius:4px; border-bottom-right-radius:4px; } .currentpage .search .link{ float:left; width:98px; line-height:38px; background:#fff; text-align:center; border:#eee 1px solid; font-size:14px; color:#333; } .currentpage .search #search_ul_loupan{ width:300px; top:30px; } .currentpage .search .search_list{ position:absolute; width:300px; left:0; top:30px; background:#fff; border:#eee 1px solid; border-top:none; background:#fff; z-index:2; } .currentpage .search .search_list li{ line-height:32px; color:#666; font-size:12px; } .currentpage .search .search_list a{ display:block; margin:0 10px; border-bottom:#eee 1px dashed; line-height:32px; font-size:12px; overflow:hidden; } .currentpage .search .search_list p{ float:left; line-height:32px; font-size:12px; } .currentpage .search .search_list span{ float:right; line-height:32px; font-size:12px; } .currentpage .search .search_list li:hover{ background:#f5f5f5; } /* 通栏 */ .load-ad{ width:1180px; margin:0 auto; } .load-ad embed{ position:relative; z-index:0; background:#f5f5f5; } .load-ad ul{ margin:0 0 5px 0; } .load-ad ul li{ position:relative; } .load-ad ul li: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);} .load-ad ul li a{ display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:#000; background:rgba(0, 0, 0, 0); filter:alpha(opacity=0); } .tonglan-fix{ position:fixed; z-index:999; bottom:0; margin:0; width:auto; } .tonglan-fix .close{ position:absolute; background:#f5f5f5; color:#333; line-height:20px; font-size:12px; width:40px; text-align:center; left:0; top:0; z-index:2; } .tonglan-fix[ad-position="left"]{ left:5px; } .tonglan-fix[ad-position="right"]{ right:5px; } .tonglan-float{ position:fixed; z-index:999; margin:0; width:auto; } .tonglan-float .close{ position:absolute; background:#f5f5f5; color:#333; line-height:20px; font-size:12px; width:40px; text-align:center; left:0; top:0; } .tonglan-float[ad-position="left"]{ left:5px; } .tonglan-float[ad-position="right"]{ right:5px; } .tonglan-hg ul{ overflow:hidden; } .tonglan-hg li{ display:none; } .tonglan-hg li.active{ display:block; } .recommand{ float:left; width:230px; margin-right:6px; } .tonglan-full ul{ overflow:hidden; } .tonglan-full li{ display:none; } .tonglan-full li.active{ display:block; } .fyxj{font-size: 28px;line-height: 5px!important;} .fyxj_tittle{text-align: center;font-weight: normal;border-bottom: #e5e5e5 1px solid;font-size: 30px;color: #999999;} .fyxj_img{text-align: center;font-size: 18px;background:#e5e5e5;color: #666666;position: absolute;top: 40px;right: -41px;width: 200px;transform: rotate(7deg);-ms-transform: rotate(7deg);-moz-transform: rotate(7deg);-webkit-transform: rotate(45deg);-o-transform: rotate(7deg);} .fyxj_more_box{padding-top: 16px;height: 136px;line-height: 100px;text-align: center;} .fyxj_more_box a {font-size: 20px;color: #ffa009;cursor: pointer;} .fyxj_more_box a:hover {text-decoration: underline;} .fyxj_zd{width: 640px;height: 400px;position: absolute;top:0;right: 0;background: #000000;opacity: 0.35;} /* tips */ .boxtips{ position:fixed; width:0px; height:0px; margin:auto; left:0; top:0; right:0; bottom:0; z-index:100; } .boxtips .tips{ display: block;background:#000; background:rgba(0, 0, 0, 0.7); filter:alpha(opacity=70); position:absolute; padding:20px 40px; border-radius:4px; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .boxtips .tips .tit{ font-size:20px; color:#fff; line-height:20px; text-align:center; white-space:nowrap; margin-bottom:10px; } .boxtips .tips .desc{ font-size:16px; color:#fff; line-height:20px; text-align:center; white-space:nowrap; } .userstate .gotobox{top:15px!important;} .header .headertop .m_box{overflow: unset!important;} .header .headertop .m_box:after{content: '';display: block;clear: both}@charset 'utf-8'; /* 二手房列表 */ .pages-list{ padding-bottom:30px; } .pages-list .old-quire{ margin-top:20px; } .pages-list .old-quire .tab-click:after{ content:''; display:block; clear:both; } .pages-list .old-quire .tab-click li{ line-height:36px; float:left; padding:0 20px; } .pages-list .old-quire .tab-click li:hover{ color:#30a15d; } .pages-list .old-quire .tab-click li.cur{ border:#ddd 1px solid; border-bottom:0; color:#30a15d; position:relative; } .pages-list .old-quire .tab-click li.cur:before{ content:''; position:absolute; width:100%; height:2px; background:#30a15d; left:0; top:-1px; } .pages-list .old-quire .tab-click li.cur:after{ content:''; position:absolute; width:100%; height:1px; background:#fff; left:0; bottom:-1px; } .pages-list .old-quire .tab-text{ border:#ddd 1px solid; padding-top:14px; } .pages-list .old-quire .line{ overflow:hidden; } .pages-list .old-quire .line.select{ overflow:visible; } .pages-list .old-quire .line.select:after{ content:''; display:block; clear:both; } .pages-list .old-quire .line dt{ float:left; line-height:32px; width:98px; text-indent:20px; color:#333; } .pages-list .old-quire .line dd{ float:left; width:1080px; } .pages-list .old-quire .price .options,.pages-list .old-quire .acreage .options{ float:left; } .pages-list .old-quire .options:after{ content:''; display:block; clear:both; } .pages-list .old-quire .options a{ float:left; line-height:32px; color:#333; margin-right:20px; } .pages-list .old-quire .options a:hover,.pages-list .old-quire .options a.cur{ color:#30a15d; } .pages-list .old-quire .options a.cur{ position:relative; } .pages-list .old-quire .options a.cur:before{ content:''; position:absolute; width:0; height:0; border-left:transparent 8px solid; border-right:transparent 8px solid; border-bottom:#e8e8e8 8px solid; margin:auto; left:0; bottom:-6px; right:0; z-index:1; } .pages-list .old-quire .options a.cur:after{ content:''; position:absolute; width:0; height:0; border-left:transparent 8px solid; border-right:transparent 8px solid; border-bottom:#f8f7f7 8px solid; margin:auto; left:0; bottom:-7px; right:0; z-index:2; } .pages-list .old-quire .options span{ float:left; line-height:32px; color:#999; } .pages-list .old-quire .area .list{ background:#f8f7f7; border:#e8e8e8 1px solid; padding:5px 20px 5px 40px; margin:6px 20px 10px 0; overflow:hidden; } .pages-list .old-quire .area .list a{ float:left; line-height:30px; margin-right:20px; font-size:12px; } .pages-list .old-quire .area .list a:hover,.old-quire .area .list a.cur{ color:#30a15d; } .pages-list .old-quire .area .list i{ float:left; line-height:30px; color:#30a15d; margin-right:20px; } .pages-list .old-quire .custom{ float:left; } .pages-list .old-quire .custom input{ float:left; border:#ddd 1px solid; width:50px; height:22px; margin-top:5px; margin-right:10px; text-align:center; font-size:12px; } .pages-list .old-quire .custom span{ float:left; line-height:32px; margin-right:10px;} .pages-list .old-quire .custom a{ float:left; line-height:20px; font-size:12px; border:#ddd 1px solid; margin-top:5px; padding:0 10px;} .pages-list .old-quire .custom a:hover{ color:#30a15d; border-color:#30a15d; } .pages-list .old-quire .sel{ float:left; height:22px; margin:5px 20px 0 0; } .pages-list .old-quire .sel .sel1{ border:#cdcdcd 1px solid; border-radius:2px; padding:0 20px 0 8px; cursor:pointer; position:relative; } .pages-list .old-quire .sel .sel1 p{ display:none; font-size:12px; color:#333; line-height:20px; } .pages-list .old-quire .sel .sel1 p.cur{ display:block; } .pages-list .old-quire .sel .sel1:after{ content:''; position:absolute; width:0; height:0; border-left:transparent 4px solid; border-right:transparent 4px solid; border-top:#999 6px solid; margin:auto; top:0; bottom:0; right:8px; } .pages-list .old-quire .sel .sel2{ border:#cdcdcd 1px solid; border-top:none; position:relative; z-index:2; background:#fff; display:none; } .pages-list .old-quire .sel:hover .sel2{ display:block; } .pages-list .old-quire .sel a{ display:block; line-height:24px; font-size:12px; text-indent:8px; } .pages-list .old-quire .sel a:hover,.pages-list .old-quire .sel a.cur{ color:#30a15d; } .pages-list .old-quire label{ float:left; position:relative; overflow:hidden; margin-right:20px; cursor:pointer; } .pages-list .old-quire label input{ position:absolute; width:10px; height:10px; left:-20px; } .pages-list .old-quire label i{ float:left; width:12px; height:12px; background:url(/uploads/image/ppaiv3/icon.png); margin:10px 5px 0 0; } .pages-list .old-quire label input:checked i{ background-position:-20px 0; } .pages-list .old-quire label span{ float:left; line-height:22px; font-size:12px; margin-top:5px; } .pages-list .old-quire .choose{ background:#f8f7f7; overflow:hidden; padding:4px 0; margin-top:10px; } .pages-list .old-quire .choose .f-fl{ float:left; } .pages-list .old-quire .choose .f-fl a{ float:left; font-size:12px; line-height:20px; border:#30a15d 1px solid; color:#30a15d; padding:0 20px 0 6px; margin:5px 20px 0 0; border-radius:2px; position:relative; } .pages-list .old-quire .choose .f-fl a:after{ content:'×'; position:absolute; font-size:12px; color:#30a15d; margin:auto; right:8px; top:0; bottom:0; } .pages-list .old-quire .choose .f-fr{ float:left; } .pages-list .old-quire .choose .f-fr a{ display:block; line-height:22px; font-size:12px; color:#999; margin-top:5px; padding-left:20px; position:relative; } .pages-list .old-quire .choose .f-fr a:before{ content:'\e74b'; position:absolute; width:17px; height:16px; margin:auto; left:0; top:0; bottom:0; font-family: 'iconfont';color: #999;font-size: 17px;line-height: 17px;} .pages-list .old-quire .choose .f-fr a:hover{ color:#30a15d; } .pages-list .main{ overflow:hidden; margin-top:20px; } .pages-list .left{ float:left; width:900px; } .pages-list .top .sort{ border-bottom:#ddd 1px solid; } .pages-list .top .sort:after{ content:''; display:block; clear:both; } .pages-list .top .sort a{ float:left; line-height:40px; width:104px; text-align:center; position:relative; } .pages-list .top .sort a.cur{ color:#30a15d; } .pages-list .top .sort a.cur:before{ content:''; position:absolute; width:100%; height:2px; background:#30a15d; left:0; bottom:-1px; } .pages-list .top .sort a.down:after{ content:''; position:absolute; width:6px; height:12px; background:url(/uploads/image/ppaiv3/icon.png) -80px 0; margin:auto; top:2px; right:28px; bottom:0; } .pages-list .top .sort a.up:after{ content:''; position:absolute; width:6px; height:12px; background:url(/uploads/image/ppaiv3/icon.png) -70px 0; margin:auto; top:2px; right:28px; bottom:0; } .pages-list .top .sort a.down.cur:after{ background-position:-100px 0; } .pages-list .top .sort a.up.cur:after{ background-position:-90px 0; } .pages-list .top .num{ margin:20px 0 0; line-height:20px; height:20px; color:#333; font-size:16px; } .pages-list .top .num span{ color:#fe4844; font-size:16px; } .pages-list .no-result{ overflow:hidden; margin-top:20px; } .pages-list .no-result h5{ font-size:18px; line-height:40px; border-bottom:#ddd 1px solid; color:#333; margin-top:20px; } .pages-list .no-result .img{ float:left; width:108px; height:70px; margin:0 0 0 190px; background:; } .pages-list .no-result p{ font-size:16px; color:#333; line-height:20px; margin-top:18px; text-indent:30px; } .pages-list .no-result span{ display:block; color:#999; line-height:20px; margin-top:12px; text-indent:30px; } .pages-list .left .list li{ padding:20px 0; overflow:hidden; border-bottom:#f7f7f7 1px solid; } .pages-list .left .list .img{ float:left; width:220px; height:158px; position:relative; } .pages-list .left .list .item-best .img:before{ content:''; position:absolute; width:40px; height:67px; background:url(/uploads/image/ppaiv3/icon.png) -250px 0; left:0; top:-7px; } .pages-list .left .list .img img{ width:100%; height:100%; object-fit:cover; } .pages-list .left .list .text{ float:left; margin-left:20px; width:660px; } .pages-list .left .list .txt{ float:left; width:500px; } .pages-list .left .list h2{ float:left; width:100%; margin-bottom:16px; } .pages-list .left .list h2 a{ color:#333; font-size:20px; float:left; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:bold; max-width:588px; } .pages-list .left .list h2 a:hover{ color:#30a15d; } .pages-list .left .list h2 span{ float:left; margin:4px 0 0 10px; line-height:16px; font-size:12px; color:#fff; padding:0 4px; border-radius:2px; } .pages-list .left .list .d{ overflow:hidden; margin-bottom:10px; } .pages-list .left .list .d p{ float:left; line-height:20px; color:#333; } .pages-list .left .list .d b{ float:left; margin-left:10px; color:#999; } .pages-list .left .list .d span{ float:left; margin-right:10px; line-height:20px; color:#333; } .pages-list .left .list .tags{ overflow:hidden; height:18px; } .pages-list .left .list .tags span{ float:left; line-height:16px; color:#999; border:#999 1px solid; font-size:12px; padding:0 4px; margin-right:10px; } .pages-list .left .list .tags span:first-child{ border-color:#30a15d; color:#fff; background:#30a15d; } .pages-list .left .list .price{ float:left; width:160px; } .pages-list .left .list .price p{ line-height:32px; font-size:30px; color:#fe4844; font-weight:bold; height:32px; text-align:right; } .pages-list .left .list .price i{ font-size:18px; color:#333; font-weight:normal; } .pages-list .left .list .price span{ font-size:16px; color:#999; line-height:20px; display:block; text-align:right; margin-top:8px; } .pages-list .right{ float:right; width:250px; } .pages-list .mapsearch span{ display:block; height:204px; background:url(/uploads/image/ppaimages/map_s.jpg); } .pages-list .mapsearch a{ display:block; } .pages-list .mapsearch p{ line-height:40px; color:#fff; background:#30a15d; text-align:center; font-size:16px; } .pages-list .right .tel{ height:246px; background:#f8f8f8; margin-top:20px; overflow:hidden; text-align:center; } .pages-list .right .tel i{ display:block; width:128px; height:126px; background:url(/uploads/image/ppaiv3/icon.png) -110px 0; margin:16px auto 20px; } .pages-list .right .tel b{ display:inline-block; vertical-align:middle; line-height:22px; font-size:16px; color:#30a15d; font-weight:bold; padding-left:26px; position:relative; } .pages-list .right .tel b:before{ content:'\e67f'; position:absolute; width:22px; height:22px; left:0; top:0; font-family: 'iconfont';font-size: 23px;} .pages-list .right .tel span{ display:block; color:#333; font-size:16px; line-height:22px; margin-top:4px; } .pages-list .right .tel p{ color:#333; font-size:16px; line-height:22px; } .pages-list .right .btn{ margin-top:20px; } .pages-list .right .btn a{ display:block; line-height:30px; background:#30a15d; color:#fff; text-align:center; border-radius:4px; } .pages-list .answers{ margin-top:20px; } .pages-list .answers dl{ border-bottom:#e5e5e5 1px solid; } .pages-list .answers dt{ line-height:40px; height:40px; border-bottom:#e5e5e5 1px solid; } .pages-list .answers dt a{ font-size:18px; color:#333; } .pages-list .answers dt a:hover{ color:#30a15d; } .pages-list .answers dd{ border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid; line-height:32px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:32px; text-indent:16px; } .pages-list .answers dd a{ color:#333; } .pages-list .answers dd a:hover{ color:#30a15d; } .pages-list .hot{ margin-top:20px; border-bottom:#e5e5e5 1px solid; } .pages-list .hot dt{ line-height:40px; height:40px; border-bottom:#e5e5e5 1px solid; font-size:18px; color:#333; } .pages-list .hot dd{ border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid; overflow:hidden; } .pages-list .hot .img{ width:210px; height:160px; margin:16px auto 0; display:block; position:relative; } .pages-list .hot .img img{ width:100%; height:100%; object-fit:cover; } .pages-list .hot .img p{ position:absolute; line-height:30px; width:100%; left:0; bottom:0; color:#fff; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-indent:10px; background:rgba(0, 0, 0, 0.6); } .pages-list .hot .o{ width:210px; margin:0 auto; overflow:hidden; border-bottom:#e5e5e5 1px dashed; padding-bottom:6px; } .pages-list .hot .o p{ float:left; line-height:36px; max-width:50%; color:#333; } .pages-list .hot .o span{ float:right; line-height:36px; max-width:50%; color:#999; } .pages-list .hot .more{ padding:0 20px; line-height:50px; height:50px; border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid; } .pages-list .hot .more a{ color:#333; } .pages-list .hot .more a:hover{ color:#30a15d; }.header .headertop .nav a { color: #666666!important; font-weight: normal; } .font_weight{ font-weight: bolder!important; } .new_cur{ color: #30a15d!important; font-weight: bolder!important; } .font_color1{ color: #37a463!important; } .clearbac{ background: #ffffff!important; } .pages-list .top .sort { border-bottom: #30a15d 1px solid!important; } /* 搜索框*/ .position_r{ position: relative; } .new_search{ display: inline-block; height: 42px; line-height: 40px; width: 420px; position: absolute; right: 0px; top: 28px; border: 1px solid #30a15d; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } .new_search .textbox{ width: 320px; height: 37px; border: 0; outline: none; text-indent: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } .new_search #search_house_id{ position: absolute; width: 103px; height: 40px; background: #30a15d; top: 0; right: 0; cursor: pointer; color: #fff; text-indent: 40px; font-size: 16px!important; -webkit-border-radius: 3px 0; -moz-border-radius: 3px 0; -ms-border-radius: 3px 0; } .new_search .search_img::before{ content: '\e66d'; font-family: 'iconfont'; display: inline-block; position: absolute; width: 18px; height: 18px; margin: auto; left: 0; top: 0; right: -280px; bottom: 0; line-height: 20px; font-size: 18px; color: #fff; } .greenbacbox{ display: inline-block; width: 148px; height: 40px; background-color: #30a15d; text-align: center; line-height: 40px; overflow: hidden; float: left; } .greenbacbox span{ color: #ffffff!important; font-size: 16px!important; } .choice_px{ color: #30a15d!important; } /*.pages-list .top .sort a:first-child{*/ /*margin-left: 100px!important;*/ /*}*/ .pages-list .top .sort .next{ float: right; line-height: 40px; width: 80px; text-align: right; position: relative; } .new_down::before{ content: '\e790'; font-family: 'iconfont'; display: inline-block; width: 6px; height: 12px; vertical-align: middle; margin-left: 5px; color: #666; line-height: 13px; font-size: 16px; font-weight: bold; } .choice_px .new_down::before{ color: #37a463; } .choice_px .new_top{ background: url(/uploads/image/ppaimages/icon1.png) -90px 0!important; } .new_top{ display: inline-block; width: 6px; height: 12px; background: url(/uploads/image/ppaimages/icon1.png) -90px 0; vertical-align: middle; margin-left: 5px; } .pagecounts{ display: block; float: right; line-height: 40px; /*width: 30px;*/ text-align: center; position: relative; left: 25px; } .right_px{ margin-left: 175px; } .answers .new_more{ height: 12px; font-family: microsoftyahei; font-size: 14px!important; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333!important; position: absolute; right: 0; top:3px; } .answers .new_more:hover{ color: #30a15d!important; } .answers .new_title{ font-family: microsoftyahei; font-size: 18px!important; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333!important; } .answers dl dt{ position: relative; } /*.pages-list .answers dd{*/ /*border-left: 0px;*/ /*border-right: 0px;*/ /*}*/ .answers .ddstyle{ border-bottom:dashed 1px #e5e5e5 !important; padding-top:6px; margin:5px 0; } .answers .ddstyle a>p{ margin-left:8px; } .answers .loupan_xiaoqu_img{ width:100% !important; height:100% !important; background-size:100% 100% !important; position: relative; } .answers .loupan_xiaoqu_calu{ position: absolute; width:100%; height:30px; background-color: rgba(0,0,0,0.6); padding-top:5px; bottom:0; color: white !important; } .answers .loupan_xiaoqu_calu p{ color:white !important; } .title_new { line-height: 40px; font-size: 18px; color: #333; padding-top: 25px; border-bottom: solid 1px #e5e5e5; } .title_new a { float: right; font-size: 12px; color: #999; } .item_new a {border-bottom: 1px solid #eeeeee;display: block;margin: 0 10px;overflow: hidden;padding: 10px 0;} .item_new a:last-child{border: 0;} .item_new a span{display: block;width: 18px;height: 18px;background-color: #dadada;color: #ffffff;text-align: center;} .item_new a .text{max-width: 230px;margin-left: 10px;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;} .item_new a .ph{background-color: #ffa009;} .item_new a .img{width: 110px; height:80px;} .item_new a .img img{width: 100%;height: 100%;object-fit: cover;} .item_new a .info-right{flex: 1;margin-left: 10px;} .item_new a .info{flex: 1;line-height: 24px;font-size: 14px;margin-left: 10px;} .item_new a .info1{line-height: 19px;font-size: 14px;} .item_new a .time{font-size: 0.8571428571428571rem;color: #a8a8a8;margin-top:8px;} .item_new .flex_box{ display: flex;display: -webkit-flex;margin: 0;} .item_new .flex_box .yd{width: 4px;height: 4px;background-color: #dadada;border-radius: 50%;margin-top: 10px;} .item_new .over_h1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;max-height: 75px;} .new_bottom dl dt div{ /*border-bottom: #e5e5e5 1px solid!important;*/ } .new_bottom dd{ border: 0px!important; /*border-right: 0px!important;*/ } .clear_bottom{ border-bottom: 0 !important; } .answers dl dd a p { float: left; line-height: 20px; color: #333; width: 82px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; text-indent: 0px; } .hot_price{ width: 70px!important; margin-left: 15px; color:#fe4844 !important; } .hot_adress{ width: 60px!important; margin-left: 10px; } .new_bottom a:hover>p,.list .text .txt .d .map:hover{ color: #30a15d!important; } /* 列表*/ .list .text .txt .d a{ float:none; margin-right: 5px; color: #333; } .list .text .txt .d .map{ display: inline-block; line-height: 20px; color: #999; margin-left: 6px; padding-left: 16px; position: relative; } .list .text .txt .d .map:before{ content: '\ec3f'; font-family: 'iconfont'; position: absolute; width: 12px; height: 16px; margin: auto; left: 0; top: 0; bottom: 0; line-height: 16px; } .list .text .orangefont:hover{ text-decoration: underline; } .orangefont{ color: #ffa009!important; } .m_bottom_10{ margin-bottom: 10px; } /*热门楼盘*/ .hot_list p{ /*width: 126px;*/ height: 30px; line-height: 30px; font-family: microsoftyahei; font-size: 18px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; border-bottom:1px solid #dddddd; margin-top: 20px; } .hot_list ul{ margin-top: 20px; overflow: hidden; /*margin-left: 8px;*/ } .hot_list ul li{ float: left; width: 200px; margin-left: 12px; } .hot_list ul li .img{ width: 100%; height: 144px; overflow: hidden; display: block; } .hot_list ul li .img img{ width: 100%; height: 100%; object-fit: cover; } .hot_list ul li .text{ /*padding-bottom: 10px;*/ margin-top: 10px; } .hot_list ul li .text a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 20px; height: 20px; color: #333; /*margin-top: 6px;*/ } .hot_list ul li .hot_list_price{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 20px; height: 20px; color: #333; margin-top: 6px; } .redfont{ color: #fe4844; } .m_left_20{ margin-left: 20px; } #search_list{ display: block; overflow: hidden; position: absolute; width: 100%; /*height: 28px;*/ left: 0; top: 30px; background: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; z-index: 2; text-indent: 10px; } #search_list a{ display: block; line-height: 28px; padding-left: 10px; } #search_list a:hover{ background: #f8f8f8; } .page .z-crt, .page a:hover{ border-color: #30a15d; background: #30a15d; color: #fff;} .paging a.btn{ background: #30a15d; color: #fff; border-color: #30a15d;} .paging span{float: left; line-height: 32px; height: 32px; font-size: 12px; color: #999; padding: 0 12px;} .paging input[type='text']{ height: 32px; width: 32px; text-align: center; border: #ddd 1px solid; border-radius: 4px; margin: 0 5px; float: none; } .paging i { float: left; line-height: 32px; padding: 0 12px; } /* 友情链接弹窗 */ .friendlink{ position:fixed; z-index:9; width:100%; height:100%; left:0; top:0; background:#000; background:rgba(0, 0, 0, 0.5); filter:alpha(opacity=50); } .friendlink .friend{ width:880px; height:480px; background:#fff; border-radius:4px; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; } .friendlink .tit{ font-size:20px; color:#333; line-height:50px; text-align:center; margin:0 10px; border-bottom:#eeeded 1px solid; } .friendlink .close{ position:absolute; width:16px; height:16px; background:url(/uploads/image/ppaimages/icon.png) -370px 0; top:17px; right:10px; cursor:pointer; } .friendlink .content{ margin:0 10px; overflow:hidden; } .friendlink .friend_l{ float:left; width:530px; } .friendlink .friend_l dl{ overflow:hidden; margin-top:20px; } .friendlink .friend_l dt{ float:left; width:110px; text-align:right; line-height:30px; height:30px; font-size:12px; color:#333; } .friendlink .friend_l dt i{ color:red; vertical-align:middle; } .friendlink .friend_l dd{ float:left; width:370px; } .friendlink .friend_l label{ float:left; margin-right:20px; cursor:pointer; } .friendlink .friend_l label input{ float:left; height:30px; } .friendlink .friend_l label span{ float:left; line-height:30px; color:#333; font-size:12px; margin-left:10px; } .friendlink .friend_l dd input[type="text"]{ width:100%; height:30px; border:#ccc 1px solid; border-radius:4px; text-indent:10px; vertical-align:middle; line-height:28px\9; } .friendlink .friend_l textarea{ width:100%; height:100px; border:#ccc 1px solid; border-radius:4px; resize:none; padding:5px 10px; } .friendlink .friend_l dd input[type="submit"]{ width:60px; height:30px; border-radius:4px; vertical-align:middle; background:#30a15d; color:#fff; cursor:pointer; } .friendlink .friend_r{ float:left; width:330px; padding-top:20px; } .friendlink .friend_r h2{ font-size:12px; color:#333; line-height:30px; } .friendlink .friend_r p{ font-size:12px; color:#999; line-height:30px; margin-right:30px; } .pages-list .no-result .img{width: 108px!important;height: 70px!important;} .header .logo:before{top:10px;} .header .logo{height: 92px;} .header .city{height: 92px;} .pages-list .left{width: 850px;} .pages-list .left .list .text{width: 610px;} .pages-list .left .list .price{width: 250px;} .pages-list .left .list .txt{width: 360px;} .pages-list .top .sort a{float: right;} .font_strong { font-weight: bolder; } .header .city .citybox{padding-top:36px;} .header .menu .item > a{line-height: 92px;}