.ol-mouse-position-KMap{
  color:#66b166;
  position: absolute;
  font-weight: 500;
  bottom:8px;
  right:8px;
}
/*鹰眼控件展开时的控件外边框*/
.myOverview:not(.ol-collapsed){
  border:1px solid black;
}
/*鹰眼控件地图容器边框样式*/
.myOverview .ol-overviewmap-map{
  border:none;
  width:200px;
  height: 100px;
}
/*鹰眼控件中显示当前窗口区域的边框样式*/
.myOverview .ol-overviewmap-box{
  border:2px solid red;
}
 /*鹰眼控件展开时其控件按钮图标的样式*/
.myOverview:not(.ol-collapsed) button{
  bottom:auto;
  left:auto;
  right:1px;
  top:1px;
}
.ol-overviewmap{
  left: auto !important;
  right:0.5em;
  bottom: 0.5em;
}
/*2D视图中添加自定义视图旋转控制器的样式*/
.brightmap2d-rotate-control-custom {
  position: absolute;
  bottom: 90px;
  right: 9px;
  width: 52px;
  height: 54px;
  background: url(./rotate.png) 0% 0% / 266px no-repeat;
}

.center2d-button-custom {
  position: absolute;
  outline: none;
  border: none;
  background: url(./rotate.png) -56px -4px / 266px no-repeat;
  cursor: pointer;
  left: 19px;
  top: 4px;
  width: 14px;
  height: 44px;
  transform: rotate(0deg);
}

.right2d-button-custom {
  position: absolute;
  outline: none;
  border: none;
  background: url(./rotate.png) -75px -5px / 266px no-repeat;
  right: 2px;
  top: 5px;
  width: 15px;
  height: 42px;
  transform: scaleX(-1);
}

.left2d-button-custom {
  position: absolute;
  outline: none;
  border: none;
  background: url(./rotate.png) -75px -5px / 266px no-repeat;
  left: 2px;
  top: 5px;
  width: 15px;
  height: 42px;
}

.left2d-button-custom:hover {
  cursor: pointer;
  background: url(./rotate.png) -89px -5px / 266px no-repeat;
}

.right2d-button-custom:hover {
  cursor: pointer;
  background: url(./rotate.png) -89px -5px / 266px no-repeat;
}