.branch-wapper,
.dept-number-set {
  height: 100%;
  display: flex;
  flex-direction: column;

  .branch-content,
  .dept-content {
    flex: 1;
    overflow: hidden auto;

    .switch-wrapper {
      width: 100%;
      padding: 20px 20% 40px 30%;
    }

    .numberComposition .ant-table-thead {
      background: #f7fbfe;
    }

    .codeNumbering {
      .codeNumbering-operateWapper {
        display: flex;
        align-items: center;

        .wea-select {
          width: inherit !important;
          margin-left: 8px;
        }

        .wea-helpful-tip {
          margin-left: 8px;
          margin-top: 3px;
        }
      }
    }

    .numberComposition {
      .preview {
        margin-top: 20px;
        padding-left: 5%;
        overflow-x: auto;
        width: 100%;
        white-space: nowrap;
        display: flex;
        align-items: center;

        .content {
          vertical-align: middle;
          margin-left: 30px;
          white-space: nowrap;

          .item {
            display: inline-block;
            text-align: center;

            &>div {
              border: 1px solid #0070c0;
              margin-left: -1px;
              min-width: 100px;
              max-width: 200px;
              line-height: 30px;
              height: 30px;
              white-space: nowrap;
              overflow: hidden;
              -o-text-overflow: ellipsis;
              text-overflow: ellipsis;
              color: #0070c0;
            }

            &>div:last-child {
              margin-top: -1px;
              color: #c63;
            }
          }
        }
      }
    }

    .startReservedNumberSet {
      .icon-coms-Flow-setting {
        font-size: 16px;
        cursor: pointer;
        line-height: 30px;
      }
    }
  }
}