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

/* 顶部菜单 */
.top {position: relative; z-index: 1001; height: 38px; border-bottom: 1px solid #e4e4e4; background: #f9f9f9; font-family: "Hiragino Sans GB","Microsoft Yahei UI","Microsoft Yahei","微软雅黑",'Segoe UI',Tahoma,"宋体b8b\4f53",SimSun,sans-serif;padding: 0 10px;}
.topbar li {float: left;}
.topbar li a {padding: 0 10px; font-size: 14px; line-height: 38px; display: block;}
.topbar li a:hover, .topbar li.hover a {color: #000; background-color: #ededed; text-decoration: none;}
.userinfo, .topbar .logreg {float: right;}
.topbar .topbarlink {float: left;}
.topbar .topbarlink li {position: relative;}
/*.topbar .topbarlink a {color: #656565; padding: 0 13px 0 30px; background: url('../images/icons.png') no-repeat;}*/
.topbar .topbarlink .index a {padding: 0 10px; background: none; padding-left: 15px;}
.topbar .topbarlink .index a:hover {text-decoration: underline;}

/*头部*/
.header{z-index:10;background-color:#fff;height: 78px;border: 1px solid rgb(238, 238, 238);box-shadow: 0px 3px 14px 0px rgba(156, 156, 156, 0.14);position: relative;min-width: 1200px;}
.header .logo{float: left;height: 68px;margin: 3px 22px;}
.header .logo a,.header .logo img{height: 68px;}
.header .topInfo{float: left; margin-top:25px;background-color: #fff;border-bottom: 0;}
.topInfo .loginbox .changeCityBtn .changeCityList .list{overflow: auto !important;}
.header .msearch{cursor: pointer;width: 74px;height: 29px;line-height:24px;border: 1px solid rgb(229, 229, 229);border-radius: 4px;font-size: 16px;color:  rgb(51, 51, 51);padding: 2px 8px;box-sizing: border-box;}
.header .msearch i{display: inline-block;width: 15px;height: 8px;background: url("../images/more-down2.png") no-repeat; margin-left: 9px; margin-bottom: 3px;}
.header .tel{float: right;margin-top: 25px;margin-right: 40px;font-size: 22px;font-weight: bold;color: rgb(51, 51, 51);position: relative;padding-left: 36px;}
.header .tel i{display:inline-block;width: 26px;height: 26px;background: url("../images/tel4.png") no-repeat;position: absolute;left: 0;top: 3px;}



.map-box{height: 100%;margin-top: -118px;position: relative;}
/*自定义放大缩小*/
.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: 0;background-color: #fff;}
.zoom-ctrl .zoom-plus {
    font-size: 20px;
    line-height: 22px;
}
.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;
}

/*地图侧边栏*/
.sidebar{position:absolute;left:0;top:118px;bottom:0;width: 360px;background-color: #fff;}
.sidebar .map-os{position: absolute;top: 50%;right: -18px;width: 20px;height: 58px;background-color: #fff;border-radius: 4px;cursor: pointer;}
.sidebar .map-os i{display: inline-block;width: 10px;height: 19px;background:url("../images/s-left.png") no-repeat;position:absolute;top: 18px;left:4px;}
.sidebar .tran i{transform:rotate(180deg);}
.sidebar .search-box{width: 326px; height: 42px;border-radius: 4px;border: 1px solid rgb(238, 238, 238);margin-left: 16px;margin-top: 28px;position: relative;}
.sidebar .search-box input{width: 286px;height: 42px;border: 0;padding-left: 23px;box-sizing: border-box;font-size: 14px;color: rgb(160, 160, 160);}
.sidebar .search-box span{display: inline-block;width: 42px;height: 42px;position: absolute;right: 0;top: 0;border-radius: 0px 4px 4px 0px;cursor: pointer;background:url("../images/search-icon.png") no-repeat rgb(244, 21, 63) 9px 9px;}
.sidebar .f-o{height: 50px;}
.sidebar .f-o>li{border-bottom:1px solid #eee; position: relative; color: rgb(51, 51, 51);font-size:14px;padding: 7px 0; float: left;text-align: center;cursor: pointer;width: 100%;height: 25px;}
.sidebar .f-o>li i{position: absolute;right: 20px; top: 16px; display: inline-block;width: 15px;height: 8px;background: url("../images/more-down2.png") no-repeat;}



.sidebar .list{ position:absolute;left:0;top:118px;bottom:0;width: 360px;background-color: #fff;overflow: hidden;}
.mCSB_inside>.mCSB_container {margin-right: 10px;}
.sidebar .list-item{padding: 15px;border-bottom: 1px solid rgb(234, 234, 234);cursor: pointer;}
.sidebar .list-item:hover{background-color: #f8f8f8;}
.sidebar .list-item:last-child{border-bottom: 0;}
.sidebar .list-item .img{width: 131px;height: 91px;overflow: hidden;float: left;}
.sidebar .list-item .img img{width: 100%;height: 100%;}
.sidebar .list-item .info{margin-left: 146px;}
.sidebar .list-item .info .name{color: rgb(51, 51, 51); font-weight: bold;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sidebar .list-item .info .tel{margin-top:2px;font-size: 20px;color: rgb(244, 95, 14);font-weight: bold;position: relative;padding-left: 25px;height:30px;line-height:30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.sidebar .list-item .info .tel i{display: inline-block;width: 20px;height: 20px;background: url("../images/tel5.png") no-repeat;position: absolute;top: 6px;left: 0px;}
.sidebar .list-item .info .dres{margin-top:12px;font-size: 14px;color: rgb(160, 160, 160);overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.sidebar .filter{ display:none;position: absolute; z-index: 2; left: 0;top: 112px; right: 0; overflow-y: auto;  background-color: rgba(255,255,255,.98);  -webkit-animation: topFadeIn .3s ease-out;  -moz-animation: topFadeIn .3s ease-out; animation: topFadeIn .3s ease-out;}
.sidebar .show{display: block;}
/*.sidebar .filter>div{float: left;width: 50%;}*/
.sidebar .filter .category{display:inline-block;width: 180px;float: left;}
.sidebar .filter .catelist{display: inline-block;width: 180px;}
/*.sidebar .filter>ul{float: left; width: 50%;}*/
.sidebar .filter ul li{cursor: pointer;text-align: center;height: 45px;line-height: 45px;font-size: 14px;color: rgb(51, 51, 51);}
.sidebar .filter  .catelist-item,.sidebar .filter .active,.sidebar .filter ul li:hover{background-color: #f8f8f8;}
.sidebar .filter .catelist{min-height: 405px;background-color: #f8f8f8;}
.sidebar .filter .catelist .catelist-item{display: none;}
.sidebar .filter .catelist .show{display: block}
.filter .catelist .catelist-item li:hover,.filter .catelist .catelist-item .clik{background-color: #eae7e7;}


/*地图*/
.map{position: absolute;left: 360px;top: 118px;right: 0;bottom: 0;background-color: #ccc;}

/*商家气泡*/
/*.bubble{position: absolute;top: 500px;right: 500px;cursor: pointer;padding-bottom: 38px;}*/
.bubble .bubble-wrap{animation: topFadeIn .3s ease-out;position: absolute;bottom: 39px;left: -268px;display: none;}
.bubble .bubble-inner{border: 1px solid red;width: 496px;padding:20px;background-color: #fff;box-shadow: 0px 3px 8px 0px rgba(156, 156, 156, 0.17);border: 1px solid rgb(229, 229, 229);border-radius: 4px;}
.bubble .bubble-inner .img{width: 131px;height: 91px;overflow: hidden;float: left;}
.bubble .bubble-inner .img img{width: 100%;height: 100%;}
.bubble .bubble-inner .info{margin-left: 146px;}
.bubble .bubble-inner .info .name{color: rgb(51, 51, 51); font-weight: bold;font-size: 18px;}
.bubble .bubble-inner .info .tel{height:30px;line-height:30px;margin-top:2px;font-size: 20px;color: rgb(244, 95, 14);font-weight: bold;position: relative;padding-left: 25px;}
.bubble .bubble-inner .info .tel i{display: inline-block;width: 20px;height: 20px;background: url("../images/tel5.png") no-repeat;position: absolute;top: 6px;left: 0px;}
.bubble .bubble-inner .info .dres{margin-top:12px;font-size: 14px;color: rgb(160, 160, 160);overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.bubble .bubble-inner .btn{position:absolute;right: 20px;top: 40px; width: 90px;height: 34px;border-radius: 4px;background-color: #f53a00;font-size: 14px;text-align: center;line-height: 34px;color: #fff;}
.bubble .arrow{	position: absolute;left: 50%;transform: translate(-50%,0);bottom: -9px;display: block;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;width: 0;height: 0;margin: 0 auto;z-index: 10;}
.bubble .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 {-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;}
.business-list .loading, .business-list .empty {line-height: 200px;text-align: center;}
.ui-autocomplete {position: absolute;z-index: 100;cursor: default;background-color: #fff;border: 1px solid #dedede;border-top: 0;}
.ui-menu-item {display: block;padding: 0 10px;height: 30px;line-height: 30px;cursor: pointer;}
.ui-state-focus {background-color: #f1f1f1;}

/*谷歌商家气泡*/
.gm-style .gm-style-iw-d{overflow: hidden!important;}
.goBubble {position: relative;}
.goBubble .bubble-inner{width: 496px;padding:8px 20px 20px 8px;background-color: #fff;}
.goBubble .bubble-inner .img{width: 131px;height: 91px;overflow: hidden;float: left;}
.goBubble .bubble-inner .img img{width: 100%;height: 100%;}
.goBubble .bubble-inner .info{margin-left: 146px;}
.goBubble .bubble-inner .info .name{color: rgb(51, 51, 51); font-weight: bold;font-size: 18px;}
.goBubble .bubble-inner .info .tel{height:30px;line-height:30px;margin-top:2px;font-size: 20px;color: rgb(244, 95, 14);font-weight: bold;position: relative;padding-left: 25px;}
.goBubble .bubble-inner .info .tel i{display: inline-block;width: 20px;height: 20px;background: url("../images/tel5.png") no-repeat;position: absolute;top: 6px;left: 0px;}
.goBubble .bubble-inner .info .dres{margin-top:12px;font-size: 14px;color: rgb(160, 160, 160);overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.goBubble .bubble-inner .btn{position:absolute;right: 20px;top: 40px; width: 90px;height: 34px;border-radius: 4px;background-color: #f53a00;font-size: 14px;text-align: center;line-height: 34px;color: #fff;}
.goBubble .arrow{ position: absolute;left: 50%;transform: translate(-50%,0);bottom: -9px;display: block;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;width: 0;height: 0;margin: 0 auto;z-index: 10;}
/*高德地图样式*/
.amap-marker.active{z-index: 101!important;}