html,body{background-color: #f5f5f7;} /*焦点图*/ .picfocus {height: 730px; position: relative; z-index: 12;} .slidebox1 {width: 1920px; height: 730px; overflow: hidden; position: relative; z-index: 9; left: 50%; margin-left: -960px;} .slidebox1 .slideshow-item {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 11;} .slidebox1 .slideshow-item a, .slidebox1 .slideshow-item a img {width: 1920px; height: 730px; display: block;} .slidebox1 .slideshow-item .slideinfo {display: none;} .picfocus .wrap {position: relative; height: 730px; z-index: 10;} .picfocus .slidebtn {position: absolute; width: 100%; bottom: 20px; left: 0; z-index: 10; text-align: center;} .picfocus .slidebtn a {display: inline-block;width: 8px;height: 8px;-moz-border-radius: 50%; -webkit-border-radius: 50%;border-radius: 50%;margin:0 4px;cursor: pointer;background-color: rgb(245, 245, 247,.502);filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#80f5f5f7,endcolorstr=#80f5f5f7);} .picfocus .slidebtn a.activeslide {width: 16px;height: 8px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background: #fff;} .picfocus{width: 100%;height: 730px;overflow: hidden;position: relative;} .picfocus .bd{height: 730px;} .picfocus .bd .slideshow-item{position: relative;} .picfocus .bd .slideshow-item a,.picfocus .bd .slideshow-item img{width: 100%;height: 730px;} .picfocus .hd{position: absolute;height: 30px;bottom: 0;left: 0;right: 12px;text-align: center;} .picfocus .hd ul li{display: inline-block;width: 8px;height: 8px;-moz-border-radius: 50%; -webkit-border-radius: 50%;border-radius: 50%;margin:0 4px;cursor: pointer;background-color: rgb(245, 245, 247,.502);filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#80f5f5f7,endcolorstr=#80f5f5f7);} .picfocus .hd ul li.on{width: 16px;height: 8px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background: #fff;} .picfocus .ulcover{position: absolute;width: 1200px;left: 50%;margin-left: -600px;overflow:hidden;bottom: 73px;z-index: 20} .picfocus .ulcover li{width: 239px;padding:25px 30px;float: left;background-color: rgb(0, 0, 0,.231);-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out;margin-right: 1px;filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#3b000000,endcolorstr=#3b000000);} .picfocus .ulcover li:last-child{margin-right: 0;} .picfocus .ulcover li:hover{background-color: rgb(0, 0, 0,.51);filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#82000000,endcolorstr=#82000000);} .picfocus .ulcover li a{display: block;color: #fff;} .picfocus .ulcover li .l{margin:0 20px;} .picfocus .ulcover li .r h3{font-size: 22px;margin-bottom: 5px;} .picfocus .ulcover li .r p{font-size: 14px;} .picfocus .ulcover li .r em{color:#ffc73b;margin:0 3px;} /*主体内容*/ .leader{margin: 60px 0 30px;position: relative;} .leader h2{font-size: 28px;line-height: 42px;color:#212121;} .leader p{font-size: 16px;} .leader p span{color:#919191;float: left;} .leader p a{float: right;color:#3b3b3b; -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .leader p a:hover{color:#2974ff;} .leader p a i,.i_right{display: inline-block; width: 7px;height: 7px;border-top: 2px solid #3b3b3b;border-right: 2px solid #3b3b3b;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); -ms-filter: "progid:dximagetransform.microsoft.matrix(m11=0.7071067811865474, m12=-0.7071067811865477, m21=0.7071067811865477, m22=0.7071067811865474, sizingmethod='auto expand')";vertical-align: middle;margin-top:-3px;} .leader .feature {position: absolute; left: 200px; bottom: 0; right: 150px; height: 23px; line-height: 23px; overflow: hidden; list-style: none; text-align: center;} .leader .feature li {display: inline-block; font-size: 18px; margin-right: 30px;} .leader .feature li a {color: #4f4f4f;} .leader .feature li a:hover {color: #5695f4;} /*新房楼盘*/ .ulbox li{width: 285px;height:360px;float: left;margin-right: 20px;background: #4d4d4f;overflow: hidden;} .ulbox li:last-child{margin-right: 0;} .ulbox a{width:100%;height:100%;display: block;position: relative;} .ulbox li .imgbox,.ulbox li .imgbox img{width: 285px;height: 230px;display: block;} .ulbox li .imgbox a{display: block;} .ulbox li .introbox{padding:23px 20px;height: 314px;background: rgba(29,32,43,.57);position: absolute;top:230px;left:0;right:0;bottom: 0;filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#911d202b,endcolorstr=#911d202b); -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .ulbox li .imgintro h4{font-size: 18px;color:#fff;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ulbox li .imgintro p{font-size: 14px;line-height: 40px;} .ulbox li .imgintro p span.s_price{color:#ff7656;} .ulbox li .imgintro p span.s_price b{font-size: 20px;margin:0 2px;} .ulbox li .imgintro p span.s_addr{color:#fff;} .ulbox li .contact{padding:23px 20px;height: 83px;position: absolute;right: 0;left: 0;bottom: 0;} .ulbox li .contact p{color:#fff;font-size: 15px;line-height: 40px;} .ulbox li .contact p.ptit i{display: inline-block;vertical-align: middle;width: 16px;height: 16px;background: url(/uploads/image/thsimages/phone.png) no-repeat center center;background-size: cover;margin-right: 7px;margin-top:-2px;} .ulbox li .contact p.pphone b{font-size: 18px;} .ulbox li:hover .introbox{top:0;} .ulbox li:hover .imgintro{position:relative;top: 110px;} /*看房团*/ /*左侧一级菜单*/ .category-popup {float: left; width: 285px; height:470px;background: #fff;} .category-popup li {float: left; padding: 0 20px;line-height: 22px;position: relative;} .category-popup li:first-child{padding-top:10px;} .category-popup li:hover{border-right: 0;} .category-popup .fix {position: relative; z-index: 41; zoom: 1;border-bottom: solid 1px #e8e8e8;padding:17px 0;} .category-popup li:last-child .fix{border-bottom: 0;} .category-popup li a {color: #333;} .category-popup li .name {font-size: 16px;font-weight: bold;margin-bottom: 15px;color:#212121;} .category-popup li .name .i_right{float: right;margin-top: 6px;} .category-popup li .item{ margin-right: 13px; line-height: 26px;font-size: 14px;color:#4f4f4f;} .category-popup li .item:last-child{margin-right: 0;} .category-popup li .item:hover,.sub-category dd a:hover{color:#5695f4;} .category-popup li.subli.active {background: #fff; -webkit-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.07);box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.07);} .category-popup li.subli.active .fix {border-bottom: 0;} /*左侧二级菜单*/ .sub-category {display: none; position: absolute; left: 285px; top: 0;width: 460px; background-color: #fff; -webkit-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.07);box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.07); padding: 30px; z-index:20; text-align: left;-webkit-animation:leftfadein .3s ease-out; -moz-animation:leftfadein .3s ease-out; animation:leftfadein .3s ease-out;} .sub-category dl {width:460px; padding-bottom: 10px;} .sub-category dl:last-child{padding-bottom: 0;} .sub-category dt { margin-bottom: 15px;} .sub-category dt a {color: #212121; font-size: 16px!important;font-weight: bold;} .sub-category dd .subitem {float: left; } .sub-category dd a {float: left; line-height:26px;font-size: 14px; margin-right:13px;color: #4f4f4f;} .kfbox .btn_more{ display:block;margin:10px auto;width: 220px; height: 54px;line-height:42px;text-align:center;font-size:16px;color:#fff;border-radius: 4px;background:url(/uploads/image/thsimages/more_bg.png) no-repeat center center;background-size: cover;text-shadow: 0px 3px 3px rgba(255, 67, 68, 0.3);} /*看房团列表*/ .kfbox .conbox {width: 575px;height:470px;margin-left:18px;float: left;} .conbox ul li{width: 575px;height: 146px;background: #fff;margin-bottom: 15px;} .conbox ul li:last-child{margin-bottom: 0;} .conbox ul li:hover{ -webkit-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.07);box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.07);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .conbox ul li .imgbox,.conbox ul li .imgbox img{width: 200px;height: 146px;} .conbox ul li .imgbox{overflow: hidden;} .conbox ul li .imgbox img{-webkit-transform: scale(1);-moz-transform: scale(1);transform:scale(1);-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;transition: all .4s ease-in-out;} .conbox ul li .imgbox:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform:scale(1.1)} .conbox ul li .txtbox{width: 345px;padding:12px 20px 13px 10px;position: relative;} .conbox ul li .txtbox h4{font-size: 18px;color: #212121;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .conbox ul li .txtbox h4 a:hover{color: #5695f4;} .conbox ul li .txtbox .bmcount{font-size: 14px;color:#ff7656;font-weight: bold;line-height: 42px;} .conbox ul li .txtbox span{display: block;font-size: 14px;color:#5e5e5e;line-height: 26px;} .conbox ul li .txtbox .btn_bm1{width: 106px;height: 50px;background: url(/uploads/image/thsimages/bm_bg.png) no-repeat center;background-size:cover;display: block;text-align: center;line-height: 44px;color: #fff;font-size: 14px;font-weight: bold;position: absolute;right: 14px;bottom: 7px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;text-shadow: 0px 3px 3px rgba(255, 168, 46, 0.3);} .conbox ul li .txtbox .btn_bm1:hover{-webkit-transform: translatey(-5px);-moz-transform: translatey(-5px);transform:translatey(-5px);} /*自主组团*/ .kfbox .rigbox{width:300px;height:470px;float: right;background: #fff;} .kfbox .formbox{border-bottom: dashed 1px #ededed;padding:25px 30px 12px;position:relative;} .kfbox .rigbox .formbox h3{font-size: 20px;margin-bottom: 20px;} .kfbox .rigbox .formbox .type{height:33px;} .kfbox .rigbox .formbox .type p{line-height: 35px;} .kfbox .rigbox .formbox p{font-size: 14px;float: left;height:33px;line-height: 44px;padding-right: 10px;width: 60px;text-align: right;} .kfbox .rigbox .formbox .number{position: relative;} .kfbox .rigbox .formbox .num-tip{color:#f1370b;font-size: 12px;height: 15px;line-height: 15px;position: absolute;z-index: 3;bottom: -18px;left: 72px;} .kfbox .rigbox .mbox{width:240px;height:34px;-moz-border-radius: 2px; -webkit-border-radius: 2px;border-radius: 2px;border: 1px solid #ededed;background: #fff;line-height: 34px;position: relative;} .kfbox .rigbox .arrow{position: absolute;height: 0;width: 0;line-height: 0;font-size: 0;border: 5px dashed transparent;top: 15px;right: 8px;border-top: 5px solid #e5e5e5;z-index: 10;} .kfbox .rigbox .inp{margin-top: 15px;position: relative;} .kfbox .rigbox .inp input{width:226px;height:34px;-moz-border-radius: 2px; -webkit-border-radius: 2px;border-radius: 2px;border: 1px solid #ededed;background: #fff;line-height: 34px; padding-left: 14px;color: #5e5e5e;font-size: 14px;outline: none;} .kfbox .rigbox .inp .gain{cursor:pointer;width:70px;height:36px;font-size:14px;color:#fff;outline: none;background: #7d8291;border:none;-webkit-border-radius: 0 2px 2px 0;-moz-border-radius: 0 2px 2px 0;border-radius: 0 2px 2px 0;position: absolute;right: -1px;top:0;} .kfbox .rigbox .inp .areacode {top: 1px; left: 1px; bottom: 1px; line-height: 34px;} .kfbox .rigbox .inp input.tel-text {text-indent: 60px;} .inp input::-webkit-input-placeholder{color: #5e5e5e;font-size: 14px;} .inp input:-moz-placeholder{color: #5e5e5e;font-size: 14px;} .inp input::-moz-placeholder{color: #5e5e5e;font-size: 14px;} .inp input:-ms-input-placeholder{color: #5e5e5e;font-size: 14px;} .btn_submit{width: 240px;height: 60px;margin-top: 20px;} .btn_submit .btnsub{display:block;width: 240px;height: 60px;line-height:46px;background: url(/uploads/image/thsimages/submit_bg.png) no-repeat center;background-size:cover;text-align: center;font-size: 16px;color:#fff;font-weight: bold;text-shadow: 0px 3px 3px rgba(255, 168, 46, 0.3);} .btn_submit .btnsub i{display: inline-block;vertical-align: middle;width: 30px;height: 30px;background: url(/uploads/image/thsimages/kficon.png) no-repeat center center;background-size:cover;margin-right: 10px;} /*信息滚动*/ .kfbox .joinbox{padding:20px 30px 25px;} .txtmarquee-top{height: 70px;overflow: hidden;} .joinbox ul li p{line-height: 24px;font-size: 14px;color:#5e5e5e;} .joinbox ul li p em{color:#919191;margin-right: 10px;} .joinbox ul li p span{color:#ff7656;} .selecttype{position:relative; height:30px; line-height:30px; font-size:14px;} .selecttype .ipt{width:240px; height:34px; line-height:28px; display:inline-block; text-decoration:none; color:#5e5e5e; text-indent:14px; outline:none;} .selecttype span{position:absolute; width:240px; background-color:#fff; border:solid 1px #f5f5f5;left:0px; top:28px; text-indent:6px; line-height:26px; display:none;-moz-border-radius: 2px; -webkit-border-radius: 2px;border-radius: 2px;z-index: 55;-moz-box-shadow:0 3px 7px rgba(206, 206, 206, 0.33),2px 0 2px rgba(206, 206, 206, 0.33),-2px 0 2px rgba(206, 206, 206, 0.33);-webkit-box-shadow:0 3px 7px rgba(206, 206, 206, 0.33),2px 0 2px rgba(206, 206, 206, 0.33),-2px 0 2px rgba(206, 206, 206, 0.33);box-shadow:0px 3px 7px 0px rgba(206, 206, 206, 0.33),2px 0 2px rgba(206, 206, 206, 0.33),-2px 0 2px rgba(206, 206, 206, 0.33);} .selecttype span a{color:#333; display:block; text-decoration:none;height:40px;line-height: 40px;border-bottom: 1px solid #eee;} #selecttypemenu{max-height:345px;overflow-y: auto;} .selecttype span a:hover{background-color:#eee;} .selecttype .searcharrow{border-top:6px solid #bec0c4; border-left:6px solid #fff; border-right:6px solid #fff; position:absolute; width:0; height:0; top:6px; right:12px; cursor:pointer; -webkit-transition:-webkit-transform 0.2s ease-in; -moz-transition:-moz-transform 0.2s ease-in; -o-transition:-o-transform 0.2s ease-in; transition:transform 0.2s ease-in; overflow:hidden; text-indent:-2000px;} .selecttype .searcharrowrote{-moz-transform:rotate(180deg); -moz-transform-origin:50% 30%; -webkit-transform:rotate(180deg); -webkit-transform-origin:50% 30%; -o-transform:rotate(180deg); -o-transform-origin:50% 30%; transform:rotate(180deg);transform-origin:50% 30%; filter: progid:dximagetransform.microsoft.basicimage(rotation=2); top:-9px/9;} #selecttypemenu::-webkit-scrollbar{width:4px;height:4px;} #selecttypemenu::-webkit-scrollbar-track{background: #fff;border-radius:2px;} #selecttypemenu::-webkit-scrollbar-thumb{background: #c0c1c4;border-radius:2px;} #selecttypemenu::-webkit-scrollbar-thumb:hover{background: #c0c1c4;} #selecttypemenu::-webkit-scrollbar-corner{background: #fff;} /*广告*/ .ad-con{margin-top: 40px;} .ad-con img{display: block;width: 100%;} /*优选二手房*/ .esfbox .leader{margin:40px 0 30px;} .esfbox .btnbox{padding:20px 20px 0;overflow: hidden;} .esfbox .btnbox .abox{width:246px;height: 61px;background: url(/uploads/image/thsimages/fb_qg.png) no-repeat center center;} .esfbox .btnbox a{float:left;width: 123px;line-height: 52px;text-align: center;font-size: 16px;color:#fff;font-weight: bold;} .esfbox .btnbox a.btn_fb{text-shadow: 0px 3px 3px rgba(255, 168, 46, 0.3);} .esfbox .btnbox a.btn_qg{text-shadow: 0px 3px 3px rgba(255, 67, 68, 0.3);} .esfbox .category-popup{height: 780px;} .esfbox .category-popup li:first-child{padding-top: 0;} .esfbox .category-popup li:last-child .fix{border-bottom: solid 1px #e8e8e8;} .esfbox .category-popup li.subli.active:last-child .fix{border-bottom: 0;} .esfbox .sub-category{padding:20px;} /*按钮动画*/ .esfbox .btnbox,.btn_more,.btnsub{display: inline-block;vertical-align: middle;-webkit-transform: translatez(0);transform: translatez(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;} .esfbox .btnbox:hover,.btn_more:hover,.btnsub:hover{-webkit-animation-name: hvr-wobble-vertical;animation-name: hvr-wobble-vertical;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;} /*最新求购*/ .qgbox{margin-top: 20px;} .qgbox .qgtitle{margin:10px 0 0;line-height: 42px;padding:0 20px;} .qgbox .qgtitle h3{font-size: 20px;color:#212121;float: left;} .qgbox .qgtitle .qg_more{float: right;font-size: 15px;color:#3b3b3b;} .qgbox .qglist{padding-bottom: 20px;} .qgbox .qglist li{float:none;padding:15px 20px!important;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-ms-transition: 0.5s all ease;-o-transition: 0.5s all ease;transition: 0.5s all ease;} .qgbox .qglist li:hover{background: #fff7f1;} .qgbox .qglist li a{display: block;cursor: text;} .qgbox .qglist li p{line-height: 26px;} .qgbox .qglist li p.ptit{font-size: 16px;color:#4f4f4f;max-width:250px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .qgbox .qglist li p.ptit i{width: 17px;height: 20px;display:inline-block;margin-right: 6px;vertical-align: middle; margin-top: -3px;} .qgbox .qglist li p.ptit i.itop1{background: url(/uploads/image/thsimages/top1.png) no-repeat center;background-size: cover;} .qgbox .qglist li p.ptit i.itop2{background: url(/uploads/image/thsimages/top2.png) no-repeat center;background-size: cover;} .qgbox .qglist li p.ptit i.itop3{background: url(/uploads/image/thsimages/top3.png) no-repeat center;background-size: cover;} .qgbox .qglist li p.pcont{overflow: hidden;} .qgbox .qglist li p.pcont span{font-size: 16px;color:#3b3b3b;font-weight: bold;float: left;} .qgbox .qglist li p.pcont span .qgphone{display: inline-block;vertical-align: middle;width: 16px;height: 16px;background: url(/uploads/image/thsimages/qg_phone.png) no-repeat center center;background-size: cover;margin-right: 10px;margin-top: -2px;} .qgbox .qglist li p.pcont em{font-size: 14px;color:#c4c4c4;float: right;} /*优选二手房列表*/ .esfbox .midbox{margin-left:20px;float: left;width: 895px;} .esfbox .midbox ul li{background: #fff;width: 285px;height: 380px;float:left;margin-right:20px;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;margin-bottom: 20px;} .esfbox .midbox ul li:nth-child(3n){margin-right: 0;} .esfbox .midbox ul li:nth-child(4),.esfbox .midbox ul li:nth-child(5),.esfbox .midbox ul li:nth-child(6){margin-bottom: 0;} .esfbox .midbox ul li:hover{box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.07);} .esfbox .midbox ul li a{display: block;} .esfbox .midbox ul li .imgbox{width: 285px;height: 230px;overflow: hidden;position: relative;} .esfbox .midbox ul li .imgbox img{width: 285px;height: 230px;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1);} .esfbox .midbox ul li .imgbox img:hover{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);-moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;} .esfbox .vricon{width:60px;height:60px;position: absolute;left:0;bottom:0;} .esfbox .vricon img{width:60px!important;height:60px!important;} .esfbox .viicon{width:50px;height:50px;position: absolute;left:50%;top:50%;margin-top: -25px;margin-left:-25px;} .esfbox .viicon img{width:50px!important;height:50px!important;} .esfbox .midbox ul li .txtbox{padding:30px 20px;} .esfbox .midbox ul li .txtbox h4{font-size: 18px;color:#212121;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;} .esfbox .midbox ul li h4:hover{color:#2974ff;} .esfbox .midbox ul li .txtbox .pprice{font-size: 12px;color:#f1370b;font-weight: bold;margin:6px 0;} .esfbox .midbox ul li .txtbox .pprice span{float: left;margin-right: 10px;} .esfbox .midbox ul li .txtbox .pprice b{font-size: 20px;} .esfbox .midbox ul li .txtbox .parea{font-size: 14px;color:#797a82;} .esfbox .midbox ul li .txtbox .parea em{font-size: 12px;color:#d3d4de;margin:0 10px;} .conatiner_bg{background: #fff;margin-top:40px;padding:50px 0 10px;} /*推荐经纪人*/ .agentbox .leader{margin:0 0 30px;} .rzagent{display:block;width: 131px;height: 50px;background: url(/uploads/image/thsimages/agent_bg.png) no-repeat;text-align: center;line-height: 42px;text-shadow: 0px 3px 3px rgba(255, 168, 46, 0.3);font-weight: bold;font-size: 14px;color:#fff;position: absolute;right: 130px;bottom:-16px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;-webkit-transform: translatex(0);-moz-transform: translatex(0);transform: translatex(0);} .rzagent:hover{color:#fff;-webkit-transform: translatex(-10px);-moz-transform: translatex(-10px);transform: translatex(-10px);} .agent_content .agent_main{width: 388px;height: 458px;float: left;margin-right: 18px;} .agent_content .agent_main:last-child{margin-right: 0;} .am_top{width: 388px;height: 250px;overflow:hidden;-webkit-border-radius: 8px 8px 0 0;-moz-border-radius: 8px 8px 0 0;border-radius: 8px 8px 0 0;position: relative;} .am_top .am_bg{position: relative;height: 250px;} .am_top .am_bg .lco,.agency_main .am_bg .lco{width: 70px;height: 100%; background: -moz-linear-gradient( 90deg, rgb(115,118,133) 0%, rgb(144,147,161) 100%);background: -webkit-linear-gradient( 90deg, rgb(115,118,133) 0%, rgb(144,147,161) 100%);background: -ms-linear-gradient( 90deg, rgb(115,118,133) 0%, rgb(144,147,161) 100%);position: absolute;left:0;top:0;opacity: .23;-moz-opacity:0.23;-khtml-opacity: 0.23;filter:alpha(opacity=23); z-index: 1;background: #8f92a0;} .am_top .am_bg .rco,.agency_main .am_bg .rco{ width: 327px;height: 100%;background-color: rgb(244, 244, 244);position: absolute;right:0;top:0;} .am_content{position: absolute;top:0;left:0;right: 0;bottom: 0;padding:20px;z-index:5;} .am_content .headimg{position: relative;width: 100px;height: 100px;border-radius: 50%;margin-right: 15px;overflow: hidden;background: #fff;} .am_content .headimg img{max-width: 100%;max-height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;} .idz,.ijl{width: 38px;height: 24px;position: absolute;top:-15px;right:-10px;} .idz{background: url(/uploads/image/thsimages/icon_tip1.png) no-repeat center center;background-size: cover;} .ijl{background: url(/uploads/image/thsimages/icon_tip2.png) no-repeat center center;background-size: cover;} .infobox{width: 233px;} .infobox .dtit{line-height: 42px;overflow: hidden;} .infobox .dtit h4{font-size: 18px;color:#3b3b3b;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100px;} .perinfo{margin:10px 0;} .perinfo p{float: left;padding-left:5px;text-align:center;font-size: 14px;color:#919191;} .perinfo p span{display: block;font-size: 18px;color:#32343b;line-height: 36px;} .perinfo em{float: left;color:#dedede;font-size: 18px;margin: 18px 22px;} .contact{font-size: 15px;color:#32343b;} .contact b{font-size: 18px;font-weight: 800;} .pershop{display:block;width: 130px;height: 50px;background: url(/uploads/image/thsimages/pshop_bg.png) no-repeat;background-size: cover;text-align: center;line-height: 42px;color:#fff;font-size: 14px;margin-top: 15px;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .pershop:hover{color:#fff;-webkit-transform: translatex(10px);-moz-transform: translatex(10px);transform:translatex(10px);} .am_bottom{padding:14px;background: #fff;-webkit-box-shadow: 0px 3px 11px 0px rgba(0, 10, 41, 0.07);-moz-box-shadow: 0px 3px 11px 0px rgba(0, 10, 41, 0.07);box-shadow: 0px 3px 11px 0px rgba(0, 10, 41, 0.07);-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;} .am_bottom ul {height: 180px;} .am_bottom ul li{overflow: hidden;line-height: 35px;} .am_bottom ul li:hover p{color:#2974ff;} .am_bottom ul li a{display: block;} .am_bottom ul li p{float: left;font-size: 16px;color:#4a4b4f;max-width: 270px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .am_bottom ul li span{float: right;font-size: 14px;color:#ff7656;font-weight: bold;} .am_bottom ul li span b{font-size: 16px;} /*中介公司*/ .agency_main ul li{width: 388px;height: 140px;float: left;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;overflow: hidden; position: relative;margin-right: 18px;margin-bottom: 18px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);} .agency_main ul li:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);} .agency_main ul li:nth-child(3n){margin-right: 0;} .agency_main ul li a{display: block;} .agency_main .am_bg{position: relative;height: 140px;} .agency_main .agbox{position: absolute;top:0;left:0;right:0;bottom:0;padding:20px;z-index: 5;} .agency_main .agbox .agimg{float: left;width: 100px;height: 100px;overflow: hidden;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin-right: 20px;} .agency_main .agbox .agimg img{width: 100%;height: 100%;} .agency_main .agbox .aginfo{float: left;width: 228px;} .agency_main .agbox .aginfo h4{font-size: 18px;color:#3b3b3b;line-height: 42px;} .agency_main .agbox .aginfo .paddr,.agency_main .agbox .aginfo .pinfo{font-size: 14px;color:#919191;line-height: 30px;} .agency_main .agbox .aginfo .pinfo span em{font-size: 18px;color:#32343b;margin:0 4px;} .agency_main .agbox .aginfo .pinfo em.fg{font-size: 12px;color:#d3d4de;margin:0 9px;} /*热门小区*/ .community .category-popup{height: 380px;} .community .category-popup li:last-child .fix{border-bottom: 0;} .community .category-popup li:first-child{padding-top:10px;} /*商铺/写字楼*/ .pubbox .contbox{width: 580px;} .pubbox .contbox .leader a{float: left;margin-right: 10px;font-size: 16px;color:#919191;} .pubbox .contbox .leader a:hover{color:#5695f4;} .pubbox .spbox{margin-right: 40px;} .publist ul li{width: 580px;height: 146px;background: #fff;margin-bottom: 20px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} .publist ul li:hover{-webkit-box-shadow: 0px 3px 11px 0px rgba(0, 10, 41, 0.07);-moz-box-shadow: 0px 3px 11px 0px rgba(0, 10, 41, 0.07);box-shadow: 0px 3px 11px 0px rgba(0, 10, 41, 0.07);} .publist ul li:last-child{margin-bottom: 0;} .publist ul li a{display: block;} .publist .imgbox{float:left;width: 200px;height: 146px;overflow: hidden;position: relative;} .publist .imgbox img{width: 100%;height: 100%;display: block;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);} .publist .imgbox img:hover{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);} .m_mark{width: 50px;height: 24px;display: block;-webkit-border-radius: 0 0 10px 0;-moz-border-radius: 0 0 10px 0;border-radius: 0 0 10px 0;position:absolute;top:0;left:0;text-align: center;line-height: 22px;color:#fff;font-size: 12px;} .m_mark.m_cz{background: -moz-linear-gradient( 0deg, rgb(255,162,0) 0%, rgb(255,195,11) 100%);background: -webkit-linear-gradient( 0deg, rgb(255,162,0) 0%, rgb(255,195,11) 100%);background: -ms-linear-gradient( 0deg, rgb(255,162,0) 0%, rgb(255,195,11) 100%);} .m_mark.m_cs{ background: -moz-linear-gradient( 0deg, rgb(34,112,255) 0%, rgb(87,142,255) 100%);background: -webkit-linear-gradient( 0deg, rgb(34,112,255) 0%, rgb(87,142,255) 100%);background: -ms-linear-gradient( 0deg, rgb(34,112,255) 0%, rgb(87,142,255) 100%);} .m_mark.m_zr{background: -moz-linear-gradient( 0deg, rgb(255,108,51) 0%, rgb(255,146,67) 100%);background: -webkit-linear-gradient( 0deg, rgb(255,108,51) 0%, rgb(255,146,67) 100%);background: -ms-linear-gradient( 0deg, rgb(255,108,51) 0%, rgb(255,146,67) 100%);} .publist .infobox{padding:18px 10px;float: left;width: 360px;} .publist .infobox h4{font-size: 18px;color:#212121;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;} .publist ul li h4:hover{color:#2974ff;} .publist .infobox .pprice_{font-size: 14px;color:#919191;font-weight: bold;margin:20px 0;} .publist .infobox .pprice_ .sp_c{color:#ff7656;} .publist .infobox .pprice_ em,.publist .infobox .m_info em{font-size: 12px;color:#d3d4de;margin:0 10px;} .publist .infobox .m_info{font-size: 14px;color:#797a82;} /*房产资讯*/ .fcnews{width: 1200px;height: 500px;margin-top:70px;background: #fff;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;overflow: hidden;} .fcnews .left{width: 270px;height: 500px;background: url(/uploads/image/thsimages/news_bg.png) no-repeat center center;position: relative;} .fcnews .left .leader{margin:50px 0 30px;padding:0 20px;} .fcnews .fbtn_more{display:block;position:absolute;bottom:70px;left:50%;margin-left:-68px;background: #fff;width: 136px;height: 38px;-webkit-border-radius: 19px;-moz-border-radius: 19px;border-radius: 19px;text-align: center;line-height: 38px;font-size: 16px;color:#494c5e;vertical-align: middle;-webkit-transform: translatez(0);transform: translatez(0);box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.31);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;} .fcnews .fbtn_more:before {pointer-events: none;position: absolute;z-index: -1;content: '';top: 100%;left: 5%;height: 10px;width: 90%;opacity: 0;background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);/* w3c */-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform, opacity;transition-property: transform, opacity;} .fcnews .fbtn_more:hover, .fcnews .fbtn_more:focus, .fcnews .fbtn_more:active {-webkit-transform: translatey(-5px);transform: translatey(-5px);} .fcnews .fbtn_more:hover:before, .fcnews .fbtn_more:focus:before, .fcnews .fbtn_more:active:before {opacity: 1;-webkit-transform: translatey(5px);transform: translatey(5px);} .fcnews .right{padding:20px 0; } .fcnews .middle{width: 590px;border-right: solid 1px #f0f1f7;padding:0 30px;} .fcnews .middle .ftab_nav li{float: left;margin-right: 45px;} .fcnews .middle .ftab_nav li a{font-size: 15px;color:#919191;font-weight: bold;} .fcnews .middle .ftab_nav li.active a{color:#3b3b3b;} .fcnews .middle .ftab_nav li.active s,.mright .mrtit s{display: block;width: 26px;height: 4px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background-color: #f1370b;margin-top: 4px;} .fcnews .ftab_con{display: none;} .fcnews .ftab_con.fcshow{display: block;} .fcnews .sleft{margin-top: 20px;width: 196px;float: left;} .fcnews .sleft .slidebox{width: 196px;position: relative;padding: 18px 0 8px;} .fcnews .sleft .slidebox .bd{height: 150px;} .fcnews .sleft .slidebox .bd img{width: 100%;height: 100%;display: block;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);} .fcnews .sleft .slidebox .bd img:hover{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);} .fcnews .sleft .slidebox .hd{overflow:hidden;margin-top: 5px;z-index:1;} .fcnews .sleft .slidebox .hd ul{ overflow:hidden; zoom:1;text-align: center;} .fcnews .sleft .slidebox .hd ul li{cursor:pointer;display:inline-block;width:8px;height: 8px;background:rgba(0,0,0,.35);margin:0 5px;border-radius: 100%;text-align: center;filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#59000000,endcolorstr=#59000000);} .fcnews .sleft .slidebox .hd ul li.on{ width:20px;background: #f1370b; -moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px;} .fcnews .sright{margin-left:30px;float: left; padding: 35px 0;width: 364px} .fcnews .sright ul li{line-height: 26px;margin-bottom: 18px;} .fcnews .sright ul li:last-child{margin-bottom: 0;} .fcnews .sright ul li a{font-size: 16px;color:#4f4f4f;overflow: hidden;} .fcnews .sright ul li a:hover span{color:#2974ff;} .fcnews .sright ul li a span{float: left;max-width: 270px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} .fcnews .sright ul li a em{font-size: 14px;color:#ababab;float: right;} /*热点资讯*/ .mright{padding: 0 30px;width: 219px;} .mright .mrtit{font-size: 15px;color:#3b3b3b;font-weight: bold;} .mright .rdlist{margin-top: 20px;} .mright .rdlist li{position: relative;padding:15px 0;} .mright .rdlist li a{display: block;} .mright .rdlist li .newimg{width: 50px;height: 50px;margin-right: 10px;position: relative;overflow: hidden;} .mright .rdlist li .newimg img{width: 100%;height: 100%;display: block;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);} .mright .rdlist li .newimg:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);} .mright .rdlist li .newimg i{width: 36px;height: 36px;display: block;position: absolute;top:50%;left:50%;margin-top: -18px;margin-left:-18px;background: url(/uploads/image/thsimages/icon_play.png) no-repeat center center;background-size: cover;} .mright .rdlist li .newinfo{font-size: 16px;color:#4f4f4f;width: 159px;overflow: hidden; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out; height: 50px;} .mright .rdlist li:hover .newinfo{color:#2974ff;} /*底部*/ .foot{margin-top: 50px;padding-top: 0;} .foot .foot-top{padding-bottom: 20px;border-bottom: 1px solid #eee;border-left: 1px solid #eee;border-right: 1px solid #eee;} .foot .foot-top .foot-item{width:215px;padding:20px 0px 0px 25px;float: left;position: relative;} .foot .foot-top .foot-item dl dt{font-size: 16px;font-weight: bold;text-align: center;margin-bottom: 20px;} .foot .foot-top .foot-item dl dd{margin-right: 20px;float: left;line-height: 24px;} .foot .foot-top .foot-item dl dd a{font-size: 14px;color:#a0a0a0;} .foot .foot-top .foot-item i{width:1px;height:120px;background: #eee;position: absolute;z-index: 2;right:0;top:21px;} .foot .foot-top .foot1{border-top: 2px solid #2aabff;width:214px;} .foot .foot-top .foot2{border-top: 2px solid #00f5c5} .foot .foot-top .foot3{border-top: 2px solid #7552ff} .foot .foot-top .foot4{border-top: 2px solid #ff5199} .foot .foot-top .foot5{border-top: 2px solid #ffbe34;width:214px;} .foot-bottom{border-top: 1px solid #eee;margin-top: 40px;background: url(/uploads/image/thsimages/foot_bg.png) no-repeat center center;background-size: cover;} .foot-bottom .foot-middle{width:1170px;margin-top: 45px;padding:22px 15px;background: rgba(255,255,255,.102);} .foot-bottom .foot-middle dl dt{font-size: 16px;margin-bottom: 10px;color:#fff;} .foot-bottom .foot-middle dl dd {line-height: 24px;} .foot-bottom .foot-middle dl dd a{font-size: 14px;color:#a0a0a0;float: left;margin-right: 15px;} .foot-bottom .bottom{text-align: center;margin-top: 25px;background: none;} .foot-bottom .bottom ul{display: inline-block;text-align: center;color:#fff;} .foot-bottom .bottom ul li{float: left;line-height: 20px;} .foot-bottom .bottom ul li a{font-size: 14px;color:#fff;} .foot-bottom .bottom a{color:#fff;} .foot-bottom .bottom p{font-size: 14px;color:#fff;} /*我要报名*/ .baoming{width:528px; margin-left:50px;float: right;margin-top: 80px;display:none;position: fixed; left: 50%; top: 100px; margin-left: -276px; z-index: 11001; _position: absolute; _top: expression(eval(document.documentelement.scrolltop document.documentelement.clientheight)-400 "px"); background-color: #fff; padding: 0; -webkit-animation:flipiny .5s ease-out; -moz-animation:flipiny .5s ease-out; animation:flipiny .5s ease-out;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;overflow: hidden;} .baoming .lp_title{width:100%;height:42px;background-color: #f3512b;border:none;color:#fff;padding-left: 20px;line-height: 40px;font-size: 16px;font-weight: bold;margin-bottom: 4px;} .baoming .close{display: block; position: absolute; right:0; top: 0; width: 42px; height: 42px; text-align: center; overflow: hidden; cursor: pointer; transition: all 0.2s linear; background: url(/uploads/image/thsimages/close.png) no-repeat center center;background-size: 13px;} .baoming .dc{padding: 30px 40px; border: 0;position: relative;} .baoming .dc dl {height: 32px; line-height: 32px; cursor: pointer;} .baoming .dc dl dd {position: relative; font-size: 14px; color: #4a4a4f;font-weight: bold;} .baoming .dc dl dd span {color: #9fa0ab; margin-left: 10px; font-size: 14px;font-weight: 500;} .baoming .dc .checkbox {position: relative; display: inline-block; width: 9px; height: 9px; vertical-align: -1px; margin-right: 15px; border: 1px solid #d3d5de; background-color: #f2f3f7; cursor: pointer;} .baoming .dc .tj .checkbox {vertical-align: -1px;} .baoming .dc .checkbox i{display: block;width:5px;height: 5px;position: absolute; top:50%;left:50%;margin-top: -2.5px;margin-left:-2.5px;} .baoming .dc .checkbox.checked i {background: #f1370b;} .baoming .dc ul{margin-top: 40px;} .baoming .dc li {height: 32px; margin-top: 18px;} .baoming .dc li input {float: left; width: 280px; border: 1px solid #ededed; outline:none;height: 30px; padding: 0 10px; line-height: 30px;background: #fafafa} .baoming .dc li input:focus{border: 1px solid #c4c4c4;} .baoming .dc li .placeholder {color: #c4c4c4;} .baoming .dc li span{margin-left: 20px; line-height: 32px;cursor: pointer;} .baoming .dc span .checkbox{margin-right:5px;} #verifycode {float:left;margin-left: 14px; width:90px;height: 32px; cursor: pointer;} .tj {height: 40px!important; color: #999;margin-top: 35px!important;} .tj a{color:#666;} #tj{width: 128px; height: 38px; outline:none;color: #fff; border: 0; background-color: #f1370b; cursor: pointer; font-size: 16px; line-height: 38px; text-align: center;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin-right: 15px;} .popup_bg {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 10000; opacity: 0.6; filter: alpha(opacity=60); background-color: #000;} .ptip{ width: 280px;height: 68px;line-height:68px;text-align:center;color:#fff;font-size:16px;border:solid 1px rgb(220, 220, 222);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background-color: rgba(0,0,0,.5);position: absolute;top:50%;left:50%;margin-top:-34px;margin-left:-140px;} div.ptip{width:242px;margin-left:-121px;height:50px;line-height:50px;} /*css动效*/ /* wobble vertical */ @-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translatey(2px); transform: translatey(2px); } 33.3% { -webkit-transform: translatey(-2px); transform: translatey(-2px); } 49.95% { -webkit-transform: translatey(1px); transform: translatey(1px); } 66.6% { -webkit-transform: translatey(-1px); transform: translatey(-1px); } 83.25% { -webkit-transform: translatey(1px); transform: translatey(1px); } 100% { -webkit-transform: translatey(0); transform: translatey(0); } } @keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translatey(2px); transform: translatey(2px); } 33.3% { -webkit-transform: translatey(-2px); transform: translatey(-2px); } 49.95% { -webkit-transform: translatey(1px); transform: translatey(1px); } 66.6% { -webkit-transform: translatey(-1px); transform: translatey(-1px); } 83.25% { -webkit-transform: translatey(1px); transform: translatey(1px); } 100% { -webkit-transform: translatey(0); transform: translatey(0); } }