yonui-ys/lib/theme/table.less

yonui ys

.listTable .listTableTag {
  padding: 2px 5px;
  margin: 5px 10px;
  border-radius: 2px;
  display: inline-block;
  line-height: 18px;
}

.btn-list-setting {
  text-align: right;
  margin-top: 12px;
  overflow: hidden
}

.btn-list-setting button {
  margin-right: 10px;
}

.filter-btn-fixed {
  height: auto!important;
  overflow: hidden!important;
}

.filter-txt {
  overflow: auto;
  max-height: 220px;
  overflow-x: hidden;
}

.meta-table {
  .editCol{
    .edit-input-number .ant-select-selection {
        margin-top: 2px;
    }
    //编辑态启用按钮的居中
    .edit-input-number.contorl-switch{
        position: relative;
        height: 100%;
        .u-switch-span{
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }
    }
  } 
}

/*报表 add by 金子涵*/
.rpt-zhekou {
  margin: 0px 20px 20px 20px;
  border: #eeeeee solid 1px;
  background: #f8faff;
  min-height: 78px;
  padding: 2px 0px;
}

.rpt-zhekou-list {
  height: 48px;
  box-sizing: border-box;
  border-right: #eeeeee solid 1px;
  margin-top: 10px;
  margin-bottom: 10px;

  .zhekou-name h3 {
    font-size: 14px;
    color: #9CA5B3;
    line-height: 26px;
    margin-left: 12px;
    margin-right: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    // eslint-disable-next-line
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    /*! autoprefixer: on */
  }

  .zhekou-number h4 {
    font-size: 20px;
    color: #494E60;
    line-height: 26px;
    margin-left: 12px;
    margin-top: 2px;
    margin-right: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    // eslint-disable-next-line
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    /*! autoprefixer: on */
  }

  .rpt-zhekou-padding {
    padding-left: 80px;
  }

  .rpt-zhekou-center {
    text-align: center;
  }
}

.rpt-zhekou-list:last-child {
  border-right: none;
}

.rpt-table {
  .ant-table-body {
    overflow-x: hidden !important;
  }

  .ant-table-footer {
    overflow-x: auto;
    border-radius: 0px;
  }

  ;

  .ant-table.ant-table-bordered .ant-table-footer {
    border: none;
    background: #fcf5e6;
    padding: 0px 0px;
    height: 45px;
    overflow-y: hidden;
    font-weight: bold;
    color: #ff8416;
    line-height: 42px;
  }

  .ant-table.ant-table-bordered .ant-table-footer div>div:first-child {
    color: #666;
    padding: 0px 8px 0px 20px !important;
  }
}

.rpttable-padding-header {
  .ant-table-header {
    padding-right: 8px;
  }
}

;

.rpt-table .ant-table-header .ant-table-thead>tr>th {
  border-bottom: 1px solid #dbe0e5 !important;
}

.eChart-nodata {
  color: #999;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 40px;
  svg{
    width: 70px;
    height: 70px;
    margin: 0 auto;
    display: block;
  }
}

.react_for_echarts {
  margin: 0px 13px 0px 15px;
}

#eChartId_chart1 .react_for_echarts>div {
  height: 320px !important;
}

.icon-plus-copy {
  font-size: 14px;
  color: #fff;
  margin-right: 3px;
}

/*销售排名里面的表格*/
.rpt-table {
  width: auto !important;
}

/*数据中心*/
.rpt-table {
  .ant-table-fixed-header>.ant-table-content>.ant-table-scroll>.ant-table-body {
    overflow-y: auto !important;
  }

  .ant-spin-nested-loading .ant-table-fixed-header .ant-table-scroll .ant-table-header {
    overflow: hidden;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
  }

  .ant-table-bordered .ant-table-tbody>tr>td {
    border-right: 1px solid #dbe0e5;
    border-bottom: 1px solid #dbe0e5;
    padding: 0px 8px;
    height: 40px;
  }

  .ant-table-bordered .ant-table-tbody>tr>td:last-child {
    border-right: none;
  }

  .ant-table-bordered .ant-table-tbody>tr>td:first-child span {
    margin-left: 12px;
  }

  .ant-table-bordered .ant-table-header>table {
    border-left: 0;
    border-top: 1px solid #505766;
    border-radius: 0px;
  }

  .ant-table-bordered .ant-table-body>table {
    border-left: 0;
  }

  .ant-table-header {
    .ant-table-thead>tr>th {
      background: #f7f9fd;
      color: #333;
      height: 40px;
      padding: 0px 8px;
    }

    .ant-table-thead>tr>th:first-child span {
      margin-left: 12px;
    }
  }

  .ant-table-body .ant-table-bordered .ant-table-thead>tr>th:last-child {
    border-right: none;
  }

}

.rpt-table-team-select {
  width: 220px;
  height: auto;
  float: left;

  .label-control {
    width: 69px !important;
    text-align: left;
    float: left;
    padding-right: 12px;
  }

  .control-width {
    width: 150px !important;
    float: left;
  }
}

.ant-table-column-sorter-down.on .anticon-caret-down,
.ant-table-column-sorter-down.on .anticon-caret-up,
.ant-table-column-sorter-up.on .anticon-caret-down,
.ant-table-column-sorter-up.on .anticon-caret-up {
  color: #333 !important;
  height: 5px;
}

.ant-table-column-sorter .anticon-caret-down,
.ant-table-column-sorter .anticon-caret-up {
  color: #ccc;
  height: 5px;
  line-height: 5px;
}

.ant-table-column-sorter {
  height: 12px !important;
}

/*报表--分组方案右移*/
.container-browse-mode{
  .listheadRow .yon-row {
    .rpt-toolbar {
      min-width: 70px;
      float: right;

      .btn-toolbar-bottom {
        padding-right: 0px !important;
        margin: 0!important;
        .s-popover-inner-span{
            display: block;
            height: 28px;
        }
      }

      .btn-toolbar-bottom .col-auto {
        .ant-btn {
          cursor: pointer !important;
        }

        .ant-btn:hover {
          border-color: #505766 !important;
        }

        .ant-btn .icon {
          width: 15px;
          height: 15px;
          margin-right: 5px;
          float: left;
        }

        .ant-btn span {
          line-height: 14px;
        }
      }
      .u-button-primary[disabled]{
        background: linear-gradient(90deg, #f79191, #fda497);
        color: #fff;
      }
    }

    .rpt-select {
      min-width: 300px;
      width: auto;
      float: right;
      padding: 0 1px;

      .control-width .ant-select {
        width: 150px !important;
      }

      .label-control {
        height: 30px;
        line-height: 30px;
      }

      .ant-select-selection {
        height: 31px;

        .ant-select-selection__rendered {
          line-height: 30px;
        }
      }
    }

    .ant-btn {
      height: 32px;
    }
  }

  .ant-tag-checkable {
    margin: 0px 16px 0px 0px;
    color: #333;
  }
}

/*U8C调价单列表显示显示一列问题*/
.container-browse-mode.container-greater-height .listheadRow .yon-row .rpt-toolbar {
  min-width: 70px;
  float: right;
}

/*新增-带下拉*/
.ant-dropdown-menu {
  padding: 8px 0px !important;

  .ant-dropdown-menu-item {
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    color: #333;
  }

  .ant-dropdown-menu-item:first-child {
    border-radius: 0px;
  }

  .ant-dropdown-menu-item:hover {
    background-color: #f3f5f9;
  }

  .ant-dropdown-menu-item-selected {
    background-color: #fff7e7;
    color: #333;
  }
}

/*联查零售单-下拉*/
.ant-dropdown {
  .ant-dropdown-menu {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
  }
}

/*新增-智能补货弹窗*/
.modal-IntelligenceDemand {
  width: 880px!important;
  .u-modal-body {
    margin: 0px 0px 0px 20px;
    height: 390px;
    overflow-y: auto;
    h3 {
      font-size: 14px;
      line-height: 28px !important;
      height: 28px !important;
    }

    h4 {
      font-size: 12px;
      line-height: 20px !important;
    }

    .h3-margin {
      margin-top: 4px;
    }

    .ant-input-number {
      margin: 0px 8px;
      width: 60px !important;
    }

    .ant-calendar-picker {
      margin: 0px 8px 0px 8px;
      display: inline-block;
      width: 100px !important;
    }

    .ant-time-color {
      color: #b0b0b0;
    }
  }

  p{
    padding-left: 22px;
    line-height: 26px;
    margin-top: 26px;
  }
  .ant-modal-footer {
    padding: 15px 30px;
  }
}

/*分组条件*/
.Grouping-condition-left {
  margin-right: 12px;
}

.Grouping-condition {
  height: @base-input-height;

  .Grouping-condition-input {
    width: 236px;
    height: @base-input-height;
    border: #d9d9d9 solid 1px;
    border-radius: 4px;
    padding: 0px 6px;
    position: relative;

    span.Grouping-condition-span {
      display: block;
      width: 228px;
      height: @base-input-height;
      line-height: 26px;
      padding-right: 45px;
      .ellipsis();
    }
  }

  .yonicon-up {
    right: 10px;
    top: 6px;
    position: absolute;
    color: rgba(0, 0, 0, .45);
    cursor: pointer;
    font-size: 13px;
    -webkit-transform: scale(.75) rotate(0deg);
    transform: scale(.75) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  }

  .yonicon-down {
    right: 10px;
    top: 7px;
    position: absolute;
    color: rgba(0, 0, 0, .45);
    cursor: pointer;
    font-size: 13px;
    -webkit-transform: scale(.75) rotate(0deg);
    transform: scale(.75) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  }

  .yonicon-close-circle {
    position: absolute;
    right: 26px;
    top: 9px;
    color: rgba(0, 0, 0, .25);
  }

  .yonicon-close-circle:hover {
    color: rgba(0, 0, 0, .43);
  }
}


/*交叉分组*/
.crossGroupingModal {
  width: 750px !important;
  height: 600px !important;
  .u-modal-body {
    color: #666;
    padding: 16px 20px 0px 20px;
    height: 548px;
    .u-checkbox .u-checkbox-label:after, .u-checkbox .u-checkbox-label:before{
      top: 1px;
    }
    .yon-row {
      margin-bottom: 10px !important;
    }

    .yon-row.crossaddnamemargin {
      line-height: 16px !important;
      margin-bottom: 6px !important;
    }

    .eChart-global {
      margin-top: 4px;
      float: left;

      .Charts-columns {
        margin-left: 30px;
        margin-right: 8px;
      }

      .Charts-columns-input .ant-input {
        width: 100px !important;
      }

      .Charts-columns-input {
        .ant-input {
          width: 50px !important;
        }
      }

      .Charts-columns-input-hint {
        margin-left: 5px;
        color: #999;

        span {
          color: #ee2223;
        }
      }
    }

    .eChart-global2 {
      margin-left: 16px;
      border: #d9d9d9 solid 1px;
      min-height: 28px;
      border-radius: 4px;
      padding-bottom: 2px;
      padding-right: 6px;
      width: 588px;
      overflow: hidden;
      float: left;

      .eChart-SubChartTag {
        margin: 4px 0 2px 6px;
        background-color: #f7f9fd;
        border: 1px solid #dbe0e5;
        padding: 0 3px 0 5px;
        border-radius: 3px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        max-width: calc(100% - 10px);
        overflow: hidden;
        line-height: 16px;
        float: left;
        cursor: pointer;

        .eChart-SubChartTag-Icon {
          margin-left: 3px;

          .anticon-guanbi1::before {
            font-size: 12px;
            transform: scale(.83333333) rotate(0deg);
          }
        }

        .eChart-SubChartTag-Icon:hover {
          .anticon-guanbi1::before {
            color: #ee2223;
          }
        }
      }

      .eChart-SubChartTag:hover {
        color: rgba(0, 0, 0, .65);
      }
    }

    .eChart-global2:hover {
      border-color: #505766;
    }

    .eChart-displayTitle,
    .eChart-ApplyAt {
      color: #2a2a2a;
      display: block;
      float: left;
      margin-top: 5px;
      text-align: right;
      width: 62px !important;

      .anticon {
        color: #ff0018;
        margin-right: 4px;
        transform: scale(.75);
        transform-origin: 0 center;
        margin-bottom: 4px;
        width: 10px;
        margin-top: 3px;
        font-size: 12px;
      }
    }
    .eChart-ApplyAt {
      margin-top: 2px;
    }
    .eChart_DisplayType,
    .eChart-ApplyAtPc {
      margin-left: 16px;
    }

    .eChart-ApplyAtMobile {
      margin-left: 15px;
    }

    .eChart-ApplyAtPc,
    .eChart-ApplyAtMobile {
      .ant-checkbox-wrapper {
        margin-top: 4px;
      }
    }

    .eChart_Setting {
      margin-left: 16px;

      .ant-btn:focus {
        border-color: #ccc;
      }
    }

    .yon-row.crosstype {
      width: 100%;
      margin-bottom: 10px;
      color: #666;

      .crosstypeName {
        width: 62px !important;
        display: block;
        float: left;
        text-align: right;
        color: #2A2A2A;

        .anticon {
          color: red;
          margin-right: 4px;
          transform: scale(.75);
          transform-origin: 0 center;
          margin-bottom: 4px;
          width: 10px;
          margin-top: 3px;
          font-size: 12px;
        }
      }

      .crossinput {
        width: 270px !important;
        float: left;
      }

      .crosstypeNameList {
        margin-left: 16px;

      }

      .ant-input {
        width: 268px;
        height: 28px;
      }

      .crosstypeline {
        line-height: 28px;
      }

      .crosscheckbox {
        margin-left: 12px;

        .ant-checkbox-wrapper {
          line-height: 28px;

          .ant-checkbox+span {
            padding-left: 5px;
          }
        }
      }
    }

    .selecteddata {
      width: 270px !important;
      .selectattention{
        color: #999;
      }
    }

    .crossselectborder {
      border: #D9D9D9 solid 1px;
      border-radius: 4px;
      width: 268px;
      height: 317px;
      .search-tree-2{
        .u-select-disabled.u-select .u-select-selection{
          .u-select-search-field-wrap .u-select-search-field{
            cursor: not-allowed;
          }
        }
        .u-button-icon{
          height: 20px;
          left: 210px!important;
          top: 10px!important;
          background: transparent;
        }
        .u-button-icon[disabled]{
          background: transparent!important;
        }
      }
    }

    .crossselectborder2 {
      height: 388px;

      .crossadddatalist {
        height: 336px!important;
      }
    }

    .anticon-shurukuangshanchu::before {
      content: "\e690";
    }

    .anticon-shurukuangshanchu {
      font-size: 16px;
      margin-right: 5px;
      color: #D3D8DE;
      position: relative;
      top: 1px;
    }

    .anticon-shurukuangshanchu:hover,
    .anticon-shurukuangshanchu:active {
      color: #ADB4BC;
      cursor: pointer;

    }

    .crossselectrightborder {
      border: #D9D9D9 solid 1px;
      border-radius: 4px;
      width: 248px;
      height: 405px;
      overflow-y: auto;
    }

    .crossadddatalist {
      width: 100%;
      height: 264px;
      overflow-y: auto;

      .yon-row {
        margin-bottom: 0px !important;
        height: 26px;
        line-height: 22px;
      }

      .ant-checkbox-wrapper {
        line-height: 26px;
      }

      .yon-row {
        .ant-checkbox-wrapper {
          padding-left: 15px;
          width: 100%;
        }
      }

      .yon-row:hover {
        background: #f3f5f9;
      }
    }

    .crossselecteddata {
      width: 100%;
      height: 319px;
      margin: 15px 0px;
      overflow-y: auto;

      .yon-row {
        .ant-checkbox-wrapper {
          padding-left: 15px;
          width: 100%;
        }
      }

      .ant-checkbox-wrapper {
        line-height: 29px;
      }

      .yon-row:hover {
        background: #f3f5f9;
      }
    }

    .ant-input-search {
      width: 240px;
      margin: 12px 13px 5px 13px;
    }

    .crossaddnamemargin {
      margin-bottom: 6px;
    }

    .crossbtncount {
      width: 50px !important;

      .ant-btn {
        width: 30px;
        height: 40px;
        margin: 0px 9px;
        border: none;
      }

      .ant-btn:hover {
        border: none;
      }
    }

    .crossbtncount+.selecteddata{
      ul li{
        height: 32px;
        padding-left: 10px;
        line-height: 30px;
        font-size: 12px;
        color: #333;
        position: relative;
        padding-right: 40px;
        display: block;
        cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        .yonicon-tuodong{
          margin-right: 5px;
          font-size: 13px;
          color: #ccc;
        }
        .yonicon-biaogeshanchu{
          position: absolute;
          right: 12px;
          top: 10px;
          font-size: 14px;
          color: #505766;
          display: none;
          &:hover{
          color: #ee2233;
          }
        }
        &:hover{
          background: #f3f5f9;
          .yonicon-biaogeshanchu{
            display: block;
          }
          .yonicon-tuodong{
            color: #333;
          }
        }
    }

    }

    .crossbtncount.dimension {
      .ant-btn.icon-right-enabled {
        margin-top: 162px;
      }
    }

    .ant-btn::before {
      background: transparent;
      opacity: 1;
    }

    .ant-btn.icon-left-disabled,
    .ant-btn.icon-left-enabled {
      background: #EDF1F7;
      margin-top: 20px;
    }

    .ant-btn.icon-left-enabled:hover {
      background: #E3E7EF;
    }

    .ant-btn.icon-left-disabled:before,
    .ant-btn.icon-left-enabled::before {
      content: "\e6a4";
      font-size: 16px;
      display: block;
      font-family: anticon !important;
      color: #ccc;
      line-height: 40px;
      text-align: center;
    }

    .ant-btn.icon-left-disabled::before {
      color: #ADB4BC;
    }

    .ant-btn.icon-left-enabled::before {
      color: #505766;
    }

    .ant-btn.icon-left-disabled:hover::before {
      color: #ADB4BC;
    }

    .ant-btn.icon-left-enabled:hover::before {
      color: #505766;
    }

    .ant-btn.icon-right-disabled,
    .ant-btn.icon-right-enabled {
      background: #EDF1F7;
      margin-top: 148px;
    }

    .ant-btn.icon-right-enabled:hover {
      background: #E7E9F0;
    }

    .ant-btn.icon-right-disabled:before,
    .ant-btn.icon-right-enabled::before {
      content: "\e6a5";
      font-size: 16px;
      display: block;
      font-family: anticon !important;
      color: #666;
      line-height: 40px;
      text-align: center;
    }

    .ant-btn.icon-right-disabled::before {
      color: #ADB4BC;
    }

    .ant-btn.icon-right-enabled::before {
      color: #505766;
    }

    .ant-btn.icon-right-disabled:hover::before {
      color: #ADB4BC;
    }

    .ant-btn.icon-right-enabled:hover::before {
      color: #505766;
    }

    .groupCondition-SelectedItem {
      width: 268px;
      height: 317px !important;
      border: #D9D9D9 solid 1px;
      border-radius: 4px;
      overflow: hidden;

      .groupCondition-SelectedItem-Row {
        width: 100%;
        height: 119px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
      }

      .groupCondition-SelectedItemNum_4 {
        height: 96px;

        .titlename-list {
          height: 65px;

          .yon-row {
            margin-bottom: 0px !important;
          }
        }
      }

      .groupCondition-SelectedItem-zhibiao {
        .anticon {
          float: right;
          margin-right: 10px;
          margin-top: 9px;
        }
      }

      .groupCondition-SelectedItem-Row2 {
        width: 100%;
        height: 158px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
      }

      .titlemore {
        width: 266px;
        height: 30px;
        background: #F3F5F9;
        line-height: 28px;
        border-bottom: #DBE0E5 solid 1px;
        border-top: #DBE0E5 solid 1px;
        cursor: pointer;
        .groupCondition-HideAllZeroRow{
          .u-checkbox .u-checkbox-label{
            padding-right: 24px;
            display: block;
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
            max-width: 170px;
            padding-left: 0;
          }
          .u-checkbox .u-checkbox-label:before,
          .u-checkbox .u-checkbox-label:after{
            left: auto;
            right: 0px;
            top: 0px;
          }
        }
      }

      .groupCondition-SelectedItem-Selected {
        background: #E3E7EF;
      }

      .groupCondition-HideAllZeroRow {
        width: 180px!important;
        float: right!important;
        height: 28px;
        display: block!important;
        line-height: 25px;
        margin-left: 0px!important;
        .ant-checkbox-wrapper {
          display: inline;

          span {
            margin-left: 0px !important;
          }
        }
      }

      .titlemore-none {
        border-top: none;
      }

      .titlename-list,
      .titlename-list3 {
        height: 88px;
        overflow-y: auto;
        margin-top: 0px;

        .ant-checkbox-wrapper {
          line-height: 29px;
        }

        .yon-row {
          margin-bottom: 0px !important;
          height: 26px;
          line-height: 22px;
          position: relative;
          .ant-checkbox-wrapper {
            line-height: 26px;
          }

          .ant-checkbox-wrapper {
            padding-left: 15px;
            width: 100%;
            width: auto;
            float: left;
          }

          .ant-checkbox-wrapper+div {
            float: right;
            margin-top: 5px;
            margin-right: 10px;
          }
        }

        .yon-row:hover {
          background: #f3f5f9;
        }
      }

      .titlename-list3 {
        height: 120px;
        width: 100%;

        .yon-row {
          label {
            width: auto !important;
          }

          >div {
            float: right;
            margin-right: 10px;
            margin-top: 5px;
          }
        }

        .columnDeinfe_Memo-count {
          float: left;
          color: #a3a3a4;
          margin-right: 12px;
          display: flex;
        }

        .columnDeinfe_Memo {
          display: block;
          color: #a3a3a4;
        }

        .groupCondition-ColumnDefine-Design {
          float: right;
          span:hover{
            color: #588ce9;
          }
        }
      }


    }

    .groupCondition-SelectedItem2 {
      height: 388px !important;
    }
  }

}

.crossdefault-btn {
  height: 18px;
  border: #EE2223 solid 1px !important;
  border-radius: 4px;
  color: #EE2223;
  font-size: 10px;
  line-height: 16px;
  text-align: center;
  vertical-align: text-bottom;
  padding: 0px 2px !important;
  background: rgba(238, 34, 35, 0.05);
  margin-left: 0;
  display: inline-block;
  transform: scale(.85);

  span {
    text-align: center;
    color: #EE2223;
    font-size: 10px;
  }
}

.groupCondition-MouseEnter1,
.groupCondition-MouseEnter,
.groupCondition-MouseEnter2,
.groupCondition-MouseEnter3 {
  color: #666;
  position: absolute;
  right: 8px;
  background: #f3f5f9;

  span {
    cursor: pointer;
    margin-right: 5px;
  }

  span:hover {
    color: #588CE9;
  }

  span:first-child {
    margin-left: 5px;
  }
}

.group-add-grouping-count {
  max-height: 318px;
  position: relative;
  padding-bottom: 30px;

  .yon-row {
    display: flex;
    align-items: center;
    position: relative;
    &:hover {
      background: #f3f5f9;
    }
  }

  .scheme-List-content {
    .yon-row {
      display: flex;
      position: relative!important;
    }
  }

  .groupCondition-Checked {
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin-left: 2px;
    color: #ee2233;

    .ant-checkbox {
      margin-top: 9px;
    }

    .yonicon {
      color: #EE2223;
      font-weight: bold;
    }
  }

  .groupCondition-Checked+span {
    max-width: 152px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;

  }
}

.group-add-grouping-count.group-add-grouping-count-noauth {
  .group-add-grouping {
    display: none;
  }
}

.group-add-grouping {
  width: 100%;
  height: 38px;
  position: absolute;
  bottom: -8px;
  left: 0px;
  background: #EDF1F7;
  line-height: 38px;

  div {
    margin-left: 8px;
    cursor: pointer;
    color: #588CE9;

    svg:not(:root) {
      margin-right: 4px;
    }
  }

  div:hover {
    color: #EE2223;
  }

  .icon {
    width: 16px;
    height: 16px;
    vertical-align: sub;
  }
}

.col-float.selecteddata {
  .groupCondition-Selected {
    .columnDeinfe_Memo {
      max-width: 100px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .columnDeinfe_Memo-count {
      float: left;
      color: #a3a3a4;
      display: flex;
      margin-right: 12px;
    }

    .groupCondition-ColumnDefine-Design {
      float: right;
    }

    .columnDeinfe_Memo {
      color: #a3a3a4;
      display: block;
    }
  }
}

/* 新增分组 */
.groupCondition-ColumnDefine {
  .group-add-grouping-count {
    height: auto;
    padding: 0 0 0 12px;
    overflow: hidden;
    .footer-btn {
      margin-top: 8px;
      padding-right: 12px;
    }
    >div>div {
      >div {
        >span {
          display: block;
          height: 22px;
        }
      }
    }

    .footer-btn {
      .ant-btn {
        margin-right: 12px;
      }
    }
  }

  >div:last-child {
    button {
      margin:0 4px;
    }
  }

}

.container-browse-mode .listheadRow {
  .rpt-select {
    .ant-input {
      height: 31px;
    }
  }

  .ant-input-group-addon {
    border: none;
    background: #fff;
  }

  .groupCondition .ant-input {
    width: 233px;
    padding-right: 26px;
    border-color: #D9D9D9;
    border-radius: 4px !important;
  }

  .ant-input-group-addon:last-child {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 24px;
    height: 28px;
    z-index: 999;

    .anticon-down,
    .anticon-up {
      vertical-align: -webkit-baseline-middle;

      .anticon-down:before {
        color: #999;
      }
    }
  }
}

.uretail-billdesign-body {
  margin-top: 15px;

  .uretail-bill-list {
    h3 {
      margin-bottom: 10px;
    }
  }
}

.uretail-billdesign-body .billdesign-card .billdesign-card-title {
  margin-bottom: 10px !important;
}

/*多表头样式 add by jinzh1*/
.rptTable {
  &.readOnlyTable .fixedDataTableRowLayout_main {
    overflow: hidden!important;
  }
  .table-group-header {
    .group-row {
      border-bottom: 1px solid #d3d3d3!important;

      .group-col {
        float: left;
        width: 100%;
        text-align: center;
        line-height: 30px;
        border-right: 1px solid #d3d3d3;
      }
    }

    .group-row:last-child,
    .group-col:last-child {
      border: none;
    }
  }
  .readOnlyTable .fixedDataTableCellLayout_main {
    border-right: 1px solid #d3d3d3;
  }
  // .fixedDataTableRowLayout_rowWrapper .public_fixedDataTableRow_even .public_fixedDataTableCell_main[role="columnheader"] {
  //   .headerName {
  //     height: 66px!important;
  //   }
  // }
  
  .fixedDataTableRowLayout_rowWrapper::nth-of-type(2) {
    .public_fixedDataTable_header {
      .fixedDataTableRowLayout_main {
        border-bottom: 1px solid #d9d9d9;
      }
    }
  }
  &.listTable{
    .fixedDataTableCellLayout_main{
       border-right: 1px solid #d3d3d3;
    }
  }
}

.OperationHeaderName {
  position: fixed;
  width: 4px;
  background: #f9f6fd;
  right: -1px;
  top: 0;
}

.rptTable.sn_querysnflowdirection_report_Table,
.rptTable.sn_querysnstate_report_Table {
  .public_fixedDataTableCell_main[role="columnheader"] {
    .headerName {
      height: 30px !important;
    }
  }
}

#container .design-canvas .design-canvas-body .meta-dynamic-view.design-border .rptTable [uitype] {
  border: none;
  border-top: 1px solid #d9d9d9;
}

/*盘点复核-打印模板*/
.meta-print-button {
  .col-float {
    width: auto !important;
    padding-left: 8px;

    .ant-btn {
      height: 30px;
    }

    .ant-select-selection {
      height: 30px;
    }
  }

  .ant-select-selection {
    min-width: 60px;
  }
  &+.u-button {
    margin-left: 8px;
  }
}

/*分组条件-设置*/
.ant-popover.ant-popover-placement-bottom {
  .group-add-grouping-count {

    .groupCondition-MouseEnter,
    .groupCondition-MouseEnter1,
    .groupCondition-MouseEnter2,
    .groupCondition-MouseEnter3 {
      padding-left: 4px;
    }
  }
}

/*盘点-表格*/
.st_storecheckplanhead {
  .meta-table.listTable {
    .fixedDataTableCellGroupLayout_cellGroupWrapper .fixedDataTableCellGroupLayout_cellGroup .fixedDataTableCellLayout_main:first-child .headerName {
      padding-left: 10px;
    }
  }
}

/*表报-销售分析-发布方案*/
.publishMenu {
  width: 300px !important;

  .publishMenu_count {
    padding: 10px 12px 10px 12px;

    span {
      line-height: 32px;
      color: #333333;
      display: block;
    }

    .ant-input {
      width: 276px;
    }

    .pc-mobile-show {
      height: 30px;

      .publishMenu_Pc,
      .publishMenu_Mobile {
        width: 100%;
        display: flex;

        .ant-checkbox {
          top: 10px;
        }

      }
    }

    .pc-mobile-show-margin {
      margin-top: 5px;
    }
  }

  .footer-btn {
    padding: 10px 0px 0px 0px;
    overflow: hidden;

    .u-button {
      padding: 5px 12px;
      height: 26px;
      float: right;
    }

    .u-button-primary {
      margin-right: 12px;
    }

    .u-button-default,
    .u-button-border {
      margin-right: 10px;
    }
  }
}

/*表报-销售分析-汇总设置*/
.sumareasetting_list {
  width: 400px;
  .tooltip-inner{
    padding-top: 0px!important;
    padding-bottom: 5px!important;
  }
  .sumarea_list_caption {
    height: 38px;
    border-bottom: #eeeeee solid 1px;
    line-height: 38px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .u-checkbox-focused{
      .u-checkbox-label:before{
        border: 1px solid #d9d9d9!important;
      }
    }
    .u-checkbox {
      .u-checkbox-label{
        padding-left: 22px;
      }
      .u-checkbox-label:before,
      .u-checkbox-label:after
      {
        top: 1px;
      }
    }
    .sumareaset-left {
      margin-left: 20px;
      font-size: 14px;
      color: #666;
    }

    .ant-checkbox-wrapper {
      float: right;
      margin-right: 4px!important;
      font-size: 12px;
      width: 90px;
      .sumarea_list_items{
        min-height: 128px;
        max-height: 206px;
        overflow-y: scroll;
        padding: 5px 0 0;
      }
      .ant-checkbox {
        margin-top: 14px;
      }
    }
  }

  .sumarea_list_items {
    min-height: 128px;
    max-height: 256px;
    overflow-y: auto;
  }

  .sumarea_list_item {
    position: relative;
    height: 32px;
    overflow: hidden;
    .yonicon-tuodong{
      position: absolute;
      left: 10px;
      top: 11px;
      cursor: pointer;
      &:hover{
        &::before{
          color: #505766;
        }
      }
    }
    .sumarea_list_item_1 {
      width: 210px;
      float: left;
      margin-left: 27px;
      .u-checkbox-primary {
        float: left;
        height: 32px;
        line-height: 32px;
        display: flex;
        margin-right: 0;
      }
      .u-checkbox-label{
        height: 32px;
        line-height: 32px;
        max-width: 116px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        &::before,
        &::after {
          margin-top: 9.5px;
        }
      }
      .sumarea_showcaption_all{
        line-height: 32px;
      }
    }

    .summary_select_all {
        float: left;
        margin-left: 10px;
        line-height: 32px;
        height: 22px;
        width: 30px;
  
        .u-button {
          border: none;
          padding: 0!important;
          color: #588ce9;
          font-size: 12px;
          background: transparent;
          position: absolute;
          right: 82px;
          width: 12%;
          text-align: right;
          span{
              color: #588CE9;
              display: block;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              max-width: 67px;
              float: left;
              width: 100%;
              text-align: right;
              padding-right: 12px;
          }
        }
  
        .arrow_direction{
          color: #588CE9;
          margin-left: 38px;
          -webkit-transform: scale(.75) rotate(0deg);
          transform: scale(.75) rotate(0deg);
          -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
          cursor: pointer;
          margin-top: -1px;
          font-size: 6px;
          font-family: anticon;
          font-style: normal;
          position: absolute;
          left: 13px;
          top: 11px;
        }
  
  
      }

    .sumarea_list_updown {
      position: absolute;
      right: 2px;
      top: 0px;

      .ant-btn {
        background: transparent;
      }
    }

    .sumarea_showcaption_all {
      float: right;
      color: #a3a3a4;

      span {
        float: left;
      }

      .sumarea_showcaption_2 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100px;
        display: block;
        cursor: pointer;
      }
    }
    &:hover{
      .yonicon-tuodong::before{
        color: #505766;
      }
    }
  }

  .sumarea_list_item:hover {
    background: #f3f5f9;
  }

  .sumarea_list_item:first-child {
    .ant-btn-icon-only {
      .anticon-arrow-up:before {
        color: #adb4bc !important;
      }

      .anticon-arrow-down::before {
        color: #505766 !important;
      }
    }

    .ant-btn-icon-only:hover {
      .anticon-arrow-up::before {
        color: #adb4bc;
      }

      .anticon-arrow-down:before {
        color: #ee2223;
      }
    }

  }

  .sumarea_list_item:last-child {
    .ant-btn-icon-only {
      .anticon-arrow-up::before {
        color: #505766;
      }

      .anticon-arrow-down::before {
        color: #adb4bc;
      }
    }

    .ant-btn-icon-only:hover {
      .anticon-arrow-up::before {
        color: #ee2223;
      }

      .anticon-arrow-down:before {
        color: #adb4bc;
      }
    }
  }

  .ant-popover-inner-content {
    padding: 0px 0px 12px 0px;
  }

  .footer-btn {
    width: 100%;
    overflow: hidden;
    padding-top: 5px;
    border-top: 1px solid #eeeeee;
    .u-button-primary {
      margin-right: 12px;
      padding: 5px 12px;
      height: 26px;
      float: right;
      font-size: 12px;
    }

    .u-button-default {
      margin-right: 10px;
      padding: 5px 12px;
      height: 26px;
      float: right;
      font-size: 12px;
    }

    .up-search {
      background: #505766;
      color: #fff;
      &:hover{
        color: #fff!important;
      }
    }

    .sumarea_list_8 {
      float: left;
      font-size: 12px;
      margin-left: 12px;
      line-height: 26px;
      color: rgba(0,0,0,.65);
      .sumarea_list_8_2 {
        color: #ee2223;
      }
    }
  }
}

.sumareasetting_card {
  width: 460px;
  .u-popover-content {
    padding: 7px 0 5px 12px;
  }

  .sumareasetting_disname {
    span {
      display: block;
      line-height: 32px;
    }

    .u-form-control {
      width: 214px;
      height: 30px;
    }
  }

  .tooltip-inner {
    overflow: hidden;
    .u-radio-group{
      line-height: 32px;
    }
  }

  .footer-btn {
    height: 40px;

    .u-button {
      padding: 5px 12px;
      height: 26px;
      margin-top: 14px;
      float: right;
    }

    .u-button-primary {
      margin-right: 12px;
    }

    .u-button-default,
    .up-search.u-button-primary
    {
      margin-right: 8px;
    }

    .up-search{
      background: #505766;
      color: #fff;
      line-height: initial;
    }
  }
}

/*排名表*/
.echarts.echarts_type_ranktable {
  .react_for_echarts {
    margin: 0 20px 0 20px;

    .ant-pagination {
      float: right;
    }
  }
}

/*交货*/
.billing-unsubscribe-modal-wrap {
  .billing-member-record-date {
    width: 250px !important;

    .ant-calendar-picker {
      padding-right: 0px !important;
    }
  }
}

/*开单-表格赠品标签-促销标签*/
.billing-warp {
  .fixedDataTableCellLayout_wrap3.public_fixedDataTableCell_wrap3 {
    .public_fixedDataTableCell_cellContent {
      .specs-promotion {
        font-size: 14px;
        color: #ee2223;
        border: 1px solid #ee2223;
        display: inline-block;
        line-height: 18px;
        border-radius: 2px;
        padding: 0 4px;
        margin-right: 6px;
        margin-top: 1px;
      }
    }
  }

  .billing-expend-col,
  .cell-text {
    .svg-info {
      .icon {
        width: 24px;
        height: 24px;
        vertical-align: -7px;
        margin-left: 4px;
      }
    }
  }
}

/*触屏开单-表格赠品标签-促销标签*/
.billing-warp.billing-touch-wrap {
  .fixedDataTableCellLayout_wrap3.public_fixedDataTableCell_wrap3 {
    .public_fixedDataTableCell_cellContent {
      .specs-promotion {
        margin-top: 3px;
      }
    }
  }

  .billing-expend-col,
  .cell-text {
    .svg-info {
      .icon {
        width: 24px;
        height: 24px;
        vertical-align: -7px;
        margin-left: 4px;
      }
    }
  }
}


/* 列表第一列距离 */
.fixedDataTableCellGroupLayout_cellGroupWrapper {
  .fixedDataTableCellGroupLayout_cellGroup {
    .fixedDataTableCellLayout_main:first-child {
      .headerName.line-number {
        padding-left: 0;
        height: @base-input-height + 2; // fix: 核算目的
        line-height: @base-input-height + 2;
      }

      .retail-table-cell {
        .public_fixedDataTableCell_wrap3 {
          
          .public_fixedDataTableCell_disabled.textCol {
            margin-left: 0 !important
          }

          .editCol {
            text-align: left;
            padding: 12px 10px;
          }
        }
      }
    }
    .textCol {
      .no-avatar-man {//TINPER-2676
        width: 28px;
        height: 28px;
        background: url(images/icon-person.png);
        background-size: 100%;
        margin-top: 3px;
        margin-left: 10px;
        &.cell-avatar-logo {
          background: url(images/Default-picture.png);
          background-size: 100%;
        }
      }
    }
  }
}

.tree-table-more-action-menu {
  .u-dropdown-menu {
    margin-top: -4px ;
  }
}

// 表格默认图片
.product-list-item-img {
  background-image: url(./images/Default-picture.png);
  background-position: center;
}

/*表格规格*/
.product-spec {
  color: #999;
}

/*销售分析-报表多行显示问题*/
.ant-tabs-editable-card {
  .container-browse-mode.container-less-height {
    .echarts.echarts_type_scatter {
      .react_for_echarts {
        width: auto !important;
      }
    }

    .echarts.echarts_type_bar {
      .react_for_echarts {
        width: auto !important;
      }
    }
  }
}

/*多级维度导航*/
.RptTableContainer_Row1 {
  .RptTableContainer_Row2 {
    display: flex;

    .RptTableContainer_Col21 {
      width: 240px !important;

      .ant-input-search {
        margin-left: 20px;
        margin-top: 0px;
        position: relative;
        width: 200px;
        padding-right: 0;
      }

      .ant-tree {
        padding: 0 20px;
        margin-right: 1px;
      }

      .ant-tree li ul {
        margin: 0;
        padding: 0 0 0 18px;
      }
    }

    .RptTableContainer_Col22 {
      width: calc(~"100% - 241px") !important;
      vertical-align: top;
    }
  }
}
.st_standingbook, .po_osm_material_send_receive_detail{
  .RptTableContainer_Row1 .RptTableContainer_Row2 .RptTableContainer_Col21 {
    border-right: 1px solid #d9d9d9;
    .u-form-control-affix-wrapper {
      width: 200px;
    }
  }
  .rpt-select2 {
    margin-bottom: 10px;
  }
}
.st_materialoutlist {
  .voucher-list .view-container>.group-container {
    padding-top: 0;
    >.group-container {
      padding-top: 0;
    }
  }
}

.pu_pursettlefee {
  .list-top-toolbar {
    padding-bottom: 0;
    margin-bottom: -15px;
  }
}
/*新增维度导航方案*/
.addDimension {
  .u-modal-body {
    .groupCondition-SelectedItem {
      height: 100%;
    }

    .selecteddata {
      .groupCondition-SelectedItem {
        .crossArea {
          height: 315px;
          overflow-x: auto;
        }

        .crossArea .fr {
          height: 315px;
          border: none;
          min-width: 266px;
          overflow-y: hidden;
          width: auto;

          .crossArea-list-content {
            padding-top: 15px;
            padding-right: 30px;
          }
        }
      }
    }
  }
}

/*金额手机号右对齐*/
.yxy_table_head_align_right {
  width: calc(~'100% - 10px') !important;
  text-align: right;
  justify-content: flex-end;
  .textCol {
    text-align: right;
    padding-left: 0!important;
  }
}

/*零售单卡片详情 行居中问题*/
.URL {
  padding: 4px 10px;
  display: block;
}

// ====================start====================
// UPC-Web 工程，适配 tinper-bee 组件，后续阶段逐渐删除 antd 的样式
.u-tabs-content .listheadRow {
  margin: 0px 16px;
  padding-top: 16px;
}

/*多级维度导航*/
.RptTableContainer_Row1 {
  .RptTableContainer_Row2 {
    display: flex;

    .RptTableContainer_Col21 {

      .u-form-control-affix-wrapper {
        margin-left: 20px;
        margin-top: 0px;
        position: relative;
        width: 320px;
        padding-right: 0;
      }

      .u-tree {
        padding: 0 20px;
        margin-right: 1px;
      }

      .u-tree li ul {
        margin: 0;
        padding: 0 0 0 18px;
      }
    }

    .RptTableContainer_Col22 {
      vertical-align: top;
    }
  }
}

.eChartSetting_Modal {
  width: 750px !important;
  height: 644px;

  .u-modal-header {
    height: 40px;
    line-height: 40px;

    .u-modal-title {
      line-height: 12px;
    }
  }

  .u-modal-body {
    padding: 0px !important;

    .u-checkbox .u-checkbox-label,
    .u-radio .u-radio-label {
      padding-left: 20px;
      margin-right: 8px;
    }

    .eChartSetting_Panel {
      height: 560px;

      .eChartSetting_Left {
        width: 130px !important;
        height: 560px;
        border-right: #ccc solid 1px;
        box-sizing: border-box;

        .eChartSetting_ChartType {
          height: 40px;
          font-size: 12px;
          color: #333;
          line-height: 40px;
          border-left: #fff solid 3px;

          .icon {
            width: 20px;
            height: 20px;
            float: left;
            margin: 10px 10px 10px 15px;
          }
          div{
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
        }

        .eChartSetting_ChartType:hover,
        .eChartSetting_ChartType_Selected:hover {
          color: #EE2223;
        }

        .eChartSetting_ChartType_Selected {
          height: 40px;
          font-size: 12px;
          color: #ee2233;
          line-height: 40px;
          border-left: #505766 solid 3px;
          background: #F3F5F9;

          .icon {
            width: 20px;
            height: 20px;
            float: left;
            margin: 10px 10px 10px 15px;
          }
        }
      }

      .eChartSetting_Right {
        width: 620px !important;
        height: 560px;
        overflow-y: auto;

        .eChartSetting_Content:first-child {
          margin-top: 20px;
        }

        .eChartSetting_Content {
          margin-bottom: 15px;

        }

        .eChartSetting_Errors {
          margin-top: -15px;
          line-height: 15px;
          height: 15px;
        }

        .eChartSetting_Errors>div {
          color: #f04134;
          padding-left: 95px;
          height: 15px;
          line-height: 15px;
          margin-top: 0px !important;
        }

        .eChartSetting_Errors_margin {
          div {

            margin-top: -25px;
          }
        }

        .eChartSetting_ContentCol1 {
          width: 95px !important;
          padding-right: 16px;
          text-align: right;
          color: #2A2A2A;

          .eChartSetright-title {
            line-height: 30px;
          }

          .anticon {
            color: #ff001e;
            width: 10px;
            vertical-align: middle;
            font-size: 12px;
            transform: scale(.75);
            transform-origin: 0 center;
            margin-bottom: 4px;
          }
        }

        .eChartSetting_ContentCol2 {
          // width: 517px !important;
          width: 83.3333%;
          min-height: 22px;
          .u-cascader-input-group {
            display: block;
            width: 400px !important;
          }

          .u-form-control,
          .u-select {
            width: 400px !important;
            height: 28px;
          }


          .u-radio {
            margin-bottom: 4px;
            width: 25%;
            float: left;
            margin-right: 0 !important;
            white-space: inherit;
          }

          .eChartSetting_ContentCol21 {
            color: #999999;
            font-size: 12px;

            span {
              color: #EE2223;
            }
          }

          .eChartSetting_ContentCol22 {
            width: 100%;
            height: auto;
            overflow: hidden;
            .u-checkbox {
              width: 25%;
              margin-right: 0;
              float: left;
              margin-top: 11px;
            }

            .u-radio-group {
              width: 45%;
              float: left;
              line-height: 30px;

              .u-radio {
                width: 110px;
                margin-bottom: 0px;
                display: inline-block;
                margin-top: 9px;
              }
            }
          }

          .eChartSet-mainwnumber {
            width: 200px;
            height: 32px;
            float: left;

            .inner_radius {
              margin-right: 8px;
            }

            .u-radio {
              display: inline-block;
              width: auto !important;
              margin-top: 6px;
            }
          }

          .eChartSet-mainwnumber2 {
            width: 200px;
            height: auto;
            float: left;
            margin-left: 20px;

            .inner_radius {
              margin-right: 8px;
            }

            .u-radio {
              display: inline-block;
              width: auto !important;
              margin-top: 6px;
            }

            .u-form-control.eChartSetinput {
              width: 100px !important;
            }
          }

          .eChart-set-radioinput {
            width: 150px !important;
          }

          .u-radio {
            float: left;
          }

          .u-radio-wrapper .u-radio-label {
            padding-left: 5px;
            padding-right: 8px;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            overflow: hidden;
            cursor: pointer;
            // eslint-disable-next-line
            /*! autoprefixer: off */
            -webkit-box-orient: vertical;
            /*! autoprefixer: on */
          }

          .eChartSetting_ContentCol23 {
            width: 100%;
            height: auto;
            overflow: hidden;

            .u-radio {
              margin-bottom: 0px;
            }

            .u-checkbox {
              width: 50%;
              margin-top: 0;
              margin-bottom: 15px;
            }

            .lianyi-Special {
              width: 50%;
              display: inline-block;
              margin-bottom: 5px;
              .u-checkbox {
                width: 40px;
                line-height: 28px;
                float: left;
                margin-right: 0px;
              }

              .u-form-control {
                width: 40px !important;
                margin-right: 8px;
              }
            }
          }

          .u-select-enabled {
            width: 400px;

            .u-select-selection {
              height: 30px;
            }
          }

          .margintop5 {
            margin-top: 10px;
          }
        }

        .eChartSet-mainwnumber .eChartSetinput {
          width: 100px !important;
        }
      }
    }

    .eChartSetting_Button {
      padding: 10px 18px;
      text-align: right;
      border-top: 1px solid #e9e9e9;
      button+button{
        margin-left: 8px;
      }
    }
  }

}

// ====================end====================

.Table2D_Outer {
  width: 100%;
  display: flex;

  .Table2D_Inner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;

    // 左边列表
    .Table2D_Left {
      min-width: 300px;
      width: 300px;
      height: 100%;

      .Table2D_GroupRefer {
        padding: 20px 20px 10px;
      }

      .Table2D_GroupList {
        height: 420px !important;
        padding-bottom: 80px;
        overflow-y: auto;
        overflow-x: hidden;

        .Table2D_Group {
          font-size: 13px;
          line-height: 16px;
          padding: 11px 20px 11px 0;
          color: #333;
          display: flex;
          justify-content: space-between;
          width: 300px;
          align-items: center;

          .Table2D_GroupName {
            max-width: 90%;
            padding-left: 20px;
            word-wrap: break-word;
            line-height: 20px;
          }

          .Table2D_GroupDel {
            font-size: 16px;
            margin-top: 3px;
          }
        }

        .Table2D_GroupFocused {
          background-color: #EDF1F7;
        }

        .Table2D_GroupSelected {
          background-color: #FFF7E7;
        }
      }
    }

    // 右边表格
    .Table2D_Right {
      overflow: auto;
      border-left: #dadada solid 1px;
      position: relative;

      .fixedDataTableLayout_main {
        width: 100% !important;

        // 右边滑动
        .fixedDataTableLayout_horizontalScrollbar {
          width: 100% !important;

          &>div {
            width: 100% !important;

            .ScrollbarLayout_main {
              width: 100% !important;
            }
          }
        }
      }

      // 表头
      .fixedDataTableLayout_header .fixedDataTableCellLayout_main.public_fixedDataTableCell_main {
        text-align: center;
        border-right: 1px solid #dadada;
        line-height: 28px;
      }

      .fixedDataTableCellGroupLayout_cellGroup .fixedDataTableCellLayout_main.public_fixedDataTableCell_main {
        border-right: 1px solid #dadada;
      }
    }
  }
}

// 二维录入表体最大化
.yon-row.line-tabs.line-tabs-maximize {

  //top: 75px;
  .TableContainer_Outer {