.lm-card-info{
    color:var(--color);
    white-space: normal;
    .title{
      padding: 4px;
      font-size: var(--fs-small);;
      color:var(--color-light);
    }
    .anticon{
      color:var(--icon);
      margin:0 4px;
      font-size: 16px;
      vertical-align: text-top;
    }
    p{
      padding-left: 24px;
      color:var(--color);
      margin:0;
    }
    &:nth-of-type(1){
      color:var(--primary);
    }
    .lm-card-info-lable{
      width: 56px;
      display:inline-block
    }
    .ellipsis-place{
      position: absolute;
      left: 10px;
      bottom: 1px;
      overflow: hidden;
      text-overflow : ellipsis;
      white-space: nowrap;
      width: 100%;
      height: 17px;
      line-height: 17px;
      color: var(--primary) ;
      background:rgba(30,203,206,0.10);
    }
  }
  .ellipsis {
    padding-bottom: 2px;
    display: inline-block;
    width: calc(~"100% - 20px");
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .lm-card-popover{
    font-size: 16px;
    color: var(--icon);
    position: relative;
    .ant-popover-content {
      .ant-popover-inner {
        height: 24px;
        div {
          .ant-popover-inner-content {
            padding: 2px 12px;
            font-size: var(--fs-small);;
          }
        }
      }
    }
  }
  /*icon-value-不换行*/
  .lm-card-icon-value{
    color:var(--color);
    display: flex;
    .anticon{
      color:var(--icon);
      margin-right: 4px;
      font-size: 16px;
      vertical-align: top;
    }
    .value {
      flex: 1 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  /*告警卡片底部有效、无效按钮*/
  .alarm-card-handle-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: var(--card-content-bg);
    transition: all 0.3s ease-in;
    transform: translateY(100%);
    opacity: 0;
    .handle{
      width: 70px;
      height: 28px;
      border-radius: 3px;
      text-align: center;
      font-size: var(--fs-small);
      line-height: 24px;
      cursor: pointer;
      .anticon{
        position: relative;
        top: 2px;
        font-size: 16px;
        margin-right: 4px;
      }
      &.handle-no{
        color: var(--primary);
        border: 2px solid var(--primary);
        .anticon{
          color: var(--primary)
        }
      }
      &.handle-yes{
        color: #ffaa00;;
        border: 2px solid #ffaa00;;
        .anticon{
          color: #ffaa00;;
        }
      }
      &:hover {
        color: var(--card-content-bg);;
        .anticon{
          color: var(--card-content-bg);
        }
        &.handle-no{
          background: var(--primary);
        }
        &.handle-yes{
          background: #ffaa00;;
        }
      }
    }
    .handle-no {
      margin-left: 10px;
    }
  }
  /*告警卡片的有效、无效水印*/
  .alam-effect-rotate{
    position: absolute;
    bottom: -18px;
    right: -20px;
    width: 84px;
    height: 84px;
    transform: rotate(-30deg);
    &.alarm-rotate-yes{
      background: url('/micro-apps/micro-dep-librarys/images/alarm/Big_Yes1.svg') no-repeat
    }
    &.alarm-rotate-no{
      background: url('/micro-apps/micro-dep-librarys/images/alarm/Big_No1.svg') no-repeat
    }
  }

  //车辆布防告警违规，不违规水印
  .alam-vechile-rotate{
    position: absolute;
    bottom: -18px;
    right: -20px;
    width: 84px;
    height: 84px;
    transform: rotate(-30deg);
  &.alarm-rotate-yes{
    background: url('/micro-apps/micro-dep-librarys/images/alarm/Violation1.svg')no-repeat;
  }
  &.alarm-rotate-no{
    background: url('/micro-apps/micro-dep-librarys/images/alarm/NotViolation1.svg')no-repeat;
  }
  }
