
.MonthlyMagazine {
  .centerSelectLeft {

    line-height: 39px;
  }

  .centerSelectCenter  {
    padding-left: 12px;
    line-height: 39px;
  }
  .centerSelectRight {
    line-height: 39px;
  }

  .queryTime {
    #StartDate {
      width: 100%;
    }

    #EndData {
      width: 100%;
    }
  }

  .ant-card {
    .ant-card-body {
      padding-bottom: 0px;
    }
  }

  .ant-row {
    .ant-table-content {
      .ant-table-thead {
        tr {
          th {
            text-align: center;
          }
        }
      }
    }
  }

  //溢出换行
  .ant-table-wrapper {
    .ant-table-body {
      .ant-table-tbody {
        tr {
          .intrNo {
            word-wrap: break-word;
            word-break: break-all;
            overflow: hidden;
          }
        }
      }
    }
  }
  .loc{
    .ant-select-enabled{width: 100%;}
  }
  .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;
    }
  }
}
.monthPopup{
  .ant-select-enabled{width: 95%;}
  .ant-calendar-picker{width: 95%;}
}