.service {width:100%;height:100%;margin:0 auto;color:#222;position: relative;}
.service input {-webkit-appearance:none;appearance:none;padding:0;border:0 none;box-shadow:none;background:none}
.service img {display:block;/*width:100%;height:100%;*/-o-object-fit:cover;object-fit:cover}
.service-map {height:100%;background-color:#fff!important}

.service-zoomer {position:absolute;right:80px;top:100px;width:40px;height:80px;border-radius:5px;box-shadow:0 3px 8px rgba(0,32,76,.3);background-color:#fff}
.service-zoomer:after {content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#d4d8dd}

.service-zoomer-button {position:relative;height:50%;cursor:pointer}
.service-zoomer-button:after,.service-zoomer-button:before {content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;margin-left:-8px;margin-top:-1px;background-color:#8c8985;-webkit-transition:background .15s ease-in;transition:background .15s ease-in}
.service-zoomer-button:first-child:before {-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.service-zoomer-button:nth-child(2):before {display:none}
.service-zoomer-button:hover:after,.service-zoomer-button:hover:before {background-color:#3984ff}
.service-zoomer-button:active:after,.service-zoomer-button:active:before {background-color:#3376e5}


.service-main {position:absolute;left:80px;top:100px;width:300px;}
.service-bar{width:300px;height:50px;border:1px solid #E6E6E6;box-shadow:0 2px 20px 0 rgb(26 26 26 / 10%);border-radius:4px;background:#FFF;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;}
.service-bar img {width:20px;height:20px;cursor: pointer;}
.service-bar input{flex: 1}


.building_info {width:300px;box-shadow:0 2px 20px 0 rgba(26,26,26,.1);border-radius:4px;background:#1E1E1E;margin-top:20px;box-sizing:border-box;padding:20px}
.building_info .city{}
.building_info .city li{width:100%;height: 90px;padding-bottom:40px;padding-top:40px;text-align: center;border-bottom: 1px solid #6e6e6e;font-size: 20px;color: #fff;}
.building_info .city li:last-child{border-bottom: none;}

.building_item,.building_search {box-sizing:border-box;display:flex}
.building_search {height:50px;background:#FFF;border:1px solid #E6E6E6;align-items:center;justify-content:space-between;padding:15px 20px}
.building_search input {width:260px!important;outline:0!important;border:none!important}
.building_search img {width:20px;height:20px}
.building_info_tit {display:inline-block;font-size:16px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#FFF}
.building_info_img {width:100%;margin-top:15px}
.building_info_img img {width:100%;}
.building_item {width:100%;padding:14px 0;justify-content:space-between;align-items:center;border-bottom:1px solid #4c4c4c}
.building_item p {font-size:12px}
.building_item_tit {font-weight:200;color:#B2B2B2}
.building_item_text {font-weight:600;color:#FFF;text-align: right;}


.building_info .build_close {
    width: 0.9rem;
    height: 0.9rem;
    position: absolute;
    top: 0.613333rem;
    right: 0.533333rem;
}

@media (max-width:1024px) {

}
@media screen and (max-width: 992px){

}
@media screen and (max-width: 768px){
    .header {position: fixed;}
    .service {position: fixed;}

    .service-main {width:90%;position:absolute;left: 5%;top:5px;}
    .service-bar{width:100%;margin-top: 10px;}

    .service-zoomer {right: 5%;top: 70px;}

    #detail-info{position: absolute !important;}

    .building_info {width:100%;margin-top: 0px;padding: 10px;position: relative;}

    #detail-info-m{width: 96%;left: 2%;/*transform: translateY(-50%);*/top: 70px;
    position: absolute;
    z-index: 200;
    /*background: rgba(34, 34, 34, .9);*/
    transition: all .5s ease 0s;}
}
/*
.baidu_map_marker{cursor:pointer;min-width:90px;height:40px;padding:5px 10px;position:absolute;margin-left:0;font-size: 14px;z-index:0!important;border: 2px solid #ffffff;border-radius:20px;background-color: #005fbd;!*transition:all .15s linear;*!transition: all 0.3s ease-in-out;box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);}
.baidu_map_marker .text {text-align:center;position: relative;}
.baidu_map_marker .text .bg{ width: 0;height: 0;position: absolute;left: 50%;margin-left:-8px;bottom:-25px;
    !*box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);*!
    border-width: 10px;
    border-style: solid;background-color: transparent;
    border-color:  #ffffff  transparent transparent transparent}
!*.baidu_map_marker .text .bg{width:36px;height:22px;position: absolute;left: 50%;margin-left:-18px;bottom:-24px;background:url(../img/map/arrow.png) center bottom no-repeat;background-size:80% auto;z-index:1!important;}*!
.baidu_map_marker:hover {z-index:100!important;background:#f95f15;}
.baidu_map_marker.focused {background:#f95f15;z-index:200!important;}
.baidu_map_marker .price-text {font-size:14px}
*/



.baidu_map_marker{cursor:pointer;font-size: 14px;transition: all 0.3s ease-in-out;position:absolute;}
.baidu_map_marker .img {text-align:center;position: absolute; left: 50%; top: 50%;
transform: translate(-50%, -50%);}
.baidu_map_marker .text {text-align:center;position: absolute;top:-35px;transform: translate(-50%, -50%);border: 2px solid #ffffff;border-radius:20px;background-color: #005fbd;display: none;padding: 5px 10px;}
.baidu_map_marker .text .bg{ width: 0;height: 0;position: absolute;left: 50%;margin-left:-8px;bottom:-25px;
    /*box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);*/
    border-width: 10px;
    border-style: solid;background-color: transparent;
    border-color:  #ffffff  transparent transparent transparent}


.baidu_map_marker:hover {z-index:100!important;}
.baidu_map_marker.focused .text{z-index:200!important;display: block;}
.baidu_map_marker .price-text {font-size:14px}





.service-overlay:hover {z-index:100!important}
.service-overlay.current {z-index:99!important}

.infoBox .unit-4 {font-size:12px}
.infoBox>img{width: 12px;}

.box-content {width:330px;height:auto; overflow:hidden;margin-top:100px;padding:15px 15px 1px 15px;border-radius:5px;box-shadow:0 0 25px #9f9f9f;background:#FFF;}
.box-content .price {display:none;background:url('../img/map/gray.png');padding:0 16px;min-width:60px;height:40px;line-height:40px;position:absolute;margin:-72px auto auto 10px;color:#fff;font-size:12px}
.box-content .img {position:relative;margin:auto;width:300px;height:187px}
.box-content .img .bottomTips {position:absolute;right:0;top:163px;line-height:24px;padding:0 6px;font-size:13px;color:#FFF;background:#1DA7F0}

.box-content .buildingName {width:100%; height:auto; overflow:hidden;margin:10px auto;font-size:14px;color:#000;margin:0 0 10px 0}
.box-content .buildingName span {display:block;width:100%}
.box-content .buildingName .fl {width:80%;color:#555;font-size:16px;padding:0 0 4px 0}
.box-content .buildingName .fr {color:#999;font-size:14px}
.box-content .chuzu { float:left; width:100%;margin:10px auto;position:relative}
.box-content .chuzu span {}

.box-content .box-footer {width:36px;height:22px;background:url(../img/map/arrow.png);position:absolute;bottom:-22px;left:150px;}

.box-content .house-more-box {background:#FFF;height:40px;border-top:1px solid #e5e5e5}
.box-content .houseMore {display:block;float:right;padding:10px 0;font-size:14px;color:#777;*width:90px}
.box-content .houseMore:hover {text-decoration:underline}
.box-content .house .house-rent-out1 {display:block;position:absolute;right:0;top:11px;width:57px;height:36px;line-height:36px;text-align:center;font-size:12px;color:#FFF;background:rgba(0,0,0,0.5)}
.box-content .house .house-rent-out2 {display:block;position:absolute;right:0;top:11px;width:57px;height:36px;line-height:36px;text-align:center;font-size:12px;color:#666;background:#EEE}






.notice-box {position:absolute;z-index:99;top:150px;left:40%;height:30px;line-height:30px;width:250px;text-align:center;background:rgba(0,0,0,0.6);color:#fff;border-radius:5px;display:none}
.loading-box {position:absolute;z-index:99;top:250px;left:45%;padding-left:20px;height:40px;line-height:40px;width:150px;text-align:center;background:#FFF url(../img/map/loading.gif) 10px center no-repeat;color:#000;border-radius:5px;display:none}