*{ 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;} 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;} /* 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:; 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: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-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 .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; } .rightfloat .lpzx > a{ background-position:11px -148px; } .rightfloat .smewm > a{ background-position:-38px -130px; } .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{ 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:80px; height:80px; background:#555; padding:5px; } .rightfloat .item:hover{ background:#ff9000; } .rightfloat .item:hover .panel{ display:block; } .rightfloat .fdjsq > a{ background-position:-87px -130px; } .rightfloat .yjfk > a{ background-position:-147px -130px; } .rightfloat .fhdb > a{ background-position:-204px -132px; } .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{ 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:auto; } @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 .m_box {width: 1180px;margin: 0 auto;position: relative;} .currentpage .pos {line-height: 47px;height: 30px;float: left;} .currentpage .pos a{color: #666;} .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 .search-icon{display:none;} .currentpage .new_search #search_form.search_form_icon .search-icon{display:block; color: #fff;position: absolute;z-index: 100;font-size: 17px;right: 11px;top: 0px;cursor: pointer;} .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';line-height: 18px;color: #fff;font-size: 17px;} .currentpage .new_search .textbox {width: 320px;height: 29px;border: 0;outline: none;text-indent: 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;} .currentpage .new_search #search_house_id {position: absolute;width: 40px;height: 32px;background: #30a15d;top: 0;right: 0;cursor: pointer;color: #fff;text-indent: 40px;font-size: 16px!important;-webkit-border-radius: 3px 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;} .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; } /*百科问答详情表单 2*/ .buyhouse_top{ width:100%; height:120px; background-color: #f4f9f6; position: relative; padding:4px 15px; box-sizing: border-box; display: flex; justify-content: space-between; margin-bottom:40px; } .buyhouse_top .bg_1{ width:190px; height:100%; position:absolute; right:20%; background: no-repeat; background-size: 100% 100%; } .buyhouse_top .left1{ width:80%; height:100%; display: flex; } .buyhouse_top .left1>img{ width:110px; height:100%; } .buyhouse_top .left1 .title{ color: #333333; font-size: 19px; font-weight: bold; } .buyhouse_top .left1 .tellist1{ height: 40px !important; overflow: hidden; color: #666666 !important; margin:2px 0; } .buyhouse_top .left1 .ruqun{ font-size: 16px; } .buyhouse_top .left1 .ruqun:before{ content: ""; background: no-repeat; position: absolute; width: 58px; height: 24px; } .buyhouse_top .left1 .ruqun .text{ margin-left:65px; } .buyhouse_top .right1{ width:20%; height:100%; } .buyhouse_top .right1>a{ background: linear-gradient(360deg, #20be65 0%, #22c96d 100%); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 4px; padding: 10px 35px; color: #fff; margin-left: 5px; cursor: pointer; line-height: 100px; } .buyhouse_top .left1 .tellist1 ul { margin-top: 0; /* padding-left: 110px; */ text-align: left; list-style: none; animation: 6s linear 0s normal none infinite change; -webkit-animation: 6s linear 0s normal none infinite change; -moz-animation: 6s linear 0s normal none infinite change; -o-animation: 6s linear 0s normal none infinite change; } .buyhouse_top .left1 .tellist1 ul li { line-height: 40px; margin: 0 !important; } @-webkit-keyframes change { 0% { margin-top: 0; } 15% { margin-top: 0; } 25% { margin-top: -40px; } 40% { margin-top: -40px; } 50% { margin-top: -80px; } 65% { margin-top: -80px; } 75% { margin-top: -40px; } 85% { margin-top: -40px; } 100% { margin-top: 0; } } @keyframes change { 0% { margin-top: 0; } 15% { margin-top: 0; } 25% { margin-top: -40px; } 40% { margin-top: -40px; } 50% { margin-top: -80px; } 65% { margin-top: -80px; } 75% { margin-top: -40px; } 85% { margin-top: -40px; } 100% { margin-top: 0; } } /*百科问答详情表单*/ .main .right .qaform{ height: 162px; background: no-repeat; background-size: contain; position: relative; } .main .right .qaform .form_left{ float: left; width: 66%; } .main .right .qaform .form_right{ float: left; width: 33%; } .main .right .qaform:after{ content: " "; display: block; clear: both; } .main .right .qaform .form_top{ margin: 30px 0 0 30px; width: 55%; line-height: 23px; } .right .qaform .form_top span{ color: #333333; } .main .right .qaform .groupname{ color: #30a15d; font-weight: bold; } .main .right .qaform .tags{ font-weight: bold; } .main .right .qaform .form_right .inputbox{ margin-top: 20px; } .main .right .qaform .bm_province{ width: 116px; height: 30px; background-color: #ffffff; border: solid 1px #e5e5e5; text-indent: 10px; } .main .right .qaform .bm_city{ width: 116px; height: 30px; background-color: #ffffff; border: solid 1px #e5e5e5; text-indent: 10px; margin-left: 3px; } .main .right .qaform input[name=mobile]{ font-size: 12px; text-indent: 10px; width: 240px; height: 30px; background-color: #ffffff; border: solid 1px #e5e5e5; } .main .right .qaform .submitbox{ margin-top: 20px; } .main .right .qaform .ajax_tg_submit_new{ color: #ffffff; width: 240px; height: 30px; background-color: #30a15d; border-radius: 4px; }.main .imgbox{width: 1180px;margin: 0 auto;overflow: hidden;margin-top: 30px} .main .imgbox>div{float: left;} .main .imgbox .big_box{float: left;height: 340px;width: 780px;position: relative;} .main .imgbox .big_box img{ width: 100%;height: 100%;object-fit: cover;} .main .imgbox .big_box .zd,.main .imgbox .big_small>div .zd{width:100%;height:100%;position: absolute;top: 0;background: #000000;opacity: 0.5;} .main .imgbox .big_box .text{position: absolute;bottom: 0px;width: 780px;overflow: hidden;background: #000;opacity: 0.5;} .main .imgbox .big_box .text h1{font-size: 26px;color: #ffffff;margin-top: 14px;margin-left: 44px} .main .imgbox .big_box .text p{font-size: 14px;color: #ffffff;margin-top: 18px;line-height: 25px;margin-left: 44px;margin-bottom: 32px;margin-right: 156px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; } .main .imgbox .big_small{float: left;height: 340px;width: 390px;margin-left: 10px;} .main .imgbox .big_small>div{float: left;height: 165px;width: 390px;position: relative;} .main .imgbox .big_small>div img{ width: 100%;height: 100%;object-fit: cover;} .main .imgbox .big_small>div .text{position: absolute;bottom: 0px;width: 390px;overflow: hidden;background: #000;opacity: 0.5;} .main .imgbox .big_small>div .text h2{font-size: 18px;color: #ffffff;margin-left: 17px;margin-top: 15px;margin-bottom: 15px;margin-right: 31px;} .main .content_box{width: 1180px; margin: 0 auto;overflow: hidden; margin-top: 10px;} .main .content_box .nav{border-bottom: 6px solid #333333;padding-bottom: 5px;background: #fff;} .main .content_box .nav .navitem{font-size: 18px;color: #333333;padding: 10px 28px;display: inline-block;} .main .content_box .nav .navitem.active{font-weight: bold;border-bottom: 4px solid #30a15d;} .main .nav .wiki{font-size: 24px;font-weight: bold;color: #333;} .main .nav .wiki span{font-size: inherit;font-weight: normal;} .main .nav .video{color: #666666;position: relative;padding-left: 1.5em;float: right;margin-right: 1em;font-size: 14px;margin-top: 9px;} .main .nav .video .video-prefix{font-size: 17px;display: inline-block;vertical-align: bottom;margin-right: 5px;} .main .content_box .left, .main .content_box .right{float: left;width: 50%} .main .content_box .left{width: 284px;} .main .content_box .right{width: 866px;margin-left: 30px;margin-top: 35px;} .main .content_box .left .title{position: relative;width: 284px;font-size: 26px;font-weight: bolder;height: 45px;border-bottom: 6px solid #333333;color: #333333;} .main .content_box .left .title a{position: absolute;top:18px;right: 0;font-size: 14px;font-weight: normal;} .main .content_box .left .items_box{width: 228px;margin: 0 auto;} .main .content_box .left .title_small{width: 100%;font-size: 16px;font-weight: bolder;height: 50px;line-height: 50px;color: #333333;} .main .content_box .left ul{width: 100%;overflow: hidden;border-bottom: 1px solid#e5e5e5;padding-bottom: 10px;} .main .content_box .left ul li{float: left;margin-right: 20px;} .main .content_box .left ul li a{width: 56px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #666666; } .main .content_box .left ul li .cur{color: #30a15d;} .main>.more{padding-top: 12px;text-align: right;width: 1180px;margin: 0 auto;} .main>.more a{font-size: 16px;color: #666666;} .newbtm{border-bottom: 1px solid #eeeeee!important;} .bac{background: #f8f8f9;} .main .content_box .left>div{overflow: hidden;} .main .content_box .left .item_new a{border-bottom: 1px solid #eeeeee;display: block;} .main .content_box .left .item_new a:last-child{border-bottom: 0px solid #eeeeee;display: block;} .main .content_box .left .item_new p{font-size: 14px;color: #333333;margin-top: 17px;} .main .content_box .left .item_new span{display: block;margin-top: 17px;color: #999999;margin-bottom: 17px;} .main .content_box .right ul{width: 100%;overflow: hidden;} .main .content_box .right ul li{padding: 20px 0 10px;border-bottom: 1px solid #eeeeee;overflow: hidden;position: relative;} .main .content_box .right ul li:last-child{border-bottom: 0px solid #eeeeee;} .main .content_box .right ul li:first-child{ padding-top: 2px;} /*.main .content_box .right ul li a:after{content: "";display: block;clear: both;}*/ .main .content_box .right ul li a >div{float: left;} .main .content_box .right ul li .img{width: 210px;height: 140px;overflow: hidden;position:relative;} .main .content_box .right ul li .video-con{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 40px;height: 40px;border-radius: 50%;text-align: center;line-height: 40px;background: rgba(0,0,0,0.5);} .main .content_box .right ul li .video-icon{color: #fff;font-size: 19px;display: block;margin: 0 auto;width: 14px;} .main .content_box .right ul li .img img{ width: 100%;height: 100%;object-fit: cover;} .main .content_box .right ul li .text{height: 140px;width: 626px;margin-left: 30px;position: relative;} .main .content_box .right ul li .text .pt{font-size: 24px;color: #333333;height: 25px;line-height: 24px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;} .main .content_box .right>.pt{font-size: 18px;color: #333333;margin-bottom: 15px;font-weight: bolder;} .main .content_box .right ul li .text .ms{color: #999999;width: 100%; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; line-height: 20px;margin-top: 13px;} .main .content_box .right ul li .text .time{color: #999999;margin-top: 13px;} .main .content_box .right ul li .text .pq span{padding: 0 10px;height: 20px;text-align: center;line-height: 20px;font-size: 12px;display: inline-block;} .main .content_box .right ul li .text .first{border: solid 1px #c1e4da;background-color: #f3fcf9;color: #58aa8a;} .main .content_box .right ul li .text .second{background-color: #fff4ea;border: solid 1px #f7dabd;color: #ff7e1d;} .main .content_box .right ul li .text .third{background-color: #ecfaff;border: solid 1px #a9e2f7;color: #00adeb;} .main .content_box .right ul li .text .pq{margin-top: 13px;} .main .content_box .left .title span{font-size: 26px;color: #666666;font-weight: normal;} .main .content_box .right ul li .text .wt{position: absolute;bottom: 0px;} .main .right .buy_guide{ margin-top: 141px;padding-top: 10px;position: relative;display: block;} .main .right .buy_guide:after{content: "";display: block;clear: both;} .main .right .buy_guide>*{display: inline-block;} .main .right .buy_title{font-size: 14px;font-family: microsoft yahei;font-weight: 400;color: #30a15d;background: rgba(49,157,88,0.1);padding: 4px;position:relative;} .main .right .buy_title::before{content: '';border-top: 7px solid rgba(49,157,88,0.1);border-right: 7px solid transparent;position: absolute;right: -3.5px;top: 10px;transform: rotate(135deg);} .main .right .buy_guide .borough_name{font-size: 16px;font-family: microsoft yahei;color: #30a15d;margin-left: 10px;max-width: 10em;overflow: hidden;white-space: nowrap;vertical-align: text-bottom;text-overflow: ellipsis;} .main .right .buy_guide .average_price{font-size: 14px;font-family: microsoft yahei;font-weight: 400;color: #999999;margin-left: 20px;} .main .right .buy_guide .average_price .num{font-size: 16px;color:#ff0909;} .main .right .buy_guide .house_type{margin-left: 30px;color:#999999;max-width: 300px;overflow: hidden;white-space: nowrap;vertical-align: text-bottom;text-overflow: ellipsis;} .main .right .buy_guide .godetail{float:right;margin-top:4px;color: #999999;} .main .imgbox{width: 1180px;margin: 0 auto;overflow: hidden;margin-top: 30px} .main .imgbox>div{float: left;} .main .imgbox .big_box{float: left;height: 340px;width: 780px;position: relative;} .main .imgbox .big_box img{ width: 100%;height: 100%;object-fit: cover;} .main .imgbox .big_box .zd,.main .imgbox .big_small>div .zd{width:100%;height:100%;position: absolute;top: 0;background: #000000;opacity: 0.5;} .main .imgbox .big_box .text{position: absolute;bottom: 46px;left: 50px;width: 579px;overflow: hidden;} .main .imgbox .big_box .text h1{font-size: 26px;color: #ffffff;} .main .imgbox .big_box .text p{font-size: 14px;color: #ffffff;margin-top: 18px;line-height: 25px;} .main .imgbox .big_small{float: left;height: 340px;width: 390px;margin-left: 10px;} .main .imgbox .big_small>div{float: left;height: 165px;width: 390px;position: relative;} .main .imgbox .big_small>div img{ width: 100%;height: 100%;object-fit: cover;} .main .imgbox .big_small>div .text{position: absolute;bottom: 18px;left: 18px;width: 342px;overflow: hidden;} .main .imgbox .big_small>div .text h1{font-size: 18px;color: #ffffff;} .main .content_box{width: 1180px; margin: 0 auto;overflow: hidden; margin-top: 30px;} .main .content_box>div{float: left;width: 50%} .main .content_box .left{width: 284px;} .main .content_box .right{width: 866px;margin-left: 30px;} .main .content_box .left .title{position: relative;width: 284px;font-size: 26px;font-weight: bolder;height: 45px;border-bottom: 6px solid #333333;color: #333333;} .main .content_box .left .title a{position: absolute;top:18px;right: 0;font-size: 14px;font-weight: normal;} .main .content_box .left .items_box{width: 228px;margin: 0 auto;} .main .content_box .left .items_box>div:last-child ul{border-bottom: 0px;} .main .content_box .left .title_small{width: 100%;font-size: 16px;font-weight: bolder;height: 50px;line-height: 50px;color: #333333;} .main .content_box .left .title_small .cur{color: #30a15d!important;} .main .content_box .left ul{width: 100%;overflow: hidden;border-bottom: 1px dashed #e5e5e5;padding-bottom: 10px;} .main .content_box .left ul li{float: left;margin-right: 20px;} .main .content_box .left ul li a{width: 56px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #666666; } .main .content_box .left ul li .cur{color: #30a15d;} .main>.more{margin-top: 12px;text-align: right;width: 1180px;margin: 0 auto;} .main>.more a{font-size: 12px;color: #999999;} .newbtm{border-bottom: 1px solid #eeeeee!important;} .bac{background: #f8f8f9;} .main .content_box .left>div{overflow: hidden;} .main .content_box .left .item_new a{border-bottom: 1px solid #eeeeee;display: block;} .main .content_box .left .item_new p{font-size: 14px;color: #333333;margin-top: 17px;} .main .content_box .left .item_new span{display: block;margin-top: 17px;color: #999999;margin-bottom: 17px;} .main .content_box .right ul{width: 100%;overflow: hidden;} .main .content_box .right ul li{padding: 20px 0;border-bottom: 1px solid #eeeeee;overflow: hidden;position: relative;} .main .content_box .right ul li:last-child{border-bottom: 0px solid #eeeeee;} .main .content_box .right ul li:first-child{padding-top: 2px;} .main .content_box .right ul li a >div{float: left;} .main .content_box .right ul li .img{width: 210px;height: 140px;overflow: hidden;} .main .content_box .right ul li .img img{ width: 100%;height: 100%;object-fit: cover;} .main .content_box .right ul li .text{height: 140px;width: 626px;margin-left: 30px; position: relative; } .main .content_box .right ul li .text .pt{font-size: 24px;color: #333333;height: 24px;line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .main .content_box .right ul li .text .ms{color: #999999;width: 100%; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; line-height: 20px;margin-top: 13px;} .main .content_box .right ul li .text .time{color: #999999;margin-top: 13px;} .main .content_box .right ul li .text .pq span{padding: 0 10px;height: 20px;text-align: center;line-height: 20px;font-size: 12px;} .main .content_box .right ul li .text .first{border: solid 1px #c1e4da;background-color: #f3fcf9;color: #58aa8a;} .main .content_box .right ul li .text .second{background-color: #fff4ea;border: solid 1px #f7dabd;color: #ff7e1d;} .main .content_box .right ul li .text .third{background-color: #ecfaff;border: solid 1px #a9e2f7;color: #00adeb;} .main .content_box .right ul li .text .pq{margin-top: 13px;} .main .content_box .right>.pt{font-size: 18px;color: #333333;margin-bottom: 15px;font-weight: bolder;} .main .content_box .left .title span{font-size: 26px;color: #666666;font-weight: normal;} .main .content_box .right ul li .text .wt{position: absolute;bottom: 0px;} .main .right li>a:after{content: "";display: block;clear: both;} .main .right .buy_guide{ margin-top: 10px;position: relative;display: block;} .main .right .buy_guide:after{content: "";display: block;clear: both;} .main .right .buy_guide>*{display: inline-block;} .main .right .buy_guide .borough_name{font-size: 16px;font-family: microsoft yahei;color: #30a15d;margin-left: 10px;max-width: 10em;overflow: hidden;white-space: nowrap;vertical-align: text-bottom;text-overflow: ellipsis;} .main .right .buy_guide .average_price{font-size: 14px;font-family: microsoft yahei;font-weight: 400;color: #999999;margin-left: 20px;} .main .right .buy_guide .average_price .num{font-size: 16px;color:#ff0909;} .main .right .buy_guide .house_type{margin-left: 30px;color:#999999;max-width: 300px;overflow: hidden;white-space: nowrap;vertical-align: text-bottom;text-overflow: ellipsis;} .main .right .buy_guide .godetail{float:right;margin-top:4px;color: #999999;}