.inPurPlan{
  .ant-card-body{
    .InPurPlan-detail-left{
      .ant-row{
        .ant-col{text-align: right;}
      }
    }

  }

  .react-resizable {
    position: relative !important;
    background-clip: padding-box !important;
  }
  
.react-resizable-handle {
    position: absolute !important;
    width: 10px !important;
    height: 100% !important;
    bottom: 0 !important;
    right: -5px !important;
    cursor: col-resize !important;
    z-index: 1 !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;
    }
  }
}
.PurchaseOrderReiew{
  #StartDate{width: 100%;}
  #EndData{width: 100%;}
  .button{
    button{
      min-width: 90px;
    }
  }
}
.RequestConsume  {
  .ant-modal-body{padding: 0;}
  .ant-modal-close{
    top: -4px;
  }
  .ant-card-head{
    padding: 5px 12px;
  }
  .ant-card-body{
    padding: 20px;
  }
}
.RequestBound {
  .ant-modal-body{padding: 0;}
  .ant-modal-close{
    top: -4px;
  }
  .ant-card-head{
    padding: 5px 12px;
  }
  .ant-card-body{
    padding: 20px;
  }
}
.RequestForm{
  .ant-modal-body{padding: 0;}
  .ant-modal-close{
    top: -4px;
  }
  .ant-card-head{
    padding: 5px 12px;
  }
  .ant-card-body{
    padding: 20px;
  }
}