/* 重置默认设置 */
html, body {height: 100%;}
/*.wrap, .w1200 .wrap {width: 100%; min-width: 1000px;}*/


/* 内容 */
.map-box {position: relative; height: 100%; margin-top: 0;width: 100%;}
.map {position: absolute; left: 325px; top: 0; right: 0; bottom: 0; z-index: 1;}


/*高德气泡样式*/
.amap-marker{text-align: center; color: #fff;}

/* 区域气泡 */
.bubble {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color .15s ease-in-out; -moz-transition: background-color .15s ease-in-out; -o-transition: background-color .15s ease-in-out; transition: background-color .15s ease-in-out; cursor: pointer;}
.bubble p {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bubble-1 {background-color: #4285f4; background-color: rgba(66,133,244,0.9); box-shadow: 0 2px 2px rgba(0,0,0,0.2); border-radius: 50%; overflow: hidden; width: 92px; height: 92px; line-height: 1.6;}
.bubble-1 .name {font-size: 14px; font-weight: 800; margin-top: 24px;}
.bubble-1:hover {background-color:#e4393c; background-color:rgba(228,57,60,0.9)}


/* 楼盘气泡 */
.bubble-2 {color: #333;}
.bubble-2 .bubble-wrap {position: absolute; bottom: 28px; display: none; left: -10px; text-align: left; z-index: 10;}
.bubble-2:hover .bubble-wrap, .bubble-2.hover .bubble-wrap {display: block;}
.bubble-2 .bubble-inner {padding: 17px; background-color: #fff; border-radius: 2px; box-shadow: 0 10px 8px 0 rgba(0,0,0,0.1);}
.bubble-2 .bubble-inner .name {height: 20px; line-height: 20px; font-weight: 800;}
.bubble-2 .bubble-inner .house-type {font-weight: 800; margin-right: 6px;}
.bubble-2 .bubble-inner i {font-style: normal;}
.bubble-2 .bubble-inner .gt {display: none; color: #999999; position: absolute; right: 5px; font-size: 14px; -webkit-transform: scale(1, 1.2); -moz-transform: scale(1, 1.2); -ms-transform: scale(1, 1.2); transform: scale(1, 1.2);}
.bubble-2 .arrow {position: absolute; left: 10px; bottom: -8px; display: block; border: 8px solid transparent; border-left-color: #fff; width: 0; height: 0; margin: 0 auto; z-index: 1;}
.bubble-2 .arrow .arrow-i {display: none; border: 6px solid transparent; border-top-color: #fff; width: 0; height: 0; position: absolute; top: -7px; left: -6px;}
.bubble-2 .cycle {background-color: #4285f4; border-radius: 50%; width: 20px; height: 20px; border: 1px solid #1658c4; position: absolute; left: 50%; margin-left: -10px; bottom: 6px;}
.bubble-2.clicked .bubble-wrap {display: block;}

.bubble-3 .bubble-wrap {display: block;}
.bubble-3 .bubble-wrap .name {font-size: 12px; font-weight: 700; text-align: center; background-color: #fff; text-indent: 0;}
/*.bubble-3 .bubble-wrap .num {display: none;}*/
.bubble-3 .bubble-wrap .num {display: block;}
.bubble-3:hover .num, .bubble-3.clicked .num, .bubble-3.hover .num {display: block;}
.bubble-3:hover .name,.bubble-3.clicked .name, .bubble-3.hover .name {text-align: left;}

/* 周边信息气泡 */
.bubble-4 {color: #333; width: 18px; height: 18px;}
.bubble-4 .close {position: absolute; z-index: 1; right: -110px; top: -105px; width: 20px; height: 20px; line-height: 20px; font-size: 14px; text-align: center; color: #fff; border-radius: 50%; background: #666;}
.bubble-4 .bubble-inner {width: 198px; padding: 10px; border-radius: 2px; position: absolute; bottom: 18px; left: 50%; margin-left: -107px; box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2); background: #fff;}
.bubble-4 .bubble-inner .tle {height: 18px; line-height: 18px; color: #000; font-weight: 700; text-indent: 24px; text-align: left; margin-bottom: 6px; background: #fff url('../images/around.png') no-repeat 0 -119px;}
.bubble-4 .bubble-inner .around-container {width: 208px;}
.bubble-4 .bubble-inner .around-li {float: left; width: 70px; height: 18px; margin-right: 10px; padding-left: 24px; line-height: 18px; text-align: left; background: #fff url('../images/around.png') no-repeat; color: #333;}
.bubble-4 .bubble-inner .arrow {position: absolute; left: 50%; bottom: -8px; display: block; border: 8px solid transparent; border-left-color: #fff; width: 0; height: 0; z-index: 1;}
.bubble-4 .bubble-inner .arrow .arrow-i {display: none; border: 6px solid transparent; border-top-color: #fff; width: 0; height: 0; position: absolute; top: -7px; left: -6px;}
.bubble-4 .cycle {background-color: #4285f4; border-radius: 50%; width: 20px; height: 20px; border: 1px solid #1658c4; position: absolute; left: 50%; margin-left: -10px;}



/* 自定义缩放 */
.zoom-ctrl {font-size: 26px; line-height: 26px; position: absolute; z-index: 2; right: 20px; top: 140px; width: 26px; text-align: center; border: 1px solid #555; border-bottom-width: 0; background: #fff;}
.zoom-ctrl span {display: block; height: 26px; border-bottom: 1px solid #555; line-height: 23px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.zoom-ctrl .zoom-plus {font-size: 20px; line-height: 22px;}


/* 侧栏 */
.sidebar {position: absolute; left: 0; top: 0; bottom: 0; z-index: 3; width: 324px; border-right: 1px solid #b5b9c0; background-color: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);}
.sidebar .map-os {position: absolute; right: -15px; top: 50%; margin-top: -56px; width: 14px; height: 56px; line-height: 56px; cursor: pointer; border: 1px solid #b5b9c0; border-left: 0; background-color: #fff; box-shadow: 3px 0 10px 0 rgba(0,0,0,0.2);}
.sidebar .map-os s, .sidebar .map-os i {position: absolute; width: 0; height: 0; border: 5px solid transparent;}
.sidebar .map-os s {top: 23px; left: -2px; border-right-color: #666;}
.sidebar .map-os i {top: -5px; left: -4px; border-right-color: #fff;}
.sidebar .map-os.open s {left: 4px; border-left-color: #666; border-right-color: transparent;}
.sidebar .map-os.open i {left: -6px; border-left-color: #fff; border-right-color: transparent;}


/* 区域&类型 */
.f-o {position: relative; z-index: 3; height: 50px; border-bottom: 1px solid #ccc;}
.f-o>li {position: relative; z-index: 2; float: left; width: 50%; text-align: center; cursor: pointer;}
.f-o>li.curr {color: #FF6600;}
.f-o>li span {display: inline-block; max-width: 115px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 50px;}
.f-o>li s {display: inline-block; margin: 24px 0 0 4px; width: 0; height: 0; font-size: 0; border: 5px solid transparent; border-top-color: #dedede; vertical-align: top;}
.f-o>li.on s {margin-top: 18px; border-top-color: transparent; border-bottom-color: #999;}


/* 养老区域 */
.orderby {display: none; position: absolute; z-index: 1; top: 50px; left: -1px; right: 0; line-height: 30px; border-radius: 0 0 2px 2px; border: 1px solid #ddd; background-color: #fff; padding-top: 6px; padding-bottom: 6px; cursor: default; -webkit-animation: topFadeIn .3s ease-out; -moz-animation: topFadeIn .3s ease-out; animation: topFadeIn .3s ease-out;}
.orderby a {display: block;}
.orderby a.on {color: #FF6600;}
.orderby a:hover{color: #FF6600;}
/* 养老类型 */
.placeby {display: none; position: absolute; z-index: 1; top: 50px; left: -1px; right: 0; line-height: 30px; border-radius: 0 0 2px 2px; border: 1px solid #ddd; background-color: #fff; padding-top: 6px; padding-bottom: 6px; cursor: default; -webkit-animation: topFadeIn .3s ease-out; -moz-animation: topFadeIn .3s ease-out; animation: topFadeIn .3s ease-out;}
.placeby li {display: block;color:#333;}
.placeby li.on {color: #FF6600;}
.placeby li:hover{color: #FF6600;}
.area{display: none}



.choose-stage-r{width: 50%;float: left;display: none;background: #f7f7f7}
#choose-info-second li,#choose-area-second li{text-indent: 0.2rem;border-left: 1px solid  #dfdfdf}

.choose-stage-l{    overflow: auto}
.choose-stage-l-short{width: 49%;float: left;}

#choose-area{background: #fff;}

/*选中之后效果*/
#choose-area li.on{color: #fe6f48;}

/*区域*/

/*#choose-area{max-height: 6.8rem;}
#choose-area-second{height: 5.8rem;}*/
/* 列表 */
.lcount {position: relative; z-index: 2; padding: 0 10px; margin-right: 11px; line-height: 35px; background-color: #fff;}
.lcount strong {color: #FF6600; padding: 0 5px;}
.yl_list {position: relative; margin: -15px 0 0 0; overflow: hidden;}
.mCSB_inside>.mCSB_container {margin-right: 10px;}
.yl_list .loading, .yl_list .empty {line-height: 200px; text-align: center;}
.yl_list dl {margin: 0 10px;}
.yl_list dl{padding: 20px 0; border-bottom: 1px solid #dfdfdf; cursor: pointer;}
.yl_list dl:hover {background-color: #f5f5f5;}
.yl_list dt {float: left; width: 120px; height: 100px; margin-right: 15px;}
.yl_list dt img {width: 120px; height: 100px; display: block;}
.yl_list dd{position: relative; overflow: hidden;}
.yl_list dd h2{font-size: 18px; font-weight: 700; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.yl_list dd p{line-height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #666;}
.yl_list dd p.price {line-height: 28px;color: #FF6600;font-size: 14px}
.yl_list dd p.price strong{font-weight: 700; color: #FF6600; font-size: 16px; vertical-align: -1px;}



.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #999;}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color: #999;}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {background-color: #999;}


/*自定义 二级样式 养老*/
.num .map_img2{width: 75px;height: 62px;float: left;}
.num .map_img2 img{width: 100%;height: 100%;object-fit: cover;}
.num .map2_con{margin-left: 82px;}
.map2_con .map2_tit{font-size: 14px; font-weight: bold; max-width: 148px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.map2_con .map2_tit:hover a{color: #FF6600}
.map2_con .map2_info{font-size: 12px;color: #666;margin-top: 6px;}

.map2_con p.price {color: #FF6600;font-size: 12px;margin-top: 4px}
.map2_con p.price strong {font-weight: bold; color: #FF6600; font-size: 14px; vertical-align: -1px;}