@charset "utf-8";
/* CSS Document */
.top_main { width:100%; padding:0 25px; box-sizing:border-box; margin:0 auto;}
.index_main { width:100%;  height:100%;  overflow:hidden; position:relative;}
/* 滚动条样式*/
.zUIpanelScrollBox,.zUIpanelScrollBar{
	width:10px;
	top:4px;
	right:2px;
	border-radius:5px;
	
}
.zUIpanelScrollBox{
	background:#fff;opacity:0.1;
	filter:alpha(opacity=10);
}
.zUIpanelScrollBar{
	background:#ccc;opacity:0.8;
	filter:alpha(opacity=80);
}

/*头部*/
.map_top_content { position:absolute; top:0; width:100%; z-index:10;}
.map_top {position: relative; background:#fff; width:100%; padding:15px 0; height:35px; line-height:35px; border-bottom:1px solid #eee;}
.map_logo { margin-top:5px; margin-right:20px; float:left; margin-left:25px;}
.divselect { width:120px;}
.divselect:hover , .divselect:focus { box-shadow:1px 2px 2px #eee inset;}
.divselect p { height:33px; line-height:33px;}
.divselect ul { width:118px;}
.search_btn { margin-right:20px; border-radius:3px; color:#fff; display:block; cursor:pointer; text-indent:40px;  height:35px; width:85px; background:url(../image/map_searchbg1.png) no-repeat 15px 10px #74C006;  }
.search_btn1 {  border-radius:0 3px 3px 0; cursor:pointer; margin-right:14px; width:40px; height:35px; border:0; background:#74C006 url(../image/map_searchbg3.png) no-repeat center;}
.search_btn1:hover {background:#63a701 url(../image/map_searchbg3.png) no-repeat center;}
.input_text { border-radius: 3px 0 0 3px ; height:35px; line-height:35px; width:250px;}
.search_btn2 { background:url(../image/map_searchbg2.png) no-repeat 10px 10px #1890ed; border-radius:3px;text-indent:35px; width:100px;}
.search_btn2:hover {background:url(../image/map_searchbg2.png) no-repeat 10px 10px #0071eb;}
.detail{ margin-right:10px;}
.detail img { vertical-align:middle; margin-right:3px; width:16px; height:16px;}
.map_login {padding-left:26px; margin-right:25px;background:url(../image/index_top_loginbg1.png) no-repeat left;}
.map_login:hover { color:#258DFE;}

/*筛选*/
.choose_wd { position:absolute; left:130px; top:65px; padding:15px 30px; z-index:10000; width:900px; line-height:30px; background:#fff; border:1px solid #ddd;}
.choose_line { width:100%; padding-bottom:10px;}
.choose_line:after { clear:both; display:block; height:0; overflow:hidden; visibility:hidden; content:"clear";}
.choose_line .line_l {float:left; width:95px;font-weight: bold;}
.choose_line .line_r { margin-left:95px;}
.line_r1 {width:400px;}
.choose_feature {float:left; width:130px;}
.choose_feature input  { float:left; margin-top:10px;}
.choose_feature label  { display:block; float:left; padding:0 5px;}
.choosed a  { padding-right:10px;}
.choosed .on { font-weight:bold; color:#3093FE;}
.choose_line2 { width:100%; height:32px;}
.choose_line2 .disable {opacity: 0.35;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";filter: alpha(opacity=35);cursor: default;}
.choose_line2 input { float:right; width:90px; height:32px; border:none; color:#fff; margin-left:20px; background:#E97A04; border-radius:5px; cursor:pointer;}
.choose_line2 .gray_btn { background:#B5B5B6;}
.choose_line2 .sure_btn:hover { background:#d76f00;}
.screening:hover { background:url(../image/map_searchbg1.png) no-repeat 15px 10px #63a701;}
.choose_left { width:100%;}
.choose_right { width:100%;}
.map_select { height:30px; width:160px; border:1px solid #ddd;}
.map_select1 { height:30px; width:160px; border:1px solid #ddd;}
.choose_line3 {float:left;width:130px;}
.choose_line3 input { float:left; margin-top:10px;}
.choose_line3 img { float:left; margin:0 3px;margin-top:7px;}
.choose_line6{float:left; margin-right:20px;}
.choose_line6 input { float:left; margin-top:10px; margin-right:5px;}
.choose_line6 label {cursor:pointer}
.padding_left { padding-left:28px;}
/*地图*/
.map_main { width:100%; height:100%;padding-top:102px; box-sizing:border-box; }
.map { height:100%; margin-right:480px;}
.map_wd {z-index:100000;}
.map_wd .wd_top { height:28px;  background:#fff;border-radius:3px; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); font-size:12px;}
.wd_top p{ padding:0 10px; height:28px; line-height:28px; border-radius:0 3px 3px 0;  }
.wd_top .w_tt { font-weight:bold;}
.wd_top .fr { background:#74C006; color:#fff;}
.map_wd .wd_bottom { width:100%; height:11px; background:url(../image/map_wd_bg.png) no-repeat center top;}
.circle { background:url(../image/map_qybg.png) no-repeat; padding-top:20px; text-align:center; color:#fff; line-height:26px; width:96px; height:96px; }
.map_button {position:absolute; width:61px; height:27px; z-index:9000;  right:480px; top:20px; cursor:pointer;}
.map_button2 {position:absolute; width:61px; height:27px;  z-index:9000;  right:480px; top:52px;cursor:pointer;}

/*右侧列表*/
.list { float:right; position:relative; border-left:1px solid #f0f0f0; background:#fff; width:481px; height:100%; overflow:auto;}
.list .list_main { height:93%; overflow:auto;  width:481px; }
.list_main .list_tab { float:left; width:460px; font-size:14px;border-bottom:1px solid #f0f0f0;}
.list_main .list_tab:hover { background:#fafafa;}
.list_main .list_tab:last-child {border-bottom:none;}
.page { position:absolute; padding:15px 0; bottom:0; width:100%; height:32px; background:#fff;}
.map_tj_tt { width:440px; height:45px; line-height:45px; background:#eee; padding-left:20px; font-size:16px;}
.tab_tt { margin-bottom:10px;}
.tab_tt a , .tab_tt1 { font-size:20px; font-weight:bold; color:#474747;}
.tab_tt a:hover , .tab_tt1:hover {color:#258DFE;}
.tab_tt a:visited {color:#258DFE;}
.tab_tt .cgray { padding-left:10px; font-size:12px; color:#999;}
.tab_ad { line-height:20px; overflow:hidden;  background:url(../image/map_icon1.png) no-repeat left 1px; padding-left:20px;}
.tab_ad1 { width:240px; overflow:hidden; height:20px; margin-bottom:10px;line-height:20px; background:url(../image/map_tab_icon1.png) no-repeat left 1px; padding-left:20px;}
.tab_del { background:url(../image/list_bg.png) no-repeat left 11px; padding-left:26px;}
.tab_del1 {width:240px; overflow:hidden; height:20px;line-height:20px;background:url(../image/map_tab_icon2.png) no-repeat 1px 2px; padding-left:20px;}
.tab_del span { margin-right:4px;}
.tab_name {  background:url(../image/list_tab_name.png) no-repeat left 10px; padding-left:26px;}
.tab_name1{  background:url(../image/list_tab_name1.png) no-repeat left 10px; padding-left:26px;}
.tab_feature { margin-top:10px; font-size:14px;}
.tab_feature span{ color:#fff; border:1px solid #fff; display:block; float:left; padding:0 10px; margin-right:10px; height:22px; line-height:21px; }
.tab_price { font-size:21px; font-weight:bold;}
.tab_show { width:100%; box-sizing:border-box; cursor:pointer; padding:15px 20px;}
.tab_hidden { display:none; width:100%; box-sizing:border-box; padding:15px 20px;}
.tab_img { width:100%; position:relative;}
.tab_img img { display:block; width:100%;}
.tab_price1 { position:absolute; right:0; bottom:20px; background:rgba(0,0,0,0.4); color:#fff; height:40px; line-height:40px; padding:0 15px;}
.tab_bg {position:absolute; background:url(../image/map_tab_bg.png) no-repeat bottom; width:100%; height:100%; left:0; top:0;}
.tab_div { color:#fff; position:absolute; left:12px; bottom:20px;}
/*小区列表*/
.list_banner { padding:20px 40px 0 40px; }
.list_banner img { width:100%;}
.list_del { padding:20px 30px; line-height:35px;}
.cgray1 { color:#999;}
/*楼栋详情*/
.layui-layer {width:1100px; height:90%;}
.office_main { width:100%;padding:20px;box-sizing:border-box; background:#fff; overflow:auto;}
.office_main:after { clear:both; display:block; height:0; overflow:hidden; visibility:hidden; content:"clear";} 
.main_left { float:left; width:76%; border:1px solid #ddd; }
.main_right { float:right; width:22%; }
.left_div { padding:10px 30px; width:100%;box-sizing:border-box; line-height:40px;}
.left_div .office_name { font-size:24px; }
.left_div .office_pg {margin-right:60px; }
.left_div1 { padding:0 30px; height:55px; border-bottom:1px solid #ddd; line-height:55px;}
.left_div1 span {display: block;float: left;width: 110px;padding-right: 10px;overflow: hidden;height: 55px;}
.left_div2 { padding:0 30px; width:100%; box-sizing:border-box; clear:both;}
.left_div2 .infom_div {padding-top:20px; float:left;  width:50%;}
.left_div2 p { padding-bottom:15px;}
.left_div2 p:after {display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.left_div2 p b { display:block; float:left; width:80px;}
.left_div2 .p_peitao { width:688px;}
.left_tt { background:#f5f5f5; width:100%; box-sizing:border-box; height:40px; line-height:40px; padding:0 30px; font-size:16px;color: #000;}
.left_profile { line-height:28px; padding:15px 30px;}
.left_map {position:relative; width:100%; height:380px;}
.map_left { width:100%;height:100%;}
.map_right {position:absolute; right:15px; top:15px; }
.map_right a {display: block; cursor:pointer; margin-top:15px;}
.map_right a img { width:40px;}
.left_price { padding:30px; width:100%; box-sizing:border-box; height:220px;}

.slide > * {max-width: 100%;}
.slider .slide-prev {cursor: pointer;height: 48px;width: 48px;position: absolute;left: 0;top: 50%; margin-top: -24px;background-color: rgba(255,255,255,0.8);padding: 0px;}
.slider .slide-next {cursor: pointer;height: 48px;width: 48px;position: absolute;right: 0;top: 50%;margin-top: -24px;background-color: rgba(255,255,255,0.8);padding: 0px;}
.slider .slide-next:hover, .slider .slide-prev:hover {background-color: rgba(255,255,255,0.9);}
.slider .slide-next img, .slider .slide-prev img {position: relative;top: 0;left: 0;max-height: 100%;max-width: 100%;}
.es-caption {position: absolute;bottom: 0;text-align: center;background-color: rgba(0,0,0,0.8);color: #fff;font-size: 14px;padding: 16px;margin: 10px;width: auto;left: 0;right: 0;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;border: 1px solid rgba(255,255,255,0.3);}
ul.es-pager {display: block;width: 100%;text-align: center;margin: 5px 0 0 0;padding: 0;line-height: 0px;}
ul.es-pager li {display: inline-block;margin: 0;padding: 0;height: 16px;width: 16px;background-repeat: no-repeat;background-position: 0 -16px;cursor: pointer;}
ul.es-pager li:hover, ul.es-pager li.act {background-position: 0 0;}
ul.es-pager li.act {cursor: default;}
.slide-dragcontainer {border-bottom:1px solid #ddd;}

.map_wd .wd_top1 { background:#fff;border-radius:3px; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); font-size:12px;}
.wd_top1 p{ padding:0 10px; line-height:28px; border-radius:0 3px 3px 0;  }
.wd_top1 .w_tt { font-weight:bold;}
#house .left_div1:last-child { border:none;}
.floor_select select { margin-top:7px; border:1px solid #ddd; width:80px; height:26px; margin-left:10px; float:right;}
.floor_main { width:100%; max-height:250px; overflow:hidden;}
.floor_main:after { clear:both; display:block; height:0; overflow:hidden; visibility:hidden; content:"clear";}
.floor_div { padding:0 30px;  box-sizing:border-box;float:left; width:50%; line-height:50px; border-bottom:1px solid #ddd;}
.floor_main .floor_div:nth-child(2n+1) { border-right:1px solid #ddd;}
/*右侧内容*/
.del_right { width:240px;  background:#fff;}
.del_agent { width:100%; }
.agent_tt { padding-left:20px; height:40px;border:1px solid #ddd;border-bottom:none; line-height:40px; font-size:16px; background:#f5f5f5;}
.agent_main { padding:20px;  line-height:28px; overflow:hidden;border:1px solid #ddd;border-top:none;}
.agent_main_left { float:left;display:block; width:80px; height:80px;}
.agent_main_left img {box-shadow:1px 1px 4px 1px rgba(0,0,0,0.1); width:100%;border-radius:50%; height:100%;}
.agent_main_right {float:left;margin-top:11px; margin-left:10px;}
.agent_main_num1 {float:left;border-radius:20px;margin-top:20px; width:100%; height:30px; color:#fff;font-size:16px;box-sizing:border-box;padding-left:20px;background:#258dfe;}
.agent_main_num2 {background:#ee9709;margin-top:10px;}
.agent_main_right_top {position:relative;height:30px;line-height:30px;}
.del_right_weixin {cursor:pointer;  margin-left:5px;float: right; margin-top: 3px;} 
.del_right_weixin_img {border:1px solid #ddd;padding:3px;background:#fff;display:none;z-index: 10; position:absolute; right:0; top:30px; width:100px; height:100px;}
.del_right_weixin_img img { width:100%; height:100%;}
.agent_name  { font-size:24px;}
.agent_phone { margin-top:10px; clear:both; padding-left:35px; background:url(../image/detail_icon4.jpg) no-repeat left; height:40px; line-height:40px; font-size:22px;}
.del_ad { margin-top:20px; width:100%;}
.del_ad div { margin-bottom:20px;}
.del_ad img { width:100%;height: auto;}
.more_ad { height:35px; text-align:center; line-height:35px; background:#f0f0f0;}
.build_phone { background:#74C006 url(../image/detail_icon5.jpg) no-repeat 10px; color:#fff; font-size:18px;}
.agent_main .cblue { font-size:20px;}
@media screen and (min-width:750px) and (max-width:1200px){
	.layui-layer {width:90%; height:90%;}
	.agent_main {padding:10px;}
	.agent_main_left {display:none;}
	.agent_main_right {float:none;margin-top:0;margin-left:0; margin:0 auto;width:110px;}
	.agent_main_num1 {margin-top:5px; width:100%;font-size:12px;padding-left:0; text-align:center;}
	.left_div {padding:0 20px;}
	.left_tt {padding:0 20px;}
	.left_div1{padding:0 20px;}
	.left_div1 span {width:16%;box-sizing:border-box;}
	.left_div2{padding:0 20px;}
	.left_profile{padding:15px 20px;}
	.left_price{padding:0 20px;}
	.floor_div{padding:0 20px;}
    .divselect {position:absolute;top:60px; left:10px;}
    .map_top_search {position:absolute;top:60px; left:140px;}
    .screening_div{position:absolute;top:60px; left:440px;}
    .map_top {height:80px;}
    .search_btn2 {position:absolute;top:60px; right:0;margin-right:10px;}
    .map_main {padding-top:147px;}
    .choose_wd { left: 0; top:110px;width: 100%;  padding: 10px 20px; box-sizing: border-box;}
    .top_main {width: 100%;padding: 0 10px;box-sizing: border-box;}
    .top_small_nav .fr {margin-right:0;}
    .map_logo {margin-left: 10px;}
    .map_login {margin-right:10px;}
    body {padding-right:0px;}
    
	}
@media screen and (max-width:749px){
	.layui-layer {width:90%; height:90%;}
	.main_left { width:100%; }
    .main_right{ width:100%; }
    .left_div {padding:10px;}
    .left_div .office_name {font-size:20px;}
    .left_tt {padding:0 10px;}
    .left_div2{padding:0 10px;}
    .left_div1{padding:0 10px;height:auto;line-height:30px;}
    .left_div1:after { clear:both; display:block; height:0; overflow:hidden; visibility:hidden; content:"clear";}
    .left_div1 span {width:auto;height:auto;}
    .left_div2 .infom_div {width:100%;}
    .floor_div{padding:0 10px;width:100%;}
    .left_price {padding:10px;}
    .left_profile{padding:10px;}
	.list {display:none;}
	.map {width:100%; margin-right:0;}
    .divselect p {height:35px;line-height:35px; text-align: center;padding:0;margin:0 10px;border:none;}
    .divselect {position:absolute;top:110px; left:0; width:33%;margin-right:0;border-right:1px solid #ddd;box-sizing:border-box;}
    .divselect ul {width:100%;text-align:center;}
    .search_btn2 {text-indent:0;position:absolute;top:110px; right:0; width:33%;margin-right:0;text-align: center; background: #fff;box-sizing:border-box;border-left:1px solid #ddd;color: #333;}
    .search_btn2:hover {background:#fff;}
    .map_main {padding-top:150px;}
    .screening_div {position:absolute;top:110px; left:33%; width:34%;}
    .screening {margin-right:0;text-align: center; background: #fff;width:100%; color:#333;text-indent:0}
    .screening:hover {background:#fff;}
    .map_top_search {position:absolute;top:65px;padding:0 10px;width:100%;box-sizing:border-box;}
    .input_text {width:80%;box-sizing:border-box;}
    .search_btn1 {width:20%;box-sizing:border-box;margin-right:0;}
    .map_logo { margin-left:10px;margin-top:5px; width:200px;}
    .map_logo img {width:100%;max-width:227px;}
    .map_top {padding:10px 0;}
    .map_login {margin-right:10px;padding-left:0;background:none;}
    .choose_wd { left:0; top:150px;width:100%;padding:10px;box-sizing:border-box;overflow:auto;height:300px;}
    .choose_line .line_r1 {width:180px;}
    .choose_line {padding-bottom:10px;}
    .choose_feature {margin-right:5px; width:auto;}
    .choose_line3{margin-right:5px; width:auto;}
    .choose_line6 {margin-right:5px;}
	}