.flex_center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_body .map_path {
  background-color: #31332e;
  height: 32px;
  position: sticky;
  top: 0px;
  z-index: 1000;
}
.main_body .map_path > .margin_block {
  width: calc(100vw + 10px);
  margin: 0px auto;
  display: flex;
  align-items: center;
  background-color: #31332e;
  color: rgba(255, 255, 255, 0.87);
  height: 32px;
  top: 100px;
  left: 0px;
  z-index: 10000;
  width: 100%;
}
.main_body .map_path .home {
  height: 100%;
  width: 80px;
  border-right: 1px solid rgba(0, 0, 0, 0.34);
  border-left: 1px solid rgba(0, 0, 0, 0.34);
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_body .map_path .home a {
  color: #ffffff;
}
.main_body .map_path .home a svg {
  margin-top: 5px;
}
.main_body .map_path .home a svg * {
  fill: #ffffff;
}
.main_body .map_path .home:hover {
  color: #ffe699;
}
.main_body .map_path .home:hover * {
  fill: #ffe699;
}
.main_body .map_path .path_block {
  padding-left: 24px;
  height: 100%;
  display: flex;
  align-items: center;
}
.main_body .map_path .path_block .index {
  color: rgba(255, 255, 255, 0.6);
}
.main_body .map_path .path_block .icon {
  padding: 0px 8px;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 8px;
}
.main_body .map_path .path_block .icon * {
  fill: rgba(255, 255, 255, 0.6);
}
.main_body .map_path a {
  padding: 0 8px;
  color: rgba(255, 255, 255, 0.87);
}
.main_body .map_path a:hover {
  color: #ffe699;
}
@media screen and (max-width: 767px) {
  .main_body .map_path {
    display: none;
  }
}