html,
body {
  margin: 0;
  height: 100%;
  /* overflow: hidden; */
}
/* 地图显示区域样式 */
#map-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
h1 {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  line-height: 40px;
  margin: 0;
}
/* 浏览器不兼容webGL 时的提示 */
.noWebGL {
  position: fixed;
  font-family: 'Microsoft YaHei';
  top: 50%;
  color: rgba(212, 43, 43, 1);
  margin-top: -60px;
  padding-left: 40%;
  background-color: rgba(178, 226, 240, 1);
  width: 100%;
  height: 120px;
  font-weight: 100;
}
.btn-floor-vertical .btn:focus {
  outline: none;
}

/* 下拉框样式 */
.dropdown {
  position: absolute;
  top: 60px;
  left: 2%;
}

/* 视角按钮组 */
.viewmode-floor {
  position: absolute;
  top: 240px;
  left: 2%;
}

.modal-dialog.bottom {
  position: absolute;
  bottom: 50px;
  left: 0px;
  right: 0px;
  margin: auto;
}

/* 弹出提示框样式 */
#prompt {
  position: absolute;
  bottom: 10px;
  left: 20px;
  font-family: Consolas, monospace;
}

/* 适配手机浏览器样式 */
@media screen and (min-width: 768px) {
  .viewmode-floor .btn,
  .btn-floor-vertical .layer-list > label.btn {
    height: 49px;
    line-height: 31px;
  }
  .layer-list {
    width: 51px;
  }
  #top,
  #down {
    height: 28px;
    line-height: 14px;
  }
  #top > i {
    font-size: 16px;
  }
  #down > i {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
  .btn > i {
    font-size: 18px;
  }
  .floor-theme {
    top: 288px;
  }
  .floor-zoom {
    top: 342px;
  }
  .viewmode-floor .btn,
  .btn-floor-vertical .layer-list > label.btn {
    height: 39px;
    line-height: 29px;
  }
  .layer-list {
    width: 40px;
  }
  #top,
  #down {
    height: 18px;
    padding: 0;
  }
  #top > i {
    font-size: 14px;
  }
  #down > i {
    font-size: 14px;
  }
}