/** * swiper 4.5.0 * most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * copyright 2014-2019 vladimir kharlampidi * * released under the mit license * * released on: february 22, 2019 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:;left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:;right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translatey(-50%);-ms-transform:translatey(-50%);transform:translatey(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translatex(-50%);-ms-transform:translatex(-50%);transform:translatex(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:'/>");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:'/>")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next .swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}*{ 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 url(/uploads/image/ppaimages/sel.png) right center no-repeat; appearance:none; -webkit-appearance:none; -moz-appearance:none;} i{ font-style:normal;} img{ display:block;max-width: 100%;} a{ text-decoration:none; outline:none; transition:color .3s; } ul li{ list-style:none;} .m_box{ width:1180px; margin:0 auto; } .clear{ clear:both; } html,body{min-width: 1180px;} a:hover{color:#30a15d!important;} .ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /* header */ .header{ position:relative; } .header .box:after{ content:''; display:block; clear:both; } .header .logo{ float:left; position:relative; margin-top: 5px; } .header .logo:after{ content:''; position:absolute; width:1px; height:30px; background:#cdcdcd; top:27px; right:0; } .header .logo a{ display:block; width:136px; height:50px; background:url(/uploads/image/ppublic/logo_w136_h50.png); margin:15px 10px 12px 0; } .header .city{ margin-left:15px; height:70px; margin-top: 10px;} .header .city .citybox{ position:relative; padding-top:16px; z-index:10; } .header .city.city_zhaoshan .citybox{ padding-top:24px; } .header .city .value{ height:28px; position:relative; z-index:2; } .header .city .value p{ position:relative; color:#333; line-height:26px; 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-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: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 .menu{ float:left; margin-top: 10px; } .header .menu .item{ float:left; } .header .menu .item > a{ display:block; line-height:70px; font-size:16px; color:#333; padding:0 14px; } .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; padding-bottom: 10px; } .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:url(/uploads/image/ppaimages/icon.png) -150px 0; top:10px; right:-10px; } .header .menu .submenu{ position:relative; z-index:11; } .header .menu .submenulist{ position:absolute; width:114px; left:50%; top:0px; background:#fff; margin-left:-52px; 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; } .header .newhousepanel{ position:absolute; width:100%; background:#fff; z-index:11; left:0; top:70px; height:0px; overflow:hidden; } .header .newhousepanel:before{ content:''; position:absolute; width:100%; height:1px; background:#ddd; left:0; top:0; } .header .newhousepanel:after{ content:''; position:absolute; width:100%; height:1px; background:#ddd; left:0; bottom:0; } .header .newhousepanel .panel{ width:1180px; margin:0 auto; overflow:hidden; } .header .newhousepanel h3{ font-size:16px; color:#333; line-height:54px; } .header .newhousepanel .trend{ float:left; width:340px; } .header .newhousepanel .trend > a{ display:block; width:240px; } .header .newhousepanel .trend .desc{ font-size:14px; line-height:20px; height:20px; } .header .newhousepanel .trend .desc span{ color:#fe5a00; } .header .newhousepanel .trend .chart{ height:140px; } .header .newhousepanel .trend .ps{ font-size:14px; line-height:40px; color:#999; width:240px; } .header .newhousepanel .choose{ float:left; width:540px; } .header .newhousepanel .choose .list li{ overflow:hidden; overflow:hidden; margin-bottom:4px; } .header .newhousepanel .choose .list span{ float:left; line-height:30px; font-size:14px; color:#999; } .header .newhousepanel .choose .list p{ float:left; max-width:480px; } .header .newhousepanel .choose .list a{ float:left; line-height:30px; margin-right:20px; font-size:14px; color:#333; } .header .newhousepanel .choose .list a:hover{ color:#05b570; } .header .newhousepanel .hothouse{ float:left; width:300px; } .header .newhousepanel .hothouse li{ overflow:hidden; padding:10px 0; border-bottom:#ddd 1px dashed; } .header .newhousepanel .hothouse li:last-child{ border-bottom:none; } .header .newhousepanel .hothouse li:hover{ background:#f5f5f5; } .header .newhousepanel .hothouse li i{ float:left; width:18px; height:18px; line-height:18px; background:#ddd; color:#fff; text-align:center; margin-right:10px; } .header .newhousepanel .hothouse li i.hot{ background:#fe5a00 } .header .newhousepanel .hothouse li a{ display:block; } .header .newhousepanel .hothouse li span{ float:left; font-size:14px; line-height:18px; color:#333; width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .header .newhousepanel .hothouse li span.lpnan{ width:100px; } .header .newhousepanel .hothouse li span.price{ width:80px; } .header .newhousepanel .hothouse li span.area{ width:60px; text-align:right; } .header .menunewhouse:hover .newhousepanel{ height:auto; animation:animate-fade .3s; -webkit-animation:animate-fade .3s; -moz-animation:animate-fade .3s; } .header .userstate{ float:right; padding: 10px; } .header .header_lang{padding: 10px;margin: 0 10px;} .header .userstate a,.header .userstate span{ color:#444; } .header .userstate a:hover{ color:#05b570; } .header .complain{ float:right; padding:25px 0; margin-left:20px; } .header .complain a{ float:left; line-height:20px; color:#444; } .header .complain a:hover{ color:#05b570; } /*右边栏*/ .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:url(/uploads/image/ppaimages/icon1.png) no-repeat;text-align:center;line-height: 48px; } .rightfloat .lpzx > a{ background-position:11px -148px; } .rightfloat .smewm > a{background: none;} .rightfloat .item-new{ position:relative; } .rightfloat .item-new:after{ content:''; position:absolute; width:32px; height:18px; background:url(/uploads/image/ppaimages/icon1.png) 0 -100px; top:0; right:0; } .rightfloat .item .panel{ margin-top:-24px; } .rightfloat .lpzx .panel:after{ top:21px; bottom:auto; } .rightfloat .smewm .panel{ margin-top:-40px; } .rightfloat .item:hover{ background:#ff9000; } .rightfloat .item:hover .panel{ display:block; } .rightfloat .fhdb > a,.rightfloat .yjfk > a,.rightfloat .fdjsq > a{background: none;} .rightfloat .gjjcx > a{ background-position:12px -48px; } .rightfloat .gomobile > a{background: url(/uploads/image/ppaimages/icon.png) no-repeat; background-position:-36px -30px; } .rightfloat .gomobile .panel{ background:#fff; } .rightfloat .gomobile .codetel{ margin:5px; } .rightfloat .sbcx > a{ background-position:-36px -50px; } /*.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:150px; } @keyframes rightfloat{ from{ transform:translatex(-20px); opacity:0; } to{ transform:translatex(0); opacity:1; } } #search_list{display: block;overflow: hidden;position: absolute;width: 100%;left: 0;top: 40px;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;} .currentpage{background: #f4f4f4;height: 49px;width: 100%;position: relative;margin: 0 auto;} .currentpage.fangjia{height: 160px;margin-top: 5px;background: } .currentpage .m_box {width: 1180px;margin: 0 auto;position: relative;} .currentpage .pos {line-height: 47px;height: 30px;float: left;color: #cccccc;} .currentpage.fangjia .pos{float: none;} .currentpage .pos a{color: #cccccc;font-size: 12px;} .currentpage .form{position: relative;width: 667px;margin: 0 auto;display: flex;display: -webkit-flex;margin-top: 14px;justify-content: space-between;} .currentpage .form .searchbox{position: relative;} .currentpage .form .searchbtn{position: absolute;right: 0;width: 64px;background: #20ac6d;border-top-right-radius: 5px;border-bottom-right-radius: 5px;height: 45px;color: #ffffff;cursor: pointer;} .currentpage .form .searchbtn:focus, .currentpage .form .searchbtn:hover{color: #ffffff !important;} .currentpage .form .searchbtn .iconfont{color: inherit;font-size: 29px;} .currentpage .form .mapbtn{color: #333333;width: 120px;font-size: 16px;text-align: center;line-height: 45px;box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);border-radius: 5px;cursor: pointer;background: #ffffff;} .currentpage .form .mapbtn:focus,.currentpage .form .mapbtn:hover{color: #333333 !important;} .currentpage .form .mapbtn .iconfont{color: #333333;font-size: 16px;} .currentpage .form .search{height: 45px;width: 527px;box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 30%);background: #ffffff;border-radius: 5px;padding: 16px 0 16px 27px;} .currentpage .findhouse{position: relative;width: 667px;margin: 17px auto 0;display: flex;display: -webkit-flex;} .currentpage .findhouse .label{display: inline-block;color: #cccccc;font-weight: bold;font-size: 12px;} .currentpage .price_list li{float: left;margin-right: 20px;} .currentpage .price_list a{color: #cccccc;font-size: 12px;display: block;} .currentpage .new_search {display: inline-block;height: 33px;line-height: 32px;width: 360px;position: absolute;right: 0px;top: 8px;border: 0px solid #30a15d;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;} .currentpage .new_search #search_form:after{content: '\e66d';position: absolute;width: 18px;height: 18px; margin: auto;top: 0;right: 11px;bottom: 0;pointer-events: none;font-family: 'iconfont';color: #fff;line-height: 18px;font-size: 17px;} .currentpage .new_search .textbox {width: 320px;height: 32px;border: 0;outline: none;text-indent: 10px;-webkit-border-radius: 5px 0 0 5px;-moz-border-radius: 5px 0 0 5px;-ms-border-radius: 5px 0 0 5px} .currentpage .new_search #search_house_id {position: absolute;width: 40px;height: 32px;background: #30a15d;top: 0;right: 0;cursor: pointer;color: #fff;font-size: 16px!important;-webkit-border-radius: 0 5px 5px 0;-moz-border-radius: 0 5px 5px 0;-ms-border-radius: 0 5px 5px 0} .currentpage .new_search .search_img {display: inline-block;position: absolute;width: 18px;height: 18px;background: url(/uploads/image/ppaimages/icon.png) -290px -40px;margin: auto;left: 0;top: 0;right: -320px;bottom: 0;} .currentpage .new_search #search_list {display: block;overflow: hidden;position: absolute;width: 100%;left: 0;top: 30px;background: #fff;box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px;z-index: 2;text-indent: 10px;} .currentpage .btn{float: right;} .currentpage .btn button{ width: 80px;height: 32px;background: #30a15d;color: #fff;border-radius: 4px;font-size: 12px;cursor: pointer;margin-top: 8px;} .currentpage .left_search{right: 100px ;} .footer {background:#333333;padding:20px 0;color:#999999;line-height:26px;text-align:center;font-size:14px} .copyright {width:1180px;margin:0 auto} .copyright a{color:#999999;} .footer p{color: #999999;} .footer img {vertical-align: middle;display: inline-block;} .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;} .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; } /* 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;} .page .z-crt, .page a:hover{ border-color: #30a15d; background: #30a15d; color: #fff!important;} .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; } .app-flink {padding:20px 0px 10px 0px;width:1180px;margin:0px auto 30px auto;border-top:1px #e9e9e9 solid;vertical-align:top;font-size:14px;overflow: hidden;} .app-flink .hd {height:30px;line-height:26px;text-align:left;font-size:14px;width:100px;background:url(/uploads/image/ppaimages/flink_bg.png) left 5px no-repeat;text-indent:20px;float:left;font-weight:bold;color:#000000;} .app-flink .bd li {float:left;height:22px;margin:4px 30px 0 0;} .app-flink .bd a {float:left;color:#666666;height:22px;white-space:nowrap;} .app-flink .bd {width:1080px;float:left} .main{padding-bottom: 30px;} .m_top10{margin-top: 10px;} .m_top30{margin-top: 30px;} .m_left9{margin-left: 9px;} .dsn{display: none!important;} /*问答搜索*/ .search #search_list_wd{box-shadow: 1px 2px 10px #999;position: absolute; z-index: 19; background: #fff;top: 46px;width: 574px;margin: 0 auto;} .search #search_list_wd li a{display: block;} .search #search_list_wd li{ margin: 0; padding: 10px 0; border: 0;} .search #search_list_wd li:hover a p{color: #30a15d;} .search #search_list_wd li a p{text-indent: 20px;} .search #search_list_wd li a{text-indent: 20px;} /* 提交成åšÿ */ .success_pop{display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);position: fixed;top: 0;z-index: 99;} .success_pop .box{background: #fff;width: 270px;height: 242px;background-color: #ffffff; box-shadow: -2px 0px 24px 0px rgba(45, 45, 45, 0.48);border-radius: 4px;position: absolute; top: 50%;left: 50%;margin-left: -135px;margin-top: -121px;} .success_pop .box img{display: block;width: 68px;height: 68px;margin: 0 auto;margin-top: 30px;margin-bottom: 25px;} .success_pop .box p{height: 18px;line-height: 18px;color: #000;font-size: 18px;text-align: center;margin-bottom: 40px;} .success_pop .box button{ display: block;width: 100px;height: 38px;background-color: #30a15f;border-radius: 4px; font-size: 14px;color: #ffffff;text-align: center;line-height: 38px;margin: 0 auto;cursor: pointer;} /* 提交失败 */ .fail_pop{display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);position: fixed;top: 0;z-index: 99;} .fail_pop .box{background: #fff;width: 270px;height: 242px;background-color: #ffffff; box-shadow: -2px 0px 24px 0px rgba(45, 45, 45, 0.48);border-radius: 4px;position: absolute; top: 50%;left: 50%;margin-left: -135px;margin-top: -121px;} .fail_pop .box img{display: block;width: 68px;height: 68px;margin: 0 auto;margin-top: 30px;margin-bottom: 20px;} .fail_pop .box p{height: 18px;line-height: 24px;color: #000;font-size: 18px;text-align: center;margin-bottom: 40px;} .fail_pop .box button{ display: block;width: 100px;height: 38px;background-color: #30a15f;border-radius: 4px; font-size: 14px;color: #ffffff;text-align: center;line-height: 38px;margin: 0 auto;cursor: pointer;} .tel_pop{display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);position: fixed;top: 0;z-index: 99;} .tel_pop .box{background: #fff;width: 374px;height: 394px;background-color: #ffffff; box-shadow: -2px 0px 24px 0px rgba(45, 45, 45, 0.48);border-radius: 4px;position: absolute; top: 50%;left: 50%;margin-left: -187px;margin-top: -197px;} .tel_pop .box .tit{position: relative;height: 50px;border-bottom: 1px solid #e5e5e5;font-size: 20px;color: #000000;line-height: 50px;text-align: center;} .tel_pop .box .tit .close{width: 16px;height: 16px;cursor: pointer;display: block;position: absolute;top: 20px;right: 20px;background: url(/uploads/image/ppaimages/close.png) center no-repeat;} .tel_pop .box .form{margin: 0 55px;} .tel_pop .box .form input[name='tel']{width: 260px;height: 38px;border-radius: 4px; border: solid 1px #cccccc;text-indent: 20px;margin-top: 30px;font-size: 12px;} .tel_pop .box .form .imgcode_box{margin-top: 20px;} .tel_pop .box .form .imgcode_box img{width: 126px;height: 38px;margin-left: 10px;} .tel_pop .box .form .imgcode_box input[name='imgcode']{width: 120px; height: 38px;font-size: 12px; border-radius: 4px; border: solid 1px #cccccc;color: #999999;text-indent: 15px;vertical-align: top;} .tel_pop .box .form .telcode_box{margin-top: 20px;height: 38px; border-radius: 4px; border: solid 1px #cccccc;} .tel_pop .box .form .telcode_box input[name='telcode']{border-radius: 4px;width: 160px;height: 36px;text-indent: 20px;font-size: 12px;color: #999999;} .tel_pop .box .form .telcode_box .button{display: inline-block;width: 85px;height: 36px;line-height: 36px;text-align: right;background: #fff;font-size: 14px;color: #333333;cursor: pointer;position: relative;} .tel_pop .box .form .telcode_box .button::before{width: 1px;height: 17px;background-color: #cccccc;content: '';position: absolute;left: 0;top: 10px;} .tel_pop .box .form .xy{font-size: 12px;color: #999999;margin-top: 16px;} .tel_pop .box .form .xy a{text-decoration: underline;font-size: 12px;color: #30a15f;} .tel_pop .box .form .sm{font-size: 12px;line-height: 16px;color: #333333;margin-top: 16px;} .tel_pop .box .form .tj{width: 100%; height: 38px; background-color: #30a15f; border-radius: 4px;font-size: 14px;color: #ffffff;text-align: center;line-height: 38px;margin-top: 20px;cursor: pointer;} /* 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; } /* footer */ .footer{ background:#3b4144; } .footer .content{ width:1180px; margin:0 auto; } .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; } .footer .switch .tab{ float:left; width:960px; } .footer .tab-head{ overflow:hidden; padding:10px 0 20px; } .footer .tab-head li{ float:left; width:124px; line-height:40px; font-size:14px; color:#fff; text-align:center; cursor:pointer; background:#222; margin-right:15px; } .footer .tab-head li.active{ background:#999; } .footer .tab-body > li{ display:none; } .footer .tab-body > li.active{ display:block; } .footer .list{ overflow:hidden; } .footer .list li{ float:left; margin-right:15px; line-height:30px; height:30px; } .footer .list li a{ font-size:14px; color:#ccc; font-weight:normal; } .footer .list li a:hover{ text-decoration:underline; } .footer .list li img{ display:inline; vertical-align:middle; } .footer .switch .ewm{ float:right; padding-top:10px; } .footer .switch .ewm img{ display:block; width:140px; height:140px; } .footer .switch .ewm p{ line-height:40px; font-size:14px; color:#ccc; text-align:center; } .footer .info{ padding:10px 0 20px; margin-top:20px; } .footer .info p{ margin:0 auto; width:1180px; line-height:24px; color:#ccc; font-size:14px; } .footer .info a{ color:#ccc; } .footer .info a:hover{ text-decoration:underline; } .footer .info img{ display:inline; vertical-align:middle; } .footer .tel{ overflow:hidden; margin:0 auto; width:1180px; } .footer .tel p{ line-height:24px; color:#ccc; font-size:14px; float:left; width:auto; margin-right:30px; } .footer-in{ background:#fafafa; clear: both;} .footer-in .content{ padding-bottom:20px; } .footer-in .switch .tab{ float:none; width:auto; } .footer-in .tab-head{ padding:30px 0 10px; } .footer-in .tab-head li{ background:#d4d4d4; color:#666; } .footer-in .tab-head li.active{ background:#b1b1b1; color:#fff; } .footer-in .list li{ line-height:40px; height:40px; } .footer-in .list li a{ font-size:12px; color:#666; } .footer-in .linkto{ text-align:center; padding:0; border:0; line-height:24px; background:#fff; padding-top:20px; } .footer-in .linkto a{ float:none; font-size:12px; color:#333; margin:0; } .footer-in .linkto a:hover{ color:#30a15d; text-decoration:none; } .footer-in .info{ background:#fff; margin:0; padding:0 0 20px; } .footer-in .info p{ font-size:12px; color:#666; text-align:center; } .footer-in .info a{ font-size:12px; color:#666; } .f-share{ position:fixed; left:50%; top:25%;margin-left:-660px; width:60px; height:331px;} .f-share .share{ margin-bottom:26px;} .f-share li{ width:60px; height:61px;overflow:hidden;} .f-share li a{ float:none; display:block; width:100%; height:61px; text-indent:999em; margin:0; padding:0; overflow:hidden; background-image:; background-repeat:no-repeat;} .f-share .wb a{background-position:-70px 0px;} .f-share .wx a{ background-position:-70px -61px;} .f-share .qz a{ background-position:-70px -122px;} .f-share .pl a{ background-position:-70px -209px;} .f-share .top a{ background-position:-70px -270px;} .f-share .wb:hover a{background-position:0 0px;} .f-share .wx:hover a{ background-position:0 -61px;} .f-share .qz:hover a{ background-position:0 -122px;} .f-share .pl:hover a{ background-position:0 -209px;} .f-share .top:hover a{ background-position:0 -270px;} .im-row{margin-top: 30px} .iminlet{ border:#e3e4e4 1px solid; } .iminlet .im-top{ background:#fafafa; overflow:hidden; } .iminlet .im-tit{ font-size:20px; color:#000; line-height:60px; text-indent:15px; float:left; } .iminlet .im-mark{ font-size:12px; color:#fff; background:#fe9735; width:60px; line-height:20px; text-align:center; border-radius:4px; float:left; margin:20px 0 0 5px; } .iminlet .im-fx{ float:left; } .iminlet .im-fx div{ float:left; width:20px; height:16px; border:#d8d8d8 1px solid; margin:22px 0 0 10px; cursor:pointer; position:relative; } .iminlet .im-prev:before{ content:''; position:absolute; width:0; height:0; border-top:transparent 6px solid; border-bottom:transparent 6px solid; border-right:#afafaf 6px solid; margin:auto; left:5px; top:0; bottom:0; } .iminlet .im-prev:after{ content:''; position:absolute; width:0; height:0; border-top:transparent 6px solid; border-bottom:transparent 6px solid; border-right:#fff 6px solid; margin:auto; left:6px; top:0; bottom:0; } .iminlet .im-next:before{ content:''; position:absolute; width:0; height:0; border-top:transparent 6px solid; border-bottom:transparent 6px solid; border-left:#afafaf 6px solid; margin:auto; right:5px; top:0; bottom:0; } .iminlet .im-next: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; right:6px; top:0; bottom:0; } .iminlet .im-swiper{ height:294px; } .iminlet .im-swiper.im-two{ height:202px; } .iminlet .im-swiper.im-one{ height:112px; } .iminlet .swiper-slide{ width:100%; padding:10px 0; } .iminlet .im-item{ display: flex;display: -webkit-flex;margin:0 10px; padding:10px 0; overflow:hidden; border-bottom:#e7e7e7 1px dashed; } .iminlet .im-item .img{ overflow:hidden; width:70px; height:70px; border-radius:50%; -ms-border-radius:50%; } .iminlet .im-item .img img{ width:100%; height:100%; object-fit:cover; } .iminlet .im-item .txt{ margin-left:16px; } .iminlet .im-item .txt p{ width: 92px;font-size:16px; color:#000; line-height:24px; margin-top:10px; text-align:left; } .iminlet .im-item .txt span{ display:block; font-size:12px; color:#999; line-height:24px; } .iminlet .im-item .txt .company_name{font-size: 12px;margin-top: 10px;background-color: #ebfaf1;padding: 0 10px;color: #30a15d;line-height: 20px; } .iminlet .im-item .btn{ margin-top:28px;margin-left: 10px;width: 70px; } .iminlet .im-item .btn a{ display:block; width:70px; line-height:26px; border-radius:4px; background:#30a15d; color:#fff; text-decoration:none; font-size:12px; text-indent:16px; position:relative; } .iminlet .im-item .btn a:before{ content:'\e6bc'; position:absolute; width:12px; height:12px; margin:auto; left:3px; top:0; bottom:0; font-family: 'iconfont';line-height: 12px;left: -13px;} .iminlet .swiper-slide .im-item:last-child{ border-bottom:none; } .iminlet a:hover{color: #fff !important;} .g-wrap-content,.g-wrap-content>div,.g-wrap-content a{width: 860px!important;} .header .menu .item.new:after { content: ''; position: absolute; width: 32px; height: 18px; background: url(/uploads/image/ppaimages/icon.png) -150px 0; top: 10px; right: -10px; } .g-wrap-lr{margin-top: 10px;} /* 正文显示table边框 */ .content_text table, .content_text table th, .content_text table td { border:1px solid grey; border-collapse:collapse; } .rightfloat .gfzgcs > a{ background: none; text-align: center; line-height: 48px; } #search_list a { display: inline-block; line-height: 28px; } #search_list a em { color: #30a15d; font-style: normal; } .main{} .main .banner{width: 1180px;height: 340px;margin: 0 auto;margin-top: 30px;} .main .banner img{width: 100%;height: 100%;object-fit: cover;} .swiper-button-prev{background: none;left: 0;} .swiper-button-prev::before{width: 36px;height: 64px;content: '\e6ad';font-family: 'iconfont';color: #cecdcf;font-size: 55px;font-weight: bold;} .swiper-button-next{background: none;right: 25px;} .swiper-button-next::before{width: 36px;height: 64px;content: '\e6ac';font-family: 'iconfont';color: #cecdcf;font-size: 55px;font-weight: bold;} .swiper-container .swiper-pagination{text-align: right;width: unset;right: 30px;} .swiper-pagination-bullet-active{background-color: #ffffff;} .main .banner .item{display: block;position: relative; height: 340px;} .main .banner .item p{position: absolute;bottom: 0;background: rgba(0, 0, 0, .5);font-size: 28px;color: #fff;width: 100%;text-indent: 40px;text-align: left;padding: 20px 0;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;cursor: pointer;} .main .content_box{width: 1180px;margin: 0 auto;margin-top: 20px;} .main .content_box>div{float: left;} .main .content_box>div:last-child{margin-left: 40px;} .main .content_box .left{width: 860px;} .main .content_box .left .type_tab{border-bottom: 1px solid #ddd;width: 100%;display: flex;display: flexbox;} .main .content_box .left .type_tab::after{content: '';display: block;clear: both;} .main .content_box .left .type_tab li{float: left;margin-right: 2px;flex: auto;} .main .content_box .left .type_tab li:last-child{margin-right: 0;} .main .content_box .left .type_tab li a{display: block;font-size: 18px;color: #333;line-height: 40px;text-align: center;} .main .content_box .left .type_tab li a:hover{color: #333!important;} .main .content_box .left .type_tab .cur a {border-bottom: 4px solid #30a15d;font-weight: bold;} /* 列表*/ .main .content_box .left .list li{padding: 20px 0px;border-bottom: 1px solid #e0e0e0;font-size:14px;zoom:1;} .main .content_box .left .list li:last-child{border: 0;} .main .content_box .left .list li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";} .main .content_box .left .list li .img{ display: block;width: 210px;height: 140px;margin-right:30px; overflow:hidden;} .main .content_box .left .list li .img img{width: 100%;height: 100%;object-fit: cover;} .main .content_box .left .list li .tit{ margin-bottom:10px;font-size: 18px; font-weight:400;} .main .content_box .left .list li .tit .icon-hot{ font-size:12px; background:#f60; color:#fff; padding:2px 5px; border-radius:2px; margin-left:10px;} .main .content_box .left .list li a{ } .main .content_box .left .list li .tit a{color:#000000;font-size: 24px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .main .content_box .left .list li .info{color:#999;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .main .content_box .left .list li .time{ margin-top:8px; text-align:right;color:#999;} .main .content_box .left .list li .time .tb-icon{margin-right: 5px;width: 16px;height: 17px; display: inline-block;vertical-align: -1px; } .main .content_box .left .list li .time .tb-icon::before{content: '\e6e0';color: #30a15d;font-family: 'iconfont';line-height: 13px;} .main .content_box .left .list li .time a{ margin-left:10px; color:#999;} /* .main .content_box .left .list li:hover{background:#f8f8f8;} */ /* .main .content_box .left .list li:hover .tit a{ color:#f60;} */ .main .content_box .left .list li:hover .time a{ color:#333;} .main .content_box .left .list li .time a:hover{color:#f60; text-decoration:underline;} .main .content_box .left .list li .daogou{text-align: left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:100%;font-size: 14px;color: #666;margin-top: 10px;} .main .content_box .left .list li.items{display: -moz-box;display: -webkit-box;} .main .content_box .left .list li.items .flex{box-flex: 1;-moz-box-flex: 1;-webkit-box-flex: 1;} .f-fl {float: left;position: relative;padding-left: 20px;} .f-fl::before{content: '\e6df';width: 14px;height: 14px;position: absolute; top: 3px;left: 0;font-family: 'iconfont';color: #f60;} /*热门楼盘*/ .main .content_box .left .hot_tit {margin-top: 50px;overflow: hidden;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;} .main .content_box .left .hot_tit p{float: left;font-size: 24px;color: #333;font-weight: bold;} .main .content_box .left .hot_tit a{float: right;font-size: 14px;color: #999999; position: relative;top: 10px;} .main .content_box .left .hot{margin-top: 25px;margin-bottom: 30px;} .main .content_box .left .hot::after{content: '';display: block;clear: both;} .main .content_box .left .hot .item{float: left;margin-right: 20px;} .main .content_box .left .hot .item:last-child{margin-right: 0px;} .main .content_box .left .hot .item a{} .main .content_box .left .hot .item a .img{width: 200px;height: 144px;position: relative;} .main .content_box .left .hot .item a .img img{width: 100%;height: 100%;object-fit: cover} .main .content_box .left .hot .item a .img p{width: 100%;position: absolute;bottom: 0px;background: rgba(0, 0, 0, 0.7);padding-top: 2px;padding-bottom:4px; } .main .content_box .left .hot .item a .img p span{color: #ffffff;} .main .content_box .left .hot .item a .img p span:first-child{float: left;font-size: 16px;margin-left: 5px;max-width: 135px; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap;} .main .content_box .left .hot .item a .img p span:last-child{float: right;font-size: 14px;margin-right: 5px;} .main .content_box .left .hot .item a .price{font-size: 20px;color: #fe4844;height: 20px;line-height: 20px;margin: 10px 0;} .main .content_box .left .hot .item a .tel{height: 16px;line-height: 16px;font-size: 16px;color: #333333;} /*righy*/ .main .content_box .right{width: 280px;margin-left: 40px;} .main .content_box .right .from_zx{border: solid 1px #e5e5e5; margin-top: 15px;} .main .content_box .right .from_zx .tit{height: 55px;background-color: #f3f3f3;line-height: 55px;width: 100%;text-indent: 19px;font-size: 18px;color: #333333;} .main .content_box .right .content_from{width: 240px;margin: 0 auto;margin-top: 20px;} .main .content_box .right .content_from p{color: #333333;font-size: 12px;line-height: 20px;} .main .content_box .right .inputbox{margin-top: 20px;} .main .content_box .right .inputbox select{width: 116px;height: 30px;background-color: #ffffff;border: solid 1px #e5e5e5;text-indent: 10px;} .main .content_box .right .inputbox select:last-child{margin-left: 3px;} .main .content_box .right .inputbox select option{text-indent: 10px;} .main .content_box .right .inputbox input{font-size: 12px;text-indent: 10px;width: 240px;height: 30px;background-color: #ffffff;border: solid 1px #e5e5e5;} .main .content_box .right .submitbox input{color: #ffffff;width: 240px;height: 30px;background-color: #30a15d;border-radius: 4px;} .main .content_box .right .submitbox {margin-top: 20px;margin-bottom: 20px;} .main .content_box .right .xybox{overflow: hidden;margin-top: 10px;} .main .content_box .right .xybox label{float: left;position: relative;overflow: hidden;margin-top: 4px;} .main .content_box .right .xybox input{ position: absolute;width: 10px;height: 10px;left: -20px;} .main .content_box .right .xybox input:checked span::before {content: '\e69b';font-family: 'iconfont';font-size: 12px;} .main .content_box .right .xybox span {display: block;width: 13px;height: 14px;line-height: 14px;} .main .content_box .right .xybox span::before{content: '\e69a';font-family: 'iconfont';font-size: 12px;} .main .content_box .right .xybox p {float: left;line-height: 20px;height: 20px;margin-left: 4px;} .main .content_box .right .xybox a {color: #ff7e00;} .main .content_box .right .title{background-color: #f3f3f3;position: relative;width: 280px;font-size: 18px;font-weight: bolder;color: #333333; height: 55px!important;line-height: 55px;text-indent: 20px;} .main .content_box .right .title .gfrz{width: 60px;height: 20px;background-color: #ffa009;border-radius: 4px;font-size: 12px;color: #ffffff;padding: 2px 2px;margin-left: 10px;} .newbtm { border: 1px solid #eeeeee!important; } .main .content_box .right .item_new{border: 1px solid #eeeeee;border-top: 0;padding-bottom: 10px;} .main .content_box .right .item_new>div{margin: 0 15px;padding: 20px 0; border-bottom: 1px dotted #e5e5e5;} .main .content_box .right .item_new>div:last-child{border: 0;} .main .content_box .right .item_new>div::after{content: '';display: block;clear: both;} .main .content_box .right .item_new>div>div{float: left;} .main .content_box .right .item_new>div .img{width: 70px;height: 70px;} .main .content_box .right .item_new>div .img img{width: 100%;height: 100%;object-fit: cover;} .main .content_box .right .item_new>div .info{margin-left: 10px;} .main .content_box .right .item_new>div .info .name{font-size: 16px;color: #333333;margin: 0;margin-top: 15px;margin-bottom: 2px;} .main .content_box .right .item_new>div .info .fwrs{font-size: 12px;color: #999999;margin: 0;} .main .content_box .right .item_new>div button{width: 70px;height: 26px;cursor: pointer; background-color: #30a15d;border-radius: 4px;font-size: 12px;color: #ffffff;text-indent: 10px;position: relative;margin-left: 16px; margin-top: 20px;} .main .content_box .right .item_new>div button::before{content: '';width: 12px;height: 12px;position: absolute;left: 2px;top: 8px;background: center no-repeat;} .m_top30{margin-top: 30px;} .m_top20{margin-top: 20px!important;} .main .content_box .right .item_new a {border-bottom: 1px solid #eeeeee;display: block;margin: 0 10px;overflow: hidden;padding: 10px 0;} .main .content_box .right .item_new a:last-child{border: 0;} .main .content_box .right .item_new a span{display: block;width: 18px;height: 18px;background-color: #dadada;color: #ffffff;text-align: center;} .main .content_box .right .item_new a span,.main .content_box .right .item_new a .text{float: left;} .main .content_box .right .item_new a .text{max-width: 230px;margin-left: 10px;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;} .main .content_box .right .item_new a .ph{background-color: #ffa009;} .main .content_box .right .item_new a .img{width: 110px;height: 80px;} .main .content_box .right .item_new a .img img{width: 100%;height: 100%;object-fit: cover;} .main .content_box .right .item_new a .info-right{flex: 1;margin-left: 10px;} .main .content_box .right .item_new a .info{flex: 1;line-height: 24px;font-size: 14px;margin-left: 10px;} .main .content_box .right .item_new a .info1{line-height: 19px;font-size: 14px;min-height: 63px;} .main .content_box .right .item_new a .time{font-size: 13px;color: #a8a8a8;} .main .content_box .right .item_new .flex_box{display: flex;display: -webkit-flex;} .main .content_box .right .item_new .flex_box .yd{width: 4px;height: 4px;background-color: #dadada;border-radius: 50%;margin-top: 10px;} .main .content_box .right .item_new .over_h1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;max-height: 75px;} .main .content_box .right .item_new .over_h2{overflow: hidden;text-overflow:ellipsis; white-space: nowrap;} .main .content_box .right .title a{position: absolute;/* top:8px; */right: 20px;font-size: 14px;font-weight: normal;} .main .content_box .right .item_new>img{display: block;margin: 0 auto; width: 280px;} .main .content_box .right .b_top{border: 1px solid #eeeeee;} .main .content_box .right .item_new>.gz{width: 231px; height: 28px; background-color: #30a15d;font-size: 16px;color: #ffffff;line-height: 28px;text-align: center;margin: 0 auto;padding: 0;margin-bottom: 20px;margin-top: 20px;} /* 5个操作类型的时候 */ .rightfloat .panel.iminletpanel5{margin-top: -172px} .rightfloat .panel.iminletpanel4{margin-top: -101px} .rightfloat .panel.iminletpanel3{margin-top: -30px} .rightfloat .panel.iminletpanel2{margin-top: -24px} .rightfloat .panel.iminletpanel1{margin-top: -24px} .rightfloat .panel.iminletpanel5:after{top:169px;bottom: auto;} .rightfloat .panel.iminletpanel4:after{top:97px;bottom: auto;} .rightfloat .panel.iminletpanel3:after{top:24px;bottom: auto;} .rightfloat .panel.iminletpanel2:after{top:20px;bottom: auto;} .rightfloat .panel.iminletpanel1:after{top:20px;bottom: auto;} .rightfloat .gomobile .panel{margin-top: -79px;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px 1px;} .rightfloat .gomobile .panel:after{top:-42px}