@font-face {
  font-family: 'iconfont';
  src: url('font_5126116_zccpfs6d8a/iconfont.woff2?t=1770725861293') format('woff2'),
       url('font_5126116_zccpfs6d8a/iconfont.woff?t=1770725861293') format('woff'),
       url('font_5126116_zccpfs6d8a/iconfont.ttf?t=1770725861293') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#map-container{width:100%; height:calc(100vh - 74px); position:relative; z-index:0}
#loading { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0,0,0,0.8); color: white; padding: 15px 25px; border-radius: 8px; z-index: 1000; }
.cluster-marker{width:70px; height:70px; background:url(/m/images/shopicon/webgl/shoptype9.png) no-repeat center/contain; display:flex; justify-content:center; align-items:center; color:#000; font-weight:bold; font-size:20px; font-family: "Bebas", "Arial Black", sans-serif;}
.cluster-marker div{margin-top:-20px;}
.city-marker{width:70px; height:70px; background:url(/m/images/shopicon/webgl/shoptype10.png) no-repeat center/contain; color:#000; }
.city-marker div.city{text-align:center; padding-top:13px; line-height:16px; font-size:12px; width:100%; max-width: 50px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 auto;}
.city-marker div.num{width:100%; text-align:center; font-size:20px; line-height:100%;font-family: "Bebas", "Arial Black", sans-serif;}
.prov-marker{width:70px; height:70px; background:url(/m/images/shopicon/webgl/shoptype10.png) no-repeat center/contain; color:#000; }
.prov-marker div.city{width:100%; text-align:center; padding-top:13px; line-height:16px;   font-size:12px;}
.prov-marker div.num{width:100%; text-align:center; font-size:20px; line-height:100%;font-family: "Bebas", "Arial Black", sans-serif;}
.BMap_bubble_title{display:none;}
.shopinfo{display:flex; flex-wrap:wrap; padding:0 20px 30px 20px; width:300px;}
.shopinfo div{width:100%;}
.shopinfo .shopinfoname{font-weight:800; color:#000; font-size:20px; margin-bottom:20px;}
.shopinfo .shopinfomore {display:flex; justify-content:space-between;  margin-top:20px;}
.shopinfo .shopinfomore a{color:#000; font-size:14px; width:120px; display:inline-block; text-align:center; padding:5px 10px; border-radius:30px; background:#F6E500}
.shopinfo .shopinfomore a:first-child{width:200px; margin-right:20px;}
.shopinfo .shopinfomore a:hover{background:#000; color:#FFF; text-decoration:none;}
.clear{height:0px; overflow:hidden; display:block;}

.container{display:flex; position:relative;}
.container .map_bar{z-index:1}
.container .map_bar .headline p{ height:48px; width:95%; overflow:hidden; }
.container .map_bar .main {width: 1237px;}
.container .map_bar .location_box{width:400px; box-shadow:1px 1px 10px rgba(0, 0, 0, 0.15);}
.container .map_bar .location_list{height:calc(100vh - 182px); background:#FFF; overflow-y:auto;}
.container .map_bar .location_list ul li{ width:360px;padding:35px 20px 35px 20px;}
.container .map_bar .location_list ul li:hover{background:rgba(0, 0, 0, 0.03);}
.container .map_bar .location_list ul li .type{right:30px; top:75px;}
.container .map_bar .location_list ul li p{width:280px; line-height:133%;}
.container .map_bar .shopserch {width:600px; height:40px; margin:10px 0px 10px 250px; background:#FFF; float:left; position:relative; display:flex; justify-content:space-between; align-items:center; justify-items:center;}
.container .map_bar .tips{ position:absolute; left:-150px; top:9px; color:#FFF; cursor:pointer;}
.container .map_bar .tips:hover{color:#F6E500}
.container .map_bar .shopserch .text{font-size:20px; color:#000; padding:10px 0; width:540px; cursor:pointer;}
.container .map_bar .shopserch .serchicon{width:40px; font-size:24px; text-align:center; }
.container .map_bar .shopserch .serchicon:first-child{padding-left:10px; width:20px;}
.container .map_bar .serchprov{width:600px; height:calc(100vh - 182px); overflow-y:auto; background:#FFF; box-shadow:1px 1px 10px rgba(0, 0, 0, 0.15); position:absolute; left:0; top:40px; display: none; }
.container .map_bar .serchprov .provandcity{ display:flex; justify-items:center; padding-top:30px;}
.container .map_bar .serchprov .provandcity .provlist{width:260px; padding:0 30px 100px 20px;}
.container .map_bar .serchprov .provandcity .citylist{width:260px;  }
.container .map_bar .serchprov .provandcity li{background:url(/m/static/img/right-arr.svg) 220px center no-repeat; background-size:14px;  text-indent:20px; font-size:16px; height:50px; line-height:50px; transition: all 0.15s linear;}
.container .map_bar .serchprov .provandcity .provlist li:hover{background:url(/m/static/img/right-arr.svg) #f6e500 225px center no-repeat;background-size:14px;}
.container .map_bar .serchprov .provandcity .provlist li.active{background:url(/m/static/img/right-arr.svg) #F8F8F8 225px center no-repeat;background-size:14px;font-weight:bold;}
.container .map_bar .serchprov .provandcity .citylist li{background:#FFF;}
.container .map_bar .serchprov .provandcity .citylist li.city-title{background:#000; color:#FFF; font-weight:bold; cursor:default; pointer-events: none; border-radius:0px; boder:none;}
.container .map_bar .serchprov .provandcity li{border-bottom:1px solid #eee; cursor:pointer; font-family: "Bebas", "Arial Black", sans-serif; color:#333 }
.container .map_bar .serchprov .provandcity li:hover{background:#f6e500; }
.container .map_bar .shopserchinput {width:600px; height:40px; margin:10px 0px 10px 250px; background:#FFF; float:left; position:relative; display:flex; justify-content:space-between; align-items:center; justify-items:center; border-radius:4px;}
.container .map_bar .shopserchinput .text{font-size:20px; color:#000;width:540px;}
.container .map_bar .shopserchinput .serchicon{padding-left:10px; width:20px;font-size:24px; text-align:center; position:absolute; }
.container .map_bar .addinput #suggestId{width:500px; border:none; padding:6px 50px; background:none; }
.map_bar .main .switcher p.filter4 { background-image: url(../img/switcher-icon4-off.png); }
.map_bar .main .switcher p.filter4:hover { background-image: url(../img/switcher-icon4-on.png); }

/*shopdetail*/
#allmap { width: 100%; height: 500px; text-align: center; }
#shop-detail{flex-wrap:wrap;}
#shopinfotext { padding: 20px 50px; width:100%; background: #444; position: relative; }
#shopinfotext * { line-height: 1.5; color: #FFF; }
#shopinfotext h1 { font-size: 32px; font-weight: 800; }
#shopinfotext h2 { font-size: 16px; }
#shopinfotext h3 { font-size: 16px; }
#shopinfotext a { display: block; position: absolute; right: 0; top: 50%; width: 180px; height: 100px; margin-top: -50px; line-height: 100px; font-size: 32px; }
#shopinfotext span.iconfont { color: #CCC; padding: 0 10px 0 0; font-size: 18px; }
#shopinfotext a:hover { text-decoration: none; color: #F6E500; }
#shopinfotext a:hover span { color: #F6E500; }
#shopinfotext span { color: #777; padding: 0 10px; }
.addr-label-detail { position: absolute; z-index: 9999; left: 50%; top: 50px; transform: translateX(-50%); white-space: nowrap; display: flex; }
.addr-label-detail .text { background: rgba(246,229,0,1); color: #000; border: 1px solid #C8B900; padding: 8px 12px; font-size: 14px; border-right: 0; }
.addr-label-detail .daohang { background: #000; color: #FFF; border: 1px solid #000; padding: 8px 18px; font-size: 14px; cursor: pointer; }
.addr-label-detail .daohang:hover { background: #F9423A; color: #FFF; border: 1px solid #F9423A; }
.route-dialog { border: none; border-radius: 12px; padding: 30px 0; width: 30%; min-width: 500px; font-size: 20px; opacity: 0; transform: scale(0.9); transition: all .2s ease; }
.route-dialog.show { opacity: 1; transform: scale(1); }
.route-dialog::backdrop { background: rgba(0,0,0,0); transition: background .2s ease; }
.route-dialog.show::backdrop { background: rgba(0,0,0,.4); }
.dialog-content { padding: 20px; text-align: center; }
.dialog-content h3 { margin-bottom: 10px; font-size: 24px; font-weight: bold; }
.dialog-content p { text-align: left; padding: 30px; line-height: 180%; }
.dialog-content span { font-weight: bold; }
.dialog-content strong{font-weight:bold;}
.dialog-actions { margin-top: 15px; }
.dialog-actions button { padding: 10px 40px; border: none; border-radius: 6px; background: #000; color: #fff; cursor: pointer; }
/*shopdetail end*/

.tangram-suggestion-main{margin-top:30PX;}
.is-hidden {
    display: none !important;
}
.search-dot-container{left:-6px; top:0; position:absolute;}
.search-dot-container .dot-main {
    width: 12px; height: 12px;
    background: #ff4d4f; border-radius: 50%;
    position: absolute; z-index: 2;
}
.search-dot-container .dot-ring {
    width: 12px; height: 12px;
    background: #ff4d4f; border-radius: 50%;
    position: absolute; z-index: 1;
    animation: dot-pulse 1.5s infinite ease-out;
}
.search-dot-container .search-addr-label{background-color: rgba(255, 0, 0, 0.65); color:#FFF; font-size:12px; border-radius:30px; left:-30px; top:20px; position:absolute; width:70px;height:26px; overflow:hidden; text-align:center;  line-height:26px;}

@keyframes dot-pulse {
    0% { transform: scale(1); opacity: 0.8; }
    100% { transform: scale(4); opacity: 0; }
}

/* 强制移动版权信息容器到右下角 */
.BMap_cpyCtrl {
    left: auto !important;
    right: 15px !important; 
    bottom: 15px !important; 
    text-align: right;
}

/* 1. 强制让插件生成的容器能够穿透点击 */
.BMap_OverlaySelfEntity {
    pointer-events: auto !important;
    z-index: 10 !important;
}

/* 2. 这里的自定义类名负责扩充热区 */
.marker-hit-area {
    position: absolute;
    width: 70px !important;
    height: 70px !important;
    /* 关键：让图标中心对准经纬度坐标点 */
    cursor: pointer;
}

.marker-hit-area img {
    width: 70px !important;
    height: 70px !important;
    display: block;
    pointer-events: none; /* 让图片不干扰点击 */
}

/* 确保选中的 Marker 在最上层 */
.marker-hit-area.is-active {
    z-index: 9999 !important;
}

.marker-hit-area.is-active img {
    filter: drop-shadow(0 0 5px rgba(255, 204, 0, 0.8)); /* 给选中的图标加个金光 */
    transition: all 0.2s ease-in-out;
}

/* 3. 建立一个透明的“遮罩盾牌”，确保 70x70 区域内任何地方都能点中 */
.hit-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 0, 0, 0); /* 完全透明，但物理存在 */
    z-index: 2;
}

/* 确保两个包裹容器在显示时都是 Flex 布局 */
#shopserch, #shopserchinput {
    width: 100%;
}

/* 强制让内层 div 撑满 */
.shopserch, .shopserchinput {
    display: flex !important; 
    width: 100%;
    align-items: center;
}

/* 1. 最外层容器：设置背景、边框和圆角阴影 */
.tangram-suggestion-main {
    z-index: 9999 !important;
    border: 1px solid #eee !important;
    background-color: #F8F8F8 !important; 
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important; 
    border-radius: 4px !important;
    overflow: hidden !important;
}

/* 2. 去除百度默认表格的间距，确保线条撑满 */
.tangram-suggestion table {
    width: 100% !important;
    border-collapse: collapse !important;
    border:0 !important;  
}

/* 3. 每一行的单元格样式 */
.tangram-suggestion td {
    background-color: #F8F8F8 !important;
    color: #333 !important; /* 主文字颜色 */
    padding: 12px 12px 4px 12px !important;
    line-height: 20px !important;
    border-bottom: 1px solid #eee !important; /* 你指定的线条颜色 */
    cursor: pointer !important;
}

/* 4. 去除最后一行多余的底线 */
.tangram-suggestion tr:last-child td {
    border-bottom: none !important;
}

/* 5. 关键词颜色（比如输入的“百度”二字） */
.tangram-suggestion-key {
    color: #000 !important;
    font-weight: bold !important;
}


/* 7. 重点：鼠标悬停或键盘选中的高亮样式 */
.tangram-suggestion-current,
.tangram-suggestion table tr:hover td {
    background-color: #f0f0f0 !important; /* 悬停时背景略深 */
    color: #000 !important;
}

/* 8. 隐藏百度自带的定位小图标，保持干净 */
.tangram-suggestion .route-icon {
    background: none !important;
    color:#333 !important;
    height:40px; line-height:40px; font-size:20px; display:inline-block; font-family:Arial;
}