.detail1 {

  // 描述向右对齐
  .ant-form-vertical .ant-form-item-label,
  .ant-col-24.ant-form-item-label,
  .ant-col-xl-24.ant-form-item-label {
    text-align: right;
  }

  .detail-left::-webkit-scrollbar {
    display: none
  }

  .ant-card-bordered {
    border-bottom: none;
  }

  // 明细列表
  .detail-list {
    &:hover {
      cursor: pointer;
    }
  }

  .clickRowStyle {
    background-color: #bfe6f8 !important;
  }

  .animate-wrap {
    display: none; // 默认不显示

    &.active {
      display: block; // active状态显示
    }
  }

  // 进入动画
  .down-in {
    animation: downIn 0.3s both;
  }

  @keyframes downIn {
    from {
      transform: translateX(-100%);
      opacity: 0;
    }

    to {
      transform: translateX(0);
      opacity: 1;
    }
  }

  // 离开动画
  .down-out {
    animation: downOut 0.3s both;
  }

  @keyframes downOut {
    from {
      transform: translateX(0);
      opacity: 1;
    }

    to {
      transform: translateX(-100%);
      opacity: 0;
    }
  }

  // .animate-wrap{
  //     display: none; // 默认不显示
  //     &.active{
  //         display: block; // active状态显示
  //     }
  // }

}