/* #mapid  */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

#c_grid-116273709439191 {
  display: none;
}

#c_grid-116273709439190 {
  display: none;
}

body,
html {
  height: 100%;
}
.route_img{
  width: 30px;
  height: 30px;
}
.route_img img{
  width: 100%;
  height: 100%;
}
.index_img{
  width: 30px;
  height: 30px;
}
.index_img img{
  width: 100%;
  height: 100%;
}
.chooseMap {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  background-color: #fff;
  z-index: 99;
  display: none;
  border: 1px solid #dfe3e4;
  box-shadow: 0 -3px 6px 0 #efefef;
}

.chooseMap p,
.chooseMap a {
  display: block;
  height: 50px;
  line-height: 50px;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #dfe3e4;
  cursor: pointer;
}

.iosBaiduPop {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 5px;
  border: 1px solid #dfe3e4;
  padding: 15px;
}

.iosBaiduPop * {
  font-size: 14px;
  text-align: center;
}

.iosBaiduPop div {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.iosBaiduPop div p,
.iosBaiduPop div a {
  flex: 1;
}

.f-btns {
  /* padding-left: 20px; */
  display: flex;
  width: 100%;
  /* align-items: end; */
  /* gap: 39px; */
  /* padding-bottom: 10px; */
}
.f-btns > button{
  flex: 16.6%;
}

.f-btns .f-btnsIMG{
  width: 32px;
  height: 32px;

  margin: 0 auto;
}

.f-btns .f-btnsIMG img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.paused-btn {
  display: none;
}

.leaflet-popup-content p {
  margin: 0 !important;
}

.leaflet-marker-icon {
  /* background: #fff; */
  /* border-radius: 30%; */
  /* padding: 5px !important; */
  object-fit: contain;
}

.f-btns::-webkit-scrollbar {
  display: none;
}

button {
  border: none;
  background: none;
  cursor: pointer;
  display: block;
}

button:focus {
  outline: none;
}

.toilet-icon {
  margin-bottom: -10px;
}

.visitor-icon {
  margin-bottom: -5px;
}

.gate-icon {
  margin-bottom: -2px;
}

button p {
  margin: 0;
  padding: 0;
  color: #606060;
  font-size: 16px;
  white-space: nowrap;

  margin-top: 7px;
}

/* button.active path {
  fill: #ff9802;
} */

#mapid {
  height: 100vh;
  width: 100%;
  max-height: 2000px;
}

#loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#filter-buttons {
  width: 100%;
  height: 100px;
  max-width: 700px;
  position: fixed;
  bottom: 0;
  left: 50%;
  z-index: 998;
  background: white;

  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 30px;
  overflow: hidden;
  transform: translateX(-50%);


  box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.05);
  border-radius: 10px 10px 0px 0px;
  display: flex;
  justify-content: space-between;
}

.leaflet-control-locate .leaflet-icon-locate {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("https://omo-oss-image.thefastimg.com/portal-saas/pg2025010316254928194/cms/image/b41f72e8-d528-424a-8f2f-fb4dc307dfa7.png_290xaf.png?1744792997308");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.leaflet-loading {
  background-image: url("https://omo-oss-image.thefastimg.com/portal-saas/pg2025010316254928194/cms/image/2aeab722-2c7a-4de6-8572-530bb799a0b2.gif_290xaf.gif?1744792997485") !important;
  background-size: 60% 60% !important;
}

#locating-tip {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
  z-index: 1001;
}

.leaflet-container .leaflet-control-attribution {
  display: none;
}

#search-input {
  width: 300px;
  height: 35px;
  padding: 10px;
  border: 1px solid #ccc;
  outline: 0;
  border-radius: 20px;
  font-size: 14px;
  margin: 25px auto 10px auto;
  display: block;
  text-indent: 25px;
}

.leaflet-tooltip {
  padding: 0 10px !important;
  width: auto !important;
  /* border: 2px solid #72400b !important; */
  border-radius: 0.12rem !important;
  background: rgba(255, 255, 255, 0.9) !important;
  text-align: center !important;
  color: #402406 ;
}


.leaflet-tooltip.scenic{color: #463109;}
.leaflet-tooltip.hbcz{color: #463109;}
.leaflet-tooltip.mt{color: #463109;}
.leaflet-tooltip.foot{color: #463109;}
.leaflet-tooltip.sd{color: #463109;}
.leaflet-tooltip.riding{color: #463109;}
.leaflet-tooltip.parking{color: #463109;}
.leaflet-tooltip.xys{color: #463109 ;}
.leaflet-tooltip.xxs{color: #463109;}
.leaflet-tooltip.yws{color: #463109;}
.leaflet-tooltip.visitor{color: #463109;}

.leaflet-tooltip:before {
  display: none;
}

.leaflet-popup-content {
  width: 270px;
  margin: 50px 10px 10px 10px;
}

.leaflet-popup-content:has(.other) {
  width: 160px;
  margin: 10px;
}

.leaflet-popup-content .other {
  display: flex;
  align-items: center;
  gap: 20px;
}

.leaflet-popup-content .other img {
  width: 50px;
  height: 50px;
  margin: 0;
}

.leaflet-popup-content .other p {
  margin: 0;
}

.leaflet-container .leaflet-popup-content .popup-content {
  display: flex;
  gap: 10px;
}

.leaflet-container a.leaflet-popup-close-button {
  right: 12px;
  font: 20px / 30px PingFangSC-Regular;
}

.leaflet-container .leaflet-popup-content .view-name {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding-right: 35px;
  width: 100%;
  height: 35px;
  font: 18px / 35px PingFangSC-Regular;
  text-indent: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #5b5b5b;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: solid 1px #e8e8e8;
  border-radius: 10px 10px 0 0;
  background: #f7f7f7;
  overflow: hidden;
}

.leaflet-container .leaflet-popup-content .viwe-photo {
  display: block;
  height: 100%;
  width: 100px;
  height: 100px;
  border-radius: 8px;
}

.leaflet-container .leaflet-popup-content .introduction {
  margin: 0;
  flex: 1;
  font: 14px / 18px PingFangSC-Light;
  color: #202020;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 3;
  height: 54px;
}

.btn-box {
  display: flex;
  gap: 7px;
  margin-top: 10px;
}

.scenic-search {
  position: relative;
}

#search-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-140px, -50%);
  width: 20px;
  height: 20px;
  display: none;
}

.leaflet-container .leaflet-popup-content .btn {
  display: block;
  flex: 1;
  height: 35px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-left: 10px;
  gap: 10px;
  min-width: 65px;
  white-space: nowrap;
}

.leaflet-container .leaflet-popup-content .btn img {
  width: 15px;
  height: 15px;
}

.leaflet-container .leaflet-popup-content .control-play {
  background: #ffdd02;
}

.leaflet-container .leaflet-popup-content .show-details {
  background: #9196a9;
}

#expand-btn {
  position: absolute;
  top: 0;
  z-index: 50;
  right: 0;
  border-left: solid 1px #dfe3e4;
  width: 86px;
  height: 97px;
  font-size: 26px;
  color: #333;
  font-weight: 400;
}

#down-list {
  height: 0vh;
  transition: 0.3s;
  overflow: hidden;
}

#category-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow-y: auto;
  height: 42vh;
  margin-top: 30px;
  padding-top: 15px;
}

#category-list::-webkit-scrollbar {
  /* 设置滚动条宽度 */
  width: 6px;
}

#category-list::-webkit-scrollbar-thumb {
  /* 设置滑块颜色 */
  background-color: #999;
}

#category-list::-webkit-scrollbar-track {}

#category-list::-webkit-scrollbar-button {
  /* 隐藏滚动条两侧的按钮 */
  display: none;
}

#category-list li {
  cursor: pointer;
  height: 80px;
  line-height: 40px;
  padding-left: 70px;
  box-shadow: 0 0px 9px 0 #efefef;
  margin-bottom: 15px;
  position: relative;
  background-size: 100px 58px;
  background-repeat: no-repeat;
  background-position: left center;
}

.scenic-list li {
  padding-left: 120px !important;
}

#category-list li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-size: 58px 58px;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  width: 58px;
  height: 58px;
  /* background-color: #A5B0B5; */
}
/* 标注上的图标  start*/
.scenic-list li::after {
  background-image: url("https://omo-oss-image.thefastimg.com/portal-saas/pg2025010316254928194/cms/image/32bcd544-8d54-4fa4-8957-e1029f63c30a.png_290xaf.png?1744792940789");
  display: none;
}
.toilet-list li::after {
  background-image: url("https://omo-oss-image.thefastimg.com/portal-saas/pg2025010316254928194/cms/image/6de2b700-a29f-4aa6-bb18-0019312ee186.png_290xaf.png?1744792986914");
}

.gate-list li::after {
  background-image: url("https://omo-oss-image.thefastimg.com/portal-saas/pg2025010316254928194/cms/image/876ec290-9ce9-46fd-ae28-215d01cc509e.png_290xaf.png?1744792940787");
}

.parking-list li::after {
  background-image: url("https://omo-oss-image.thefastimg.com/portal-saas/pg2025010316254928194/cms/image/2cde4342-0f18-4262-bb27-e6f642e7e72c.png_290xaf.png?1744792997331");
}

.visitor-list li::after {
  background-image: url("https://omo-oss-image.thefastimg.com/portal-saas/pg2025010316254928194/cms/image/e082bf12-4eff-4598-bccf-5d62c017c583.png_290xaf.png?1744793007724");
}

.food-list li::after {
  background-image: url("https://omo-oss-image.thefastimg.com/portal-saas/pg2025010316254928194/cms/image/b902370b-18f3-439c-a925-705ce2e1b6e8.png_290xaf.png?1744793007399");
}
/* end */
.toBtn_box {
  display: flex;
  justify-content: end;
}

.toBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 5px;
  color: rgb(255, 146, 56);
  border: 1px solid rgb(255, 146, 56);
  width: 70px;
  height: 24px;
  border-radius: 12px;
  font-size: 12px;
}

.leaflet-control-locate a {
  font-size: 1.4em;
  color: #444;
  cursor: pointer;
}

.leaflet-control-locate.active a {
  color: #2074b6;
}

.leaflet-control-locate.active.following a {
  color: #fc8428;
}

.leaflet-touch .leaflet-bar .leaflet-locate-text-active {
  width: 100%;
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 10px;
}

.leaflet-touch .leaflet-bar .leaflet-locate-text-active .leaflet-locate-icon {
  padding: 0 5px 0 0;
}

.leaflet-control-locate-location circle {
  animation: leaflet-control-locate-throb 4s ease infinite;
}

.f-btns .classbtn .f-btnsIMG .nav_img.nav_img2{
  display: none;
}
.f-btns .classbtn.active .f-btnsIMG .nav_img.nav_img1{
  display: none;
}
.f-btns .classbtn.active .f-btnsIMG .nav_img.nav_img2{
  display: block;
}

/* nav  标注切换  对应颜色 ###  ##*/
.f-btns .classbtn:nth-child(1).active p{
  color: #ED6C46;
}
.f-btns .classbtn:nth-child(2).active p{
  color: #69D4B9;
}
.f-btns .classbtn:nth-child(3).active p{
  color: #3F70E5;
}
.f-btns .classbtn:nth-child(4).active p{
  color: #F4B749;
}
.f-btns .classbtn:nth-child(5).active p{
  color: #ED6C46;
}
.f-btns .classbtn:nth-child(6).active p{
  color: #3F70E5;
}
.f-btns .classbtn:nth-child(7).active p{
  color: #69D4B9;
}
.f-btns .classbtn:nth-child(8).active p{
  color: #F4B749;
}
.f-btns .classbtn:nth-child(9).active p{
  color: #3F70E5;
}
.f-btns .classbtn:nth-child(10).active p{
  color: #E50012;
}
.f-btns .classbtn:nth-child(11).active p{
  color: #ED6C46;
}




/* nav  标注切换  对应颜色  ### end #@###  */

/* 顶部搜索 */
.topSearchbox{
  width: 100%;
  
  position: fixed;
  top: 15px;
  left: 0;
  z-index: 999;
  
}
.topSearchbox .topSearch{
  width: 98%;
  height: 50px;
  display: flex;
  align-items: center;
  background-color: #fff;

  margin: 0 auto;
  padding-left: 19px;
  padding-right: 19px;



  box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.05);
border-radius: 5px 5px 5px 5px;
}

.topSearchbox .topSearch .searchInp{
  width: 100%;
  height: 50px;

  border:0;
  outline: none;
  padding-left: 10px;
}
.topSearchbox .topSearch .SearchBtn{
  width: 23px;
  height: 23px;
}
.topSearchbox .topSearch .SearchBtn #topsearch-icon{
  width: 23px;
  height: 23px;
}
.topSearchbox .topSearch .searchInp:focus{
  box-shadow: unset;
}


/* 区域提示 */
.RegionalTips{
  flex: 0 0 auto;

  display: flex
;
    flex-direction: column;
    justify-content: space-between;
}
.RegionalTips .Tips_item{
  display: flex;
  align-items: center;
}
.RegionalTips .Tips_item .RegionalColor{
  flex: 1;
  max-width: 78px;
  width: 78px;
  height: 13px;
  margin-right: 8px;
}
.RegionalTips .Tips_item:nth-child(1) .RegionalColor{
  background-color:#D8EAD4 ;
}
.RegionalTips .Tips_item:nth-child(2) .RegionalColor{
  background-color:#DBDDDC ;
}
.RegionalTips .Tips_item:nth-child(3) .RegionalColor{
  background-color:#EDDFEC ;
}
.RegionalTips .Tips_item .RegionalTit{
  flex: 1;
  font-size: 12px;
  color: #888888;
  line-height: 1;
}

.line_2{
  display: none !important;
  flex: 1;
  max-width: 2px;
  background: #E0E0E0;
  border-radius: 0px 0px 0px 0px;
}

.text-group-1{
  background: none !important;
  color: black !important;
  border: 0 !important;
  font-size: 18px !important;
  box-shadow: none !important;
  font-weight: bold !important;
}
.text-group-2{
  background: none !important;
  color: white !important;
  border: 0 !important;
  font-size: 18px !important;
  box-shadow: none !important;
  font-weight: bold !important;
}










@keyframes leaflet-control-locate-throb {
  0% {
    stroke-width: 1;
  }

  50% {
    stroke-width: 3;
    transform: scale(0.8, 0.8);
  }

  100% {
    stroke-width: 1;
  }
}

@media screen and (max-width: 768px) {
  .f-btns {
    /* max-width: 330px; */
    overflow: auto;
  }
  #filter-buttons{
    padding-right: 15px;
  }
}





.right_box {
  width: fit-content;
  position: fixed;
  bottom: 20%;
  right: 20px;
  z-index: 999;
}

.right_box .r_items{
  width: fit-content;
  padding-top: 8px;
  padding-bottom: 9px;
  padding-left: 6px;
  padding-right: 6px;
  background-color: #fff;
  box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.05);
  border-radius: 10px 10px 10px 10px;
  margin-bottom: 8px;
  cursor: pointer;

}
.right_box .r_items:nth-child(2){
  display: inline-block;
}
.right_box .r_items .index_img{
  width: 30px;
  height: 30px;
}
.right_box .r_items span{
  margin-top: 4px;
  font-size: 12px;
  color: #707070;
  text-align: center;
  display: inline-block;
  width: 100%;
}



/* 底部 当前标注  的内容 .arrow-clip*/ 
/* 搜索容器样式 */


.hd_icon{
     width: fit-content;
    margin-left: auto;
    margin-right: auto;
    /* height: 12px; */
    height: 38px;
    width: 2%;
    /* margin-top: 10px; */
    /* margin-bottom: 10px; */
    cursor: pointer;
}
.hd_icon img{
  width: 100%;
  height: 100%;
  /* display: none; */
  transform: rotate(180deg);
  /* filter: brightness(0) invert(0.9); */
  display: block;
  display: none;
}
.hd_icon:hover img{
  filter:brightness(0) invert(0.8);
}
.bot_Sehbox{
  background: #FAFAFB;
  box-shadow: 0px -3px 10px 1px rgba(0,0,0,0.08);
  border-radius: 20px 20px 0px 0px;

  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;

  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 30px;
  transform: translateY(100%);
  transition: all 0.3s ease;
}

.bot_downslide{
  transform: translateY(0%);
}



.bot_Sehbox .botSearch {
    height: 50px;
    display: flex
;
    align-items: center;
    background-color: #fff;
    margin: 0 auto;
    padding-left: 19px;
    padding-right: 19px;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
    border-radius: 5px 5px 5px 5px;
}
.bot_Sehbox .botSearch .SearchBtn {
    width: 30px;
    height: 30px;
}
.bot_Sehbox .botSearch .SearchBtn #botsearch-icon{
    width: 27px;
    height: 27px;
}
.bot_Sehbox .botSearch .botsearchInp{
  width: 100%;
    height: 50px;
    border: 0;
    outline: none;
    padding-left: 10px;
}
.search-container {
  margin: 0 auto;
  margin-bottom: 18px;
}
.search-input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #eee;
  border-radius: 4px;
  font-size: 14px;
}
/* 结果列表整体样式 */
.result-list {
  list-style: none;
  padding: 0;
  /* width: 90%; */
  margin: 0 auto;
  max-height: 300px;

  overflow-y: auto;
}
/* 滚动条整体部分 */
.result-list::-webkit-scrollbar {
    width: 4px; /* 滚动条的宽度 */
}
 
/* 滚动条轨道 */
.result-list::-webkit-scrollbar-track {
    background: unset; /* 轨道颜色 */
}
 
/* 滚动条滑块 */
.result-list::-webkit-scrollbar-thumb {
    background: #ADADAD; /* 滑块颜色 */
    border-radius: 10px; /* 滑块圆角 */
}
 
/* 列表项样式 */
.result-list > .list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 10px;
  border: 1px solid #eee;
  border-radius: 4px;

  background: #FFFFFF;
  box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
  border-radius: 10px 10px 10px 10px;
}

.result-list > .list-item + .list-item{
  margin-top: 18px;
}
/* 激活状态（示例第一个高亮效果），可根据实际交互逻辑动态添加/移除 */
.list-item.active {
  
  box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
  border-radius: 10px 10px 10px 10px;

}
/* 左侧信息组样式 */
.item-info {
  display: flex;
  align-items: center;
}
.item-icon {
  width: 115px;
  height: 65px;
  border-radius: 10px;
}
.item-icon img{
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.text-group {
  display: flex;
  flex-direction: column;

  margin-left: 19px;
}
.item-title {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 16px;
  color: #000000;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-bottom: 14px;
}
.item-distance {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 12px;
  color: #888888;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
/* 按钮样式 */
.iconBtns{
  display: flex;
}
.iconBtns button {
  border: none;
  padding: 7px 10px 7px 11px;
  cursor: pointer;
  border: 1px solid #ED6C46;
  background: #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 12px;
  color: #ED6C46;
  font-style: normal;
  text-transform: none;
  display: flex;
  align-items: flex-end;
}
.iconBtns button .icon{
  width: 13px;
  height: 13px;
  margin-right: 5px;
}
.detail-btn {
  margin-right: 10px;
}

/* 景点 */
.bot_Sehbox .result-list.scenic .list-item button{
  border-color: #ED6C46;
  color: #ED6C46;
}

.bot_Sehbox .result-list.scenic .list-item button:hover {
  background-color: #ED6C46;
  border-color: #ED6C46;
  color: #ffffff;
}

.bot_Sehbox .result-list.scenic .list-item button .icon path {
  fill: #ED6C46;
}

.bot_Sehbox .result-list.scenic .list-item button:hover svg path {
  fill: #ffffff;
}







.bot_Sehbox .result-list.scenic .list-item:hover{
  border: 1px solid #ED6C46;
}
.bot_Sehbox .result-list.hbcz .list-item:hover{
  border: 1px solid #69D4B9;
}
.bot_Sehbox .result-list.mt .list-item:hover{
  border: 1px solid #3F70E5;
}
.bot_Sehbox .result-list.sd .list-item:hover{
  border: 1px solid #ED6C46;
}
.bot_Sehbox .result-list.xys .list-item:hover{
  border: 1px solid #F4B749;
}
.bot_Sehbox .result-list.xxs .list-item:hover{
  border: 1px solid #3F70E5;
}
.bot_Sehbox .result-list.yws .list-item:hover{
  border: 1px solid #E50012;
}

.bot_Sehbox .result-list.scenic .list-item.active{
  background: linear-gradient( 180deg, #FFF4F0 0%, #FFFFFF 100%);
  /* box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
  border-radius: 10px 10px 10px 10px; */
  border: 1px solid #ED6C46;

}

.leaflet-tooltip.scenic.active{
  background-color: #ED6C46 !important;  
  color: #ffffff;
}
.leaflet-tooltip.hbcz.active{
  background-color: #69D4B9 !important;  
  color: #ffffff;
}
.leaflet-tooltip.mt.active{
  background-color: #3F70E5 !important;  
  color: #ffffff;
}
.leaflet-tooltip.sd.active{
  background-color: #ED6C46 !important;  
  color: #ffffff;
}
.leaflet-tooltip.xys.active{
  background-color: #F4B749 !important;  
  color: #ffffff;
}
.leaflet-tooltip.xxs.active{
  background-color: #3F70E5 !important;  
  color: #ffffff;
}
.leaflet-tooltip.yws.active{
  background-color: #E50012 !important;  
  color: #ffffff;
}


.bot_Sehbox .result-list.foot .list-item button{  /* .icon  */  
  color: #F3B749;
  border-color: #F3B749;
}

.bot_Sehbox .result-list.foot .list-item button:hover {
  background-color: #F3B749;
  border-color: #F3B749;
  color: #ffffff;
}

.bot_Sehbox .result-list.foot .list-item button .icon path {
  fill: #F3B749;
}

.bot_Sehbox .result-list.foot .list-item button:hover svg path {
  fill: #ffffff;
}
.bot_Sehbox .result-list.foot .list-item:hover{
  border: 1px solid #F3B749;
}
.bot_Sehbox .result-list.foot .list-item.active{
background: linear-gradient( 180deg, #FFF7EB 0%, #FFFFFF 100%);
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
border-radius: 10px 10px 10px 10px;
border: 1px solid #F4B749;
}
.leaflet-tooltip.foot.active{
  background-color: #F3B749 !important;
  color: #ffffff;
}
/* 卫生间 */
.bot_Sehbox .result-list.toilet .list-item button  {
  color: #ED6C46;
  border-color: #ED6C46;
}

.bot_Sehbox .result-list.toilet .list-item button:hover {
  background-color: #ED6C46;
  border-color: #ED6C46;
  color: #ffffff;
}

.bot_Sehbox .result-list.toilet .list-item button .icon path {
  fill: #ED6C46;
}

.bot_Sehbox .result-list.toilet .list-item button:hover svg path {
  fill: #ffffff;
}
.bot_Sehbox .result-list.toilet .list-item:hover{
  border: 1px solid #ED6C46;
}
.bot_Sehbox .result-list.toilet .list-item.active{
 background: linear-gradient( 180deg, #FFE8E2 0%, #FFFFFF 100%);
 border: 1px solid #ED6C46;
}
.leaflet-tooltip.toilet.active{
  background-color: #ED6C46 !important;
  color: #ffffff;
}
/* 电瓶车乘车点 */
.bot_Sehbox .result-list.riding .list-item button  {
  color: #3F70E5;
  border-color: #3F70E5;
}

.bot_Sehbox .result-list.riding .list-item button:hover {
  background-color: #3F70E5;
  border-color: #3F70E5;
  color: #ffffff;
}

.bot_Sehbox .result-list.riding .list-item button .icon path {
  fill: #3F70E5;
}

.bot_Sehbox .result-list.riding .list-item button:hover svg path {
  fill: #ffffff;
}
.bot_Sehbox .result-list.riding .list-item:hover{
  border: 1px solid #3F70E5;
}
.bot_Sehbox .result-list.riding .list-item.active{
 background: linear-gradient( 180deg, #EBF1FF 0%, #FFFFFF 100%);
 border: 1px solid #3F70E5;
}


.leaflet-tooltip.riding.active{
  background-color: #3F70E5 !important;
  color: #ffffff;
}


/* 停车场 */
.bot_Sehbox .result-list.parking .list-item button {
  color: #69D4B9;
  border: 1px solid #69D4B9;
}

.bot_Sehbox .result-list.parking .list-item button:hover {
  background-color: #69D4B9;
  border-color: #69D4B9;
  color: #ffffff;
}

.bot_Sehbox .result-list.parking .list-item button .icon path {
  fill: #69D4B9;
}

.bot_Sehbox .result-list.parking .list-item button:hover svg path {
  fill: #ffffff;
}
.bot_Sehbox .result-list.parking .list-item:hover{
  border: 1px solid #69D4B9;
}
.bot_Sehbox .result-list.parking .list-item.active{
  background: linear-gradient( 180deg, #F4FFFC 0%, #FFFFFF 100%);
  border: 1px solid #69D4B9;
}
.leaflet-tooltip.parking.active{
  background-color: #69D4B9 !important;
  color: #ffffff;
}
/* 游客服务 */
.bot_Sehbox .result-list.visitor .list-item button {
  color: #ED6C46;
  border-color: #ED6C46;
}

.bot_Sehbox .result-list.visitor .list-item button:hover {
  background-color: #FF0000;
  border-color: #FF0000;
  color: #ffffff;
}

.bot_Sehbox .result-list.visitor .list-item button .icon path {
  fill: #ED6C46;
}

.bot_Sehbox .result-list.visitor .list-item button:hover svg path {
  fill: #ffffff;
}
.bot_Sehbox .result-list.visitor .list-item:hover{
  border: 1px solid #ED6C46;
}
.bot_Sehbox .result-list.visitor .list-item.active{
  background: linear-gradient( 180deg, #FFE8E2 0%, #FFFFFF 100%);
  border: 1px solid #ED6C46;
}
.leaflet-tooltip.visitor.active{
  background-color: #ED6C46 !important;
  color: #ffffff;
}

.bot_Sehbox .result-list.hbcz .list-item.active{
  background: linear-gradient( 180deg, #F4FFFC 0%, #FFFFFF 100%);
  border: 1px solid #69D4B9;
}
.bot_Sehbox .result-list.hbcz .list-item button .icon path {
  fill: #69D4B9;
}

.bot_Sehbox .result-list.hbcz .list-item button:hover svg path {
  fill: #ffffff;
}
.bot_Sehbox .result-list.hbcz .list-item button{
  border-color: #69D4B9;
  color: #69D4B9;
}

.bot_Sehbox .result-list.hbcz .list-item button:hover {
  background-color: #69D4B9;
  border-color: #69D4B9;
  color: #ffffff;
}



.bot_Sehbox .result-list.mt .list-item.active{
  background: linear-gradient( 180deg, #EBF1FF 0%, #FFFFFF 100%);
  box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #3F70E5;
}
.bot_Sehbox .result-list.mt .list-item button .icon path {
  fill: #3F70E5;
}

.bot_Sehbox .result-list.mt .list-item button:hover svg path {
  fill: #ffffff;
}
.bot_Sehbox .result-list.mt .list-item button{
  border-color: #3F70E5;
  color: #3F70E5;
}

.bot_Sehbox .result-list.mt .list-item button:hover {
  background-color: #3F70E5;
  border-color: #3F70E5;
  color: #ffffff;
}

.bot_Sehbox .result-list.sd .list-item.active{
  background: linear-gradient( 180deg, #FFE8E2 0%, #FFFFFF 100%);
  box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #ED6C46;
}
.bot_Sehbox .result-list.sd .list-item button .icon path {
  fill: #ED6C46;
}

.bot_Sehbox .result-list.sd .list-item button:hover svg path {
  fill: #ffffff;
}
.bot_Sehbox .result-list.sd .list-item button{
  border-color: #ED6C46;
  color: #ED6C46;
}

.bot_Sehbox .result-list.sd .list-item button:hover {
  background-color: #ED6C46;
  border-color: #ED6C46;
  color: #ffffff;
}

.bot_Sehbox .result-list.xys .list-item.active{
  background: linear-gradient( 180deg, #FFF7EB 0%, #FFFFFF 100%);
  box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #F4B749;
}
.bot_Sehbox .result-list.xys .list-item button .icon path {
  fill: #F4B749;
}

.bot_Sehbox .result-list.xys .list-item button:hover svg path {
  fill: #ffffff;
}
.bot_Sehbox .result-list.xys .list-item button{
  border-color: #F4B749;
  color: #F4B749;
}

.bot_Sehbox .result-list.xys .list-item button:hover {
  background-color: #F4B749;
  border-color: #F4B749;
  color: #ffffff;
}

.bot_Sehbox .result-list.xxs .list-item.active{
  background: linear-gradient( 180deg, #EBF1FF 0%, #FFFFFF 100%);
  box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #3F70E5;
}
.bot_Sehbox .result-list.xxs .list-item button .icon path {
  fill: #3F70E5;
}

.bot_Sehbox .result-list.xxs .list-item button:hover svg path {
  fill: #ffffff;
}
.bot_Sehbox .result-list.xxs .list-item button{
  border-color: #3F70E5;
  color: #3F70E5;
}

.bot_Sehbox .result-list.xxs .list-item button:hover {
  background-color: #3F70E5;
  border-color: #3F70E5;
  color: #ffffff;
}

.bot_Sehbox .result-list.yws .list-item.active{
  background: linear-gradient( 180deg, #FFF7F7 0%, #FFFFFF 100%);
  box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #E50012;
}
.bot_Sehbox .result-list.yws .list-item button .icon path {
  fill: #E50012;
}

.bot_Sehbox .result-list.yws .list-item button:hover svg path {
  fill: #ffffff;
}
.bot_Sehbox .result-list.yws .list-item button{
  border-color: #E50012;
  color: #E50012;
}

.bot_Sehbox .result-list.yws .list-item button:hover {
  background-color: #E50012;
  border-color: #E50012;
  color: #ffffff;
}



#c_static_001-1744872251753 .e_video-5 .nodata_icon{
  width: 100%;
  height: 100%;
  background-color: #eeeeee;

  display: flex;
  justify-content: center;
  align-items: center;
}
#c_static_001-1744872251753 .e_video-5 .nodata_icon .icon{
  width: 80px;
  height: 80px;

  

}
#c_static_001-1744872251753 .e_video-5 .nodata_icon .nodata_tit{
  display: flex;
  flex-direction: column;
  align-items: center;
}
#c_static_001-1744872251753 .e_video-5 .nodata_icon p{
  font-size: 18px;
}


/* 淡入淡出的效果 */
@keyframes fadeInUp1 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeOutDown1 {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(20px);
  }
}

.fade-in-up { /* 淡入的效果 */
  animation: fadeInUp1 0.8s ease forwards;
  display: block;
}

.fade-out-down { /* 淡出的效果 */
  animation: fadeOutDown1 0.8s ease forwards;
  display: block;
}
@media screen and (max-width: 430px){
  .iconBtns{
    flex-direction: column;
  }
  .detail-btn{
    margin-right: 0;
    margin-bottom: 5px;
  }
  .text-group{
    margin-left: 10px;
    /* max-width: 105px; */
  }
  .f-btns > button{
    margin-left: 5%;
  }
}
@media screen and (max-width: 390px){

}