html,
body {
  width: 100vw;
  height: 100vh;
  margin: 0;
  font-family: Bitter, 'Lantinghei SC', 'Microsoft YaHei', sans-serif;
}

.map-container {
  width: 100vw;
  height: 100vh;
}

.footer-bar {
  width: 80vw;
  height: 80px;
  position: fixed;
  left: 10vw;
  bottom: 50px;
  z-index: 1;
}

.el-tag+.el-tag {
  margin-left: 10px;
}

.button-new-tag {
  margin-left: 10px;
  height: 32px;
  line-height: 30px;
  padding-top: 0;
  padding-bottom: 0;
}

.input-new-tag {
  width: 110px;
  margin-left: 10px;
  vertical-align: bottom;
}

.operation {
  display: flex;
  margin-top: 10px;
}

.map-style-container {
  width: 350px;
  height: 32px;
  position: fixed;
  left: 8vw;
  top: 20px;
  z-index: 1;
  display: flex;
}

.position-wrap {
  display: flex;
  margin-left: 10px;
  max-width: calc(80vw - 134px - 110px - 10px);
  overflow-x: auto;
}

.tags {
  display: flex;
  width: 100%;
}

::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}

.el-message-box {
  max-width: 420px;
  width: 100vw;
}