.map-trajectory-tools {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  background: rgba(255,255,255,0.9);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  height: 30px;
  padding:0 10px;
  display: flex;
  align-items: center;
  > div {
    &.tool-item {
      line-height: 30px;
      height: 100%;
      padding:0 10px;
      cursor: pointer;
      user-select: none;
      font-size: var(--fs-small);;
      &.next-btn {
        margin-left: 12px;
      }
      i {
        position: relative;
        top:1px;
        padding-right:4px;
        color: #8899bb;
        font-size: 16px;
      }
      &:hover {
        i {
          color: #ffaa00;
        }
      }
      .ant-switch {
        height: 16px;
        width: 28px;
        margin: -3px 4px 0 0;
        min-width: auto;
        // background-color: #ccc;
        &::after {
          width: 14px;
          height: 14px;
          top: 0px;
        }
      }
    }
  }
  .speed{
    div{
      margin-right: 5px;
    }
  }
}

.animationLine-popup-layout-content{
  width: 81px;
  img{
    width: 100%;
  }
}