.topInfo{margin-bottom: 0;}
body{height: 100vh}
.wrap{width: 100% ; min-width: 1000px;}
/*!* 头部 *!*/
.header {padding: 15px 0; border-bottom: solid 3px #F52B21; position: relative; z-index: 9}
.header h1.logo {float: left; width: 227px; height: 77px; margin-left: 5px;margin-top: 6px;}
.header h1.logo a, h1.logo img { max-width: 227px; max-height: 77px;}

.header .kefu{font-size: 16px;font-weight: bold;margin-top: 15px;color: #222;padding-left: 43px;font-family: moneyNumber}
.header .kefu p{font-size: 14px;font-weight: lighter;color: #444;line-height: 1; margin-top: 10px;}
.header .kefu span{font-weight: bold; font-size: 16px; color: #222;}
.header .kefu s{width: 36px;height: 36px;top: 0;}
.header .kefu h2{margin-top: 6px;line-height: 1}
/*!* 搜索 *!*/
.header .search {float: left; margin: 15px 0 0 70px;}
.header .search .formbox{position: relative;width: 546px; height:32px;border: 2px solid #F52B21;}
.header .txt_search{width: 488px;float: left;height: 32px;border: 0;padding-left: 17px;box-sizing: border-box;font-size: 12px;color: #333;outline: none;}
.header .txt_search::placeholder{color: #cacaca;}
.header .btn-s{float:left;width: 58px;height: 34px;color: #fff;border: 0;cursor: pointer;background:#F52B21 url("../images/topsearch.png") no-repeat center;}

/* 内容 */
.map-box {position: relative; height: calc(100% - 35px); margin-top: -118px; width: 100% !important;}
.map {position: absolute; left: 360px; top: 118px; right: 0; bottom: 0; z-index: 1;}

/* 侧栏 */
.sidebar {position: absolute; left: 0; top: 118px; bottom: 0; z-index: 3; width: 360px;  }
.sidebarCon{background-color: #fff; box-shadow: 0px 1px 8px 0px rgba(91, 91, 91, 0.21); height:100%; position: relative; z-index:2 }
.sidebar .map-os {position: absolute; right: -28px; top: 50%; margin-top: -56px;  line-height: 56px; cursor: pointer; width: 28px; height: 57px; background: #FFF ; box-shadow: 0px 1px 8px 0px rgba(91, 91, 91, 0.21); border-radius: 0px 6px 6px 0px; }
/* .sidebar .map-os s, .sidebar .map-os i {position: absolute; width: 0; height: 0; border: 5px solid transparent;} */
.sidebar .map-os s {display: block; width: 20px; height: 20px; background: url(../images/arr_left.png) no-repeat center/20px; position: absolute; left: 5px; top: 0; bottom: 0; margin: auto; transition: .2s transform ease;}
.sidebar .map-os.open s{transform: rotate(180deg);}

/* 分类 */
.typeBox:hover .typeList{display: block }
.typeList{background: #fff; border: solid 1px #D8D8D8; max-width: 355px; position: absolute; left: 5px;  box-sizing: border-box; color: #666; font-size: 14px; line-height: 42px; text-align: center; height: 437px; display: none;}
.typeCon{max-height:100%; overflow: auto;}
.typeCon::-webkit-scrollbar{
  width: 8px;
	height: 0;
	border-radius: 4px;
	background: none;
  display: none;
}
.type_ul::-webkit-scrollbar{
  width: 8px;
	height: 0;
	border-radius: 4px;
	background: none;
}
.type_ul::-webkit-scrollbar-thumb{

  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px #bec0c4;
  background: #bec0c4;
}
.typeList .type_dl .type_dt{width: 177px; }
.typeList .type_dl:hover .type_ul{display: block; position: absolute; left: 177px;top:-1px; width: 177px; background: #f5f5f5;}
.typeList .type_dl:hover .type_dt,.typeList .type_dl.on_chose .type_dt{color: #F52B21; font-weight: bold; background: #F5F5F5;}
.typeList .type_ul{display: none; height: 100%; overflow: auto; border: solid 1px #d8d8d8; border-left: none;}
.typeList .type_ul .type_li:hover,.typeList .type_ul .type_li.on_chose{background: #EDE8E8; color: #F52B21; font-weight: bold;}


.areaBox:hover .areaList{display: block;}
.areaList{background: #fff; width: 355px; border: solid 1px #d8d8d8; position: absolute; left: 5px; right: 0; padding: 20px 20px 30px; box-sizing: border-box; display: none;}
.areaList li{float: left; line-height: 33px; font-size: 14px; margin-right: 28px}
.areaList li:hover,.areaList li.on_chose{color: #F52B21; font-weight: bold;}
/* 筛选&排序 */
.f-o {position: relative; z-index: 3; height: 42px; border-bottom: solid 1px #f0f0f0;}
.f-o>li { float: left; width: 33.3%; text-align: center; cursor: pointer;}
.f-o>li .liCon{width: 93px; height:34px; border: #fff solid 1px; box-sizing: border-box;border-bottom: none; margin: auto; margin-top: 6px; }
.f-o>li .liCon .li_tit{width: 91px; height:32px;   position: relative; z-index: 3;}
.f-o>li .liCon:hover .li_tit::after{content: ''; display: block; width: 100%; height: 1px; background: #fff; position: absolute; left: 0;  bottom: -2px; height: 4px; }
.f-o>li .liCon:hover{border: #D8D8D8 solid 1px;}
.f-o>li .orderBox{position: relative;}
.f-o>li .orderBox ul{background: #fff; width: 93px; border: solid 1px #d8d8d8; position: absolute; left: -1px; text-align: center; box-sizing: border-box; border-top: none; line-height: 32px; font-size: 14px; color: #666; display: none;}
.f-o>li .orderBox:hover ul{display: block;}
.f-o>li .orderBox ul li:hover,.f-o>li .orderBox ul li.on_chose{background: #F5F5F5;}
.f-o>li .orderBox ul li a{color: #666;}
.f-o>li.curr {color: #de1e30;}
.f-o>li span {display: inline-block; max-width: 115px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 32px; vertical-align: middle; margin-right: 4px; font-size: 14px; color: #333;}
.f-o>li s {display: inline-block;   vertical-align: middle ; width: 12px; height: 12px; background: url(../images/arr_down1.png) no-repeat center/cover;}


/* 列表 */
.shop_ul .shop_li a{display: block; padding: 15px; border-bottom: solid 1px  #F0F0F0; position: relative;}
.shop_ul .shop_li .orderNum{display: block; width: 20px; height: 28px; font-size: 12px; color: #fff; font-weight: bold; text-align: center; position: absolute; top: 15px; left: 15px; background: url(../images/posi_1.png) no-repeat center/cover;}
.shop_ul .shop_li .shopInfo{padding-left: 30px;}
.shop_ul .shop_li .shopLogo{width: 90px; height: 90px; background: #f5f5f5; border-radius: 6px; float: right; margin-left: 14px;}
.shop_ul .shop_li .shopLogo img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 6px;}
.shop_ul .shop_li .shopInfo h3{font-size: 16px; font-weight: bold; color: #000; margin-bottom: 8px}
.shop_ul .shop_li .shopInfo p.addr{font-size: 13px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 10px;}
.shop_ul .shop_li .shopInfo p.addr s{display: inline-block; width: 18px; height: 18px; background: url(../images/posi_3.png) no-repeat center/cover; margin-right: 2px; vertical-align: middle;}
.shop_ul .shop_li .shopInfo p .star_num{font-size: 14px; color: #333; font-weight: bold; }
.shop_ul .shop_li .shopInfo p .star_num s{display: inline-block; width: 18px; height: 18px; vertical-align: middle; background: url(../images/star1.png) no-repeat  center/cover; margin-right: 3px; margin-top: -4px}
.shop_ul .shop_li .shopInfo p .hui{margin-left: 20px; color: #999; font-size: 12px;}
.loading{text-align: center; font-size: 14px; color: #999; padding: 20px;}


/* 区域气泡 */
.bubble {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative;}
.bubble p {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*.bubble-1 {overflow: hidden; border-radius: .25rem }*/
.bubble-1 .name {font-size: .26rem;  margin-top: -.1rem;width: 2.15rem;height: .46rem;line-height: .46rem;border-radius: .23rem;text-align: center;box-sizing: border-box;padding: 0 .24rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #333;background: #fff;border:1px solid #f5f5f7;box-shadow: 0px .03rem .13rem 0px rgba(80, 80, 80, 0.16);}


/*一级地图时各类型商家图标*/
.bubble-1 span{display: inline-block;width: 20px;height: 28px;}
.bubble-1 span a{display: inline-block;width: 20px;height: 28px;}
.bubble-1 span.homemaking{background: url(../images/map/homemaking.png) center center no-repeat;background-size: cover;}
.bubble-1 span.shop{background: url(../images/posi_2.png?v=1) center center no-repeat;background-size: cover;}
.bubble-1 span.tuan{background: url(../images/posi_2.png) center center no-repeat;background-size: cover;}
.bubble-1 span.info{background: url(../images/posi_2.png) center center no-repeat;background-size: cover;}
/*二级地图时各类型商家图标*/
.bubble-2 span{display: inline-block;width: 20px;height: 28px;}
.bubble-2 span a{display: inline-block;width: 20px;height: 28px; color: #fff; font-weight: bold; text-align: center; line-height: 20px}
.bubble-2 span.homemaking{background: url(../images/posi_2.png) center center no-repeat;background-size:cover;}
.bubble-2 span.shop{background: url(../images/posi_2.png?v=1) center center no-repeat;background-size: cover;}
.bubble-2 span.tuan{background: url(../images/posi_2.png) center center no-repeat;background-size: cover;}
.bubble-2 span.info{background: url(../images/posi_2.png) center center no-repeat;background-size: cover;}

.amap-marker:hover {z-index: 99999999999!important;}
.BMapLabel:hover {z-index: 99999999999!important;}
.tdt-label:hover {z-index: 99999999999!important;}
.bubble:hover .map_win{display: block;}
.map_win{position: absolute; left: 50%; top: -136px; margin-left: -172px; display: none; animation: topFadeIn .3s; cursor: pointer;}
.map_win::after{content: ''; display: block; width: 100%; height: 10px; position: absolute; left: 0; right: 0; bottom: -8px;}
.map_win .arr{width: 0; height: 0; border: solid 6px rgba(255,255,255,0);border-top: solid 6px #fff; position: absolute; left: 50%; bottom: -12px; margin-left: -6px;}
.map_win{width: 344px; height: 124px; background: #fff; box-shadow: 0px 1px 21px 0px rgba(116, 116, 116, 0.36); border-radius: 6px; box-sizing: border-box; padding: 15px; }
.map_win .shop_logo{display: block; width: 90px; height: 90px; float: left; margin-right: 10px; background: #f5f5f5;
border-radius: 6px;}
.map_win .shop_logo img{display: block; width: 100%; height: 100%; object-fit: cover;
border-radius: 6px;}
.map_win .shop_detl h4{font-size: 16px; font-weight: bold; color: #000;; text-align: left; padding-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.map_win .shop_detl p.shop_addr{font-size: 13px; color: #666; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.map_win .shop_detl p.shop_addr s{display: inline-block; width: 18px; height: 18px; background: url(../images/posi_3.png) no-repeat center/cover; margin-right: 2px; vertical-align: middle;}
.map_win .shop_detl p.starInfo{text-align: left; margin-top: 10px;}
.map_win .shop_detl p.starInfo span{font-size: 12px; color: #999; display: inline-block; vertical-align: middle; margin-right: 10px; width: auto;}
.map_win .shop_detl p.starInfo span.shop_star s{display: inline-block; width: 18px; height: 18px; vertical-align: middle; background: url(../images/star1.png) no-repeat  center/cover; margin-right: 3px; margin-top: -4px}
.fake{display: none;}

.noData{padding-top: 80px;}
.noData img{display: block; width: 254px; height: 160px; object-fit: cover; margin: auto;}
.noData h4{font-size: 16px; color: #333; font-weight: bold; text-align: center;}
.noData p{font-size: 14px; color: #999;  text-align: center; line-height: 24px;}