header{width: 100%;}
.index-map-header{}
/*.navbar{margin-bottom: 0 !important;}*/
.index-map-body{background: url("/img/map_index_background.jpg") no-repeat ;background-size: 100% 100%;display: block;width: 100%;height:100%;min-height:900px;position:relative;margin: 0 auto;}
.index-map-footer{}

.index-map-body .map-body-header{margin: 0 auto;width: 1200px;padding-top: 20px;height: 100px;margin-bottom: 20px;}
.index-map-body .map-body-content{margin: 0 auto; width: 1200px;height:700px;position: relative;}

.map-body-header .recommend{position: relative;width: 999px;margin: 0;float: left;padding-top: 50px;}
.map-body-header .recommend .recommend_local{position: relative;float: left;width: 100px;margin-right: 10px;height: 30px;line-height: 30px;cursor: pointer;}
.map-body-header .recommend .recommend_local em{background: url("/img/dingwei_03.png") no-repeat 0 0; background-size: 15px 22px;  width: 15px;  height: 22px;  display: block;  float: left;  position: relative;}
.map-body-header .recommend .recommend_local .local{color: #ffffff;font-size: 16px;padding-left: 15px;}
.map-body-header .recommend .recommend_pc{position: relative;float: left;width:190px;margin-left: 20px;padding-right: 10px;}
.map-body-header .recommend .recommend_pc div[rel="show_pc"]{background-color: #ffffff;color: #000000;text-align: left;height: 24px;line-height: 24px;font-size: 14px;padding-left: 10px;cursor: pointer;}
.map-body-header .recommend .recommend_pc em[rel="show_pc"]{    width: 10px;  height: 10px;  display: block;  background: url("/img/arrow_down.png") no-repeat;  position: absolute;right: 20px;top: 5px;background-color: #00a0d2;}
.map-body-header .recommend .recommend_pc #province{box-sizing: border-box; display: block;position: absolute;width: 80px;max-height: 350px;overflow-y: scroll;z-index: 9999;background-color: #ffffff;}
.map-body-header .recommend .recommend_pc #province li{padding-left: 10px;cursor: pointer;height: 30px;line-height: 30px;}
.map-body-header .recommend .recommend_pc #city{box-sizing: border-box; display: block;position: absolute;width: 100px;height:350px;max-height: 450px;overflow-y: scroll;z-index: 9999;background-color: #ffffff;left: 80px;}
.map-body-header .recommend .recommend_pc #city li{padding-left: 10px;cursor: pointer;height: 30px;line-height: 30px;}
.map-body-header .recommend .recommend_pc #province li span{color: #000000;font-size: 16px;}
.map-body-header .recommend .recommend_pc #city li span{color: #000000;font-size: 14px}
.map-body-header .recommend .recommend_pc #province .active{background-color: #00a2d4;padding-left: 0px!important;text-align: center;}
.map-body-header .recommend .recommend_pc #province .active span{color: #ffffff;}
.map-body-header .recommend .recommend_date{position: relative;float: left;width: 173px;margin-left: 20px;padding-right: 10px;cursor: pointer;}
.map-body-header .recommend .recommend_date #appDate{width: 173px;height: 24px;line-height: 24px;padding-left: 10px;}
.map-body-header .recommend .recommend_date em[rel="show_date"]{ width: 10px;  height: 10px;  display: block;  background: url("/img/arrow_down.png") no-repeat;  position: absolute;right: 20px;top: 5px;background-color: #00a0d2;}
.map-body-header .recommend .recommend_item{position: relative;float: left;width: 173px;margin-left: 20px;padding-left: 10px;}
.map-body-header .recommend .recommend_item div[rel="show_item"]{background-color: #ffffff;color: #000000;text-align: left;height: 24px;line-height: 24px;font-size: 14px;padding-left: 10px;cursor: pointer;}
.map-body-header .recommend .recommend_item em[rel="show_item"]{    width: 10px;  height: 10px;  display: block;  background: url("/img/arrow_down.png") no-repeat;  position: absolute;right: 20px;top: 5px;background-color: #00a0d2;}
.map-body-header .recommend .recommend_item #item{display: none;position: absolute;width: 163px;z-index: 9999;background-color: #ffffff;}
.map-body-header .recommend .recommend_item li{padding-left: 10px;cursor: pointer;height: 24px;line-height: 24px;}
.map-body-header .recommend .check_btn{background-color: #77cc32;color: #ffffff;margin-left: 20px;text-align: center;height: 24px;cursor:pointer;width: 70px;border: none;}
.map-body-header .map-share{position: relative;width: 199px;margin: 0;float: left;padding-top: 50px;}
.map-body-header .map-share .share_font{float: left;width:50px;height: 40px;color: #ffffff;line-height: 40px;margin-right: 15px;}
.map-body-header .map-share #share{float: left;}

.map-body-content #allmap{width: 849px;height: 700px;margin: 0;float: left;position: relative;border-bottom-left-radius: 10px;border-top-left-radius: 10px;}
.map-body-content .dealMap{width: 349px;height: 700px;float: left;position: relative;overflow: hidden;background-color: #e5e5e4;border-bottom-right-radius: 10px;border-top-right-radius: 10px;}
.map-body-content  .sb-mm{position: absolute;left: 0px;width: 850px;height: 60px;line-height: 60px;text-align: center;background-color: #77cc32;font-size: 16px;color: #ffffff;border-top-left-radius: 10px;}
.map-body-content .dealMap .searchbox{position: relative;height: 60px;width: 350px;text-align: center;line-height: 40px;padding-top:20px; box-sizing: border-box;}
.map-body-content .dealMap .searchbox #search_name{width: 270px;margin: 0 auto;height: 40px;border: none;border-radius: 20px;padding-left: 20px;line-height: 40px;}
.map-body-content .dealMap .searchbox .submit{
    top:27px;
    right: 55px;
    background-color: #ffffff;
    border: none;
    background: url('/img/sn-headpc-icon_01.png') no-repeat -3px -182px;
    position: absolute;
    width: 25px;
    height: 25px;
    cursor: pointer;
}
.map-body-content .dealMap #deal_data{overflow-y: hidden;width: 370px;height: 620px;overflow-y: scroll;}
.map-body-content .dealMap #deal_data .fujin{padding: 20px 0 0 10px;font-size: 18px;color: #000000;}
.map-body-content .dealMap #deal_data .dealContent{padding-left: 30px;margin-top: 15px;color: #000000;cursor: pointer;font-size: 14px;}
.map-body-content .dealMap #deal_data .dealContent:hover{color: #77cc32;}
.map-body-content .dealMap #deal_data .dealContent>div:nth-child(n+3){padding: 2px 0; color: #848484}
.map-body-content .dealMap #deal_data .dealContent .dealName {position: relative;}
.map-body-content .dealMap #deal_data .dealContent .dealName em{width: 8px;height: 8px; position: absolute;background-color: #0A9D29;border-radius: 10px;left: -17px;top: 8px;}

.map-body-content .dealMap .map-share .share_font{position: relative;color:#ffffff;font-size: 20px;}
#share{position: relative;}
#share a.bds_more{background: url("/img/baidushare/wcal_more.png") no-repeat ;background-size: 30px 30px;}
#share a.bds_qzone{background: url("/img/baidushare/wcal_qq.png") no-repeat ;background-size: 30px 30px;}
#share a.bds_weixin{background: url("/img/baidushare/wcal_weixin.png") no-repeat ;background-size: 30px 30px;}

#appDate{border: none;}
.d_year{ overflow-y:scroll;height:150px;position: absolute; width: 90px;  background-color: white;  z-index: 1;display: none;}
.d_month{overflow-y:scroll;height:150px; position: absolute; left: 90px;  width: 83px;  background-color: white; z-index: 1;  display: none;}
.d_year>li{height: 30px;line-height: 30px;box-sizing: border-box;padding: 0 10px;}
.d_month>li{height: 30px;line-height: 30px;box-sizing: border-box;padding: 0 10px;text-align: center;}
.d_year .active,.d_month .active{background-color: #00a2d4;text-align: center;}
.index-map-body ul>li{border-radius: 3px;overflow: hidden;}
.index-map-body ul>li:hover{background-color: #c0c0c0;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.index-map-body ul::-webkit-scrollbar {  width: 10px;  height: 10px;  background-color: #F5F5F5;  }
/*定义滚动条轨道 内阴影+圆角*/
.index-map-body ul::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 6px #77cc32;  border-radius: 10px;  background-color: #F5F5F5;  }
/*定义滑块 内阴影+圆角*/
.index-map-body ul::-webkit-scrollbar-thumb {  border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color: #77cc32;  }