@import (reference) '~antd/lib/style/themes/index';

.custom-table-status {
  background-color: #ffffff;
  height: 48px;
  padding: 14px 0px 14px 0px;
  width: 100%;
  left: 0px;
  top: -48px;
  z-index: 2;

  div {
    background: #F3F3F3;
    height: 12px;
  }

  div {
    display: inline-block;
    padding-left: 10px;
    width: 84px;
    margin-right: 10px;
    padding-bottom: 12px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    background-color: #ffffff;
    letter-spacing: 0;
    line-height: 30px;
    cursor: pointer;


    &:first-child {
      margin-left: 12px;
    }
  }

  .span-active {
    & > span {
      color: @primary-color;
      position: relative;
    }

    &>span::after {
      position: absolute;
      content: '';
      bottom: -10px;
      width: calc(100% + 10px);
      left: -5px;
      height: 2px;
      background-color: @primary-color;
    }
    
  }
}

  //滚动条  
/* 滚动槽（轨道）宽高 */
.custom-container-scroll-style::-webkit-scrollbar {
  width: 5px; /*对垂直流动条有效*/
  height: 5px; /*对水平流动条有效*/
}
/* 滚动槽（轨道）样式 */
.custom-container-scroll-style::-webkit-scrollbar-track {
  background-color: #ffffff;
  border-radius: 8px;
}

/*定义滑块颜色、内阴影及圆角*/
.custom-container-scroll-style::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #CECECE;
}

/*定义两端按钮的样式*/
.custom-container-scroll-style::-webkit-scrollbar-button {
  display: none;
}