.box {
  background-size: 100% 100%;
  width: 142px;
  height: 117px;
  background-repeat: no-repeat;
  /* background-color: red; */
  user-select: none;
  pointer-events: none
}


.blue{
  color:blue
}

.red{
  color:red
}


.back-red{
  background: red;
}


.back-blue{
  background: rgba(0,122,255,0.7);
}


.border-red{
  border-color: #ff0000;
}

.border-blue{
  border-color: blue;
}


.base {
  user-select: none;
  pointer-events: none;
}

.base > .box-title {
  height: 36px;
    background-size: 100% 100%;
    background-image: url(/images/仿真可视化/标题2.png);
    top: -6px;
    left: 2px;
    padding: 14px 14px 0px 19px
}

.box-title {
  /* pointer-events: none; */
  font-size: 12px;
  color: #ffffff;
  white-space: nowrap;
  letter-spacing: 0;
  font-weight: 1000;
  /* text-shadow: 0 0 4px #ffffff, 0 0 4px #ffffff, 0 0 4px #ffffff,
    0 0 4px #ffffff, 0 0 4px #ffffff, 0 0 4px #ffffff, 0 0 4px #ffffff; */
  position: absolute;
}

.base > .name1 {
  /* margin: 0 auto; */
  font-size: 12px;
  color: #ffffff;
  white-space: nowrap;
  letter-spacing: 0;
  font-weight: 1000;
  top: 24px;
  left: 22px;
  position: absolute;
  background: -webkit-linear-gradient(
    rgba(255, 255, 255, 1),
    rgba(216, 216, 216, 0)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.base > .flag {
  top: 44px;
  left: -21px;
  height: 53px;
  position: absolute;
  width: 53px;
}

.building {
  user-select: none;
 pointer-events: none;
}

.building > .box-title {
  padding: 6px 12px 6px 12px;
  background-image: url(/images/仿真可视化/标题4.png);
  /* transform: translateX(0%); */
  background-size: cover;
  color: white;
}

.building > .flag {
  transform: translateX(53px) translateY(42px);
  height: 53px;
  width: 53px;
}

.back-image-dimianzhan {
  background-image: url(/images/仿真可视化/1-1.png);
}


.dd{
  user-select: none;
  pointer-events: none;

}


.dd >.content {
  font-size: 12px;
  color: #ffffff;
  white-space: nowrap;
  position: absolute;
  left: 30px;
  bottom: 30px;
  border-width: 1px;
  padding: 3px 10px;
  border-radius: 2px;
  border-style:solid
}

.dd >.line{
  width: 2px;
  height: 39px;
  transform: rotateZ(45deg);
  position: absolute;
  left: 16px;
  bottom: -3px;
}

.air-plane{
  user-select: none;
  pointer-events: none;
}

.air-plane>.content{
    padding: 3px 10px;
    font-size: 12px;
    text-align: left;
    position: absolute;
    text-wrap: nowrap;
    left: 30px;
    bottom: 30px;
    background-color: white;
    min-width: 80px;
    border-radius: 2px;
    border-style:solid;
    border-width: 2px;
}

.air-plane>.line{
  width: 2px;
    height: 39px;
    transform: rotateZ(45deg);
    position: absolute;
    left: 16px;
    bottom: -3px;
}