.mars3d-camera-content {
    /* 防止下面的line一直随img动画 */
    height: 30px;
  }


.mars3d-image-border {
  border: 3px solid #5b8fee
}
.mars3d-image-hover:hover {
  border: 3px solid #5b8fee
}
.highlighted-image {
  transform: scale(1.1);
  transform-origin: center;
  border: 3px solid #5b8fee;
  width: 24px;
  height: 24px;
}

.mars3d-camera-hover:hover {
  transform: scale(1.1);
}

.mars3d-camera-hover:hover:after {
  position: absolute;
  bottom: -20px;
  left: 25px;
  content: attr(title);
  color: #0a6aff;
  font-size: 14px;
  width: 80px;
  white-space: nowrap; /* 阻止文字换行 */
}


.mars3d-camera-img-1 {
  width: 24px;
  height: 24px;
}
  .mars3d-camera-img {
    border-radius: 6px;
    width: 34px;
    height: 34px;
    animation: cameraMove 1s linear infinite alternate;
    -webkit-animation: cameraMove 1s linear infinite alternate;
  }
  @keyframes cameraMove {
    from {
      margin-top: 20px;
    }
    to {
      margin-top: 0px;
    }
  }
  @-webkit-keyframes cameraMove {
    from {
      margin-top: 20px;
    }
    to {
      margin-top: 0px;
    }
  }
  .mars3d-camera-line {
    height: 150px;
    width: 5px;
    margin-top: 20px;
    border-left: 3px dashed #5b8fee;
    margin-left: calc(50% - 1px);
  }
  .mars3d-camera-point {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-left: calc(50% - 3px);
    background-color: #5b8fee;
  }

.mars3d-camera-close-line {
  height: 150px;
  width: 5px;
  margin-top: 0;
  border-left: 2px dashed #f0eeee;
  margin-left: 25px;
}
.mars3d-camera-close-point {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-left: 22px;
  background-color: #f0eeee;
}