.lion-table-common-tbody{
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  border:0;
  tbody.lion-table-body-tbody {
    .lion-cell--fix--left{
      position: sticky;
      left: 0;
      z-index: 2;
    }

    .lion-cell--fix--right{
        position: sticky;
        right: 0;
        z-index: 2;
        .lion-cell--fix--right--cell{
          display: inline-block;
          overflow: hidden;
          padding-left: 5px;
          padding-right: 5px;
          font-size: 12px;
        }
    }

    .fix-left-shadow{
        box-shadow: 4px 3px 4px 0 rgb(0 0 0 / 12%);
    }

    .fix-right-shadow{
        box-shadow:-4px 3px 4px 0 rgb(0 0 0 / 12%);
    }

    tr{
      .checkbox{
        background-image: linear-gradient(#e8eaec,#e8eaec);
        background-repeat: no-repeat;
        background-size: 100% 1px;
        background-position: 100% 100%;
      }

      th.thead-th--column{
          white-space: pre-line;
          word-break: break-all;
          padding-left: 5px;
          padding-right: 5px;
      }

      th.fix--hidden{
          visibility: hidden;
      }

      td.fix--hidden{
          visibility: hidden;
      }

      // .lion-td-btn{
      //     margin-right:5px;
      //     border-color:transparent;
      //     color:#3582fb;
      //     background:transparent;
      //     font-size:12px;
      //     cursor: pointer;;
      //     padding:9px 15px;
      //     padding-left:0px;
      //     padding-right:0px;
      // }

      // 折叠按钮样式
      .lion-table-cell-btn{
          .ant-popover-inner-content{
              display: flex;
              flex-direction: column;
              border-radius: 4px;
              padding: 6px 8px;
              &>button{
                  :hover{
                      background: #ebf3ff !important;
                      color:#5b9bfc !important;
                  }
              }
          }
      }
    }

    tr.lion-tr--column--hide{
        font-size: 12px;
        background-color:rgb(238, 241, 246);
        td.tbody-td--column--hide{

          padding: 3px 0 !important;
          background-color: #eef1f6;
          text-align: left;
          white-space: nowrap;/*控制单行显示*/
          overflow: hidden;/*超出隐藏*/
          text-overflow: ellipsis;/*隐藏的字符用省略号表示*/
          background-image: linear-gradient(#e8eaec,#e8eaec);
          background-repeat: no-repeat;
          background-size: 100% 1px;
          background-position: 100% 100%;
         @media screen and (min-width:1280px) and (max-width:1440px) {
            padding: 0 !important;
          }
          @media screen and (min-width:1441px) and (max-width:1680px) {
            padding: 0 !important;
          }
          .td--column--hide--cell{
            line-height:16px;
            .td--column--hide--cell--container{
              text-align:center;
              padding:4px 0px;
              .hide--cell--operation{
                vertical-align: unset;
                font-size: 12px;
                color: #3582fb;
                display: inline-flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                position: relative;
                text-decoration: none;
                outline: none;
                cursor: pointer;
                padding: 0;
                font-weight: 500;
              }
              .hide--cell--action{
                background: none;
                border:none;
                &:hover{
                  background: none;
                  border:none;
                }
              }
            }
          }

          &:last-child {
              border-right: 0;
          }

          .tbody-td--column--cell{
            box-sizing: border-box;
            display: block;
            white-space: nowrap;/*控制单行显示*/
            overflow: hidden;/*超出隐藏*/
            text-overflow: ellipsis;/*隐藏的字符用省略号表示*/
            word-break: break-all;
            padding-left: 10px;
            padding-right: 10px;
          }

          span{
            &:hover{
              color: #5d9bfc !important;
            }
          }

        }
    }

    .tbody-tr--column--gray{
      background-color: #f6f6f6 !important;
    }

    tr.tr--hover{
      background-color: #f5f7fa !important;
    }

    tr.tbody-tr--column--common {
     @media screen and (min-width:1280px) and (max-width:1440px) {
        height: 30px !important;
      }
      @media screen and (min-width:1441px) and (max-width:1680px) {
        height:35px !important;
      }
      td.tbody-td--column--surface--checkbox{
        text-align:center !important;
        width:50px;
        line-height:1;
        left:0;
        background-color:#f6f6f6;
      }

      td.tbody-td--column--surface--mainarea{
        height: 50px;
        line-height: 1;
        background-color: inherit;
       @media screen and (min-width:1280px) and (max-width:1440px) {
          height: 30px;
        }
        @media screen and (min-width:1441px) and (max-width:1680px) {
          height:35px;
        }
      }

      td.tbody-td--column  {
        font-size: 13px;
        box-sizing: border-box;
        color: #333;
        padding: 3px 0!important;
        text-align: left;
        white-space: nowrap;/*控制单行显示*/
        overflow: hidden;/*超出隐藏*/
        text-overflow: ellipsis;/*隐藏的字符用省略号表示*/
        background-image: linear-gradient(#e8eaec,#e8eaec);
        background-repeat: no-repeat;
        background-size: 100% 1px;
        background-position: 100% 100%;

        &:last-child {
            border-right: 0;
        }

        .tbody-td--column--surface--hide{
          display: inline-block;
          overflow: hidden;
          padding-left: 5px;
          padding-right: 5px;
          font-size: 12px;
          height: 100%;
        }

        .tbody-td--column--cell{
          box-sizing: border-box;
          display: block;
          white-space: nowrap;/*控制单行显示*/
          overflow: hidden;/*超出隐藏*/
          text-overflow: ellipsis;/*隐藏的字符用省略号表示*/
          word-break: break-all;
          padding-left: 5px;
          padding-right: 5px;
          .subordinate--item{
            width:20px;
            display:inline-block;
          }
          .tbody-td--column--cell--container{
            .tbody-td--column--cell--item{
              display: flex;
            }
          }
        }

        .cell-action{
          margin-right: 5px;
          border-color: transparent;
          color: #3582fb;
          background: transparent;
          font-size: 12px;
          cursor: pointer;
          padding: 9px 15px;
          padding-left: 0;
          padding-right: 0
        }

        .cell-action-btn{
          margin-right: 5px;
          border-color: transparent;
          color: #3582fb;
          background: transparent;
          font-size: 12px;
          cursor: pointer;
          padding: 0px;
          padding-left: 0;
          padding-right: 0;
          height: 20px;
          line-height: 1.5;
        }
      }

      td.tbody-td--column--hide--checkbox{
        left: 0;
        text-align: center;
        width:50px;
        background: #eef1f6;
        height:50px;
        padding: 0px !important;
       @media screen and (min-width:1280px) and (max-width:1440px) {
          height:30px;
        }
        @media screen and (min-width:1441px) and (max-width:1680px) {
          height:35px;
        }
      }

      .tbody-td--cell--container{
        font-size: 12px;
        .lion-td--cell--container--label{
            color:#999;
        }
      }

      td.tbody-td--opreation{
        background-color: inherit;
        line-height:1;
        .tbody-td--opreation--list{
          display:flex;
          align-items:center;
          justify-content:space-evenly;
          .antd-Button{
            margin-right:5px;
          }
          .lion-cell-btn--ellipsis{
            display: inline-block;
            cursor: pointer;
            padding: 0;
            height: auto;
            letter-spacing: 2px;
            font-weight: 800;
            transform: rotate(90deg);
            color: #3574ee;
            border: 0
          }
        }
      }

      &:last-child {
        td.tbody-td--cell--container--label  {
            border-bottom: 0;
        }
      }
      .checkbox{
        text-align: center !important;
      }
    }
  }
}