.n-tab-container > .n-tab-switch
  display block
  border-bottom 1px solid #E6E8EB
  z-index 10
  .n-tab-switch-item
    color #687185
    min-width 64px
    padding 0 8px
    text-align center
    line-height 24px
  .n-tab-switch-item.active
    color #1776F2
  .n-tab-switch-line
    width 64px
    bottom -1px
    color #1776F2
    border-radius 20px
    transform translateX(-14px)

.n-tab-container > .n-tab-switch-small
  padding 5px 8px
  .n-tab-switch-item
    font-size 14px

.n-tab-container > .n-tab-switch-large
  padding 10px 8px 9px
  .n-tab-switch-item
    font-size 16px



.n-tab-chunk
  overflow hidden
  &-virtual
    display none
  &-content
    padding 0 16px 16px
    overflow auto
    background-color #eaecee
    &::-webkit-scrollbar-track-piece
      background-color #eaecee



.n-tab-chunk-navigation
  z-index 4
  flex-shrink 0
  width 8px
  position relative
  background-color #FFF
  transition width 0.2s ease
  box-shadow 8px 2px 10px 0 #d4dae4
  &.fixed
    width 160px
  .navigation-content
    width 100%
    right unset
    padding 8px 0
    overflow hidden
    position relative
  .navigation-bar
    position absolute
    width 4px
    height 14px
    top 0
    left 4px
    border-radius 2px
    background-color #4280f8
    transition transform .18s ease-in-out
  .navigation-item
    display flex
    align-items center
    color #687185
    font-size 13px
    line-height 26px
    padding 0 4px
    margin 0 12px
    border-radius 4px
    cursor pointer
    user-select none
    position relative
    margin-bottom 4px
    transition all .2s ease
    &:hover
      background-color #E8F1FE
    &.active
      color #1776f2
      font-weight bold
      background-color #F3F8FE
    &-text
      font-weight inherit
    &-tag
      margin-left 2px
      min-width 18px
      line-height 16px
      text-align center
      background #E8F1FE
      font-size 12px
      border-radius 4px
      span
        transform scale(0.8)
        font-weight normal
        display block
        color #687185
  .navigation-trigger
    color #fff
    line-height 48px
    position absolute
    bottom 30%
    left 100%
    width 14px
    text-align center
    cursor pointer
    border-radius 0 14px 14px 0
    background-color #cccfd3
    transition left 0.2s ease


.n-tab-block
  padding-top 16px
  &-container
    border-radius 8px
    background-color #fff
    position relative
  &-header
    padding 8px 16px
    justify-content flex-start
  &-title
    flex-shrink 0
    color #35425C
    font-size 13px
    line-height 28px
    padding-left 16px
    background url(//icvip-temp.oss-cn-shenzhen.aliyuncs.com/cdn/202212/pfxcztmr_slide-card-block-prefix.svg) no-repeat
    background-position 0 center
    background-size 14px
    cursor pointer
    &:hover + .n-icon
      color #0c6fff
  &-icon
    flex-shrink 0
    margin 0 4px

.n-tab-block-content.top
  border-top 1px solid #E6E8EB
  padding-top 16px

.n-tab-block-content.between
  padding-bottom 16px
  margin 0 16px

.n-tab-block-content.around
  border-top 1px solid #E6E8EB
  padding 16px 0
  margin 0 16px

.n-tab-chunk-content > .n-tab-block:last-child
  min-height 100%
  display flex
  flex-direction column
  &:after
    content ''
    flex 1
    min-height 280px
    background url(//icvip-temp.oss-cn-shenzhen.aliyuncs.com/cdn/202302/lbrcnumy_more.svg) no-repeat center
    background-size 200px

.n-tab-block-item
  & + &
    margin-top 16px
  &-title
    position relative
    margin-bottom 8px
    width 100%
    line-height 22px
    flex-shrink 0
    &:before
      content ''
      position absolute
      top 0
      left -6px
      width 14px
      height 14px
      background  url('//icvip-temp.oss-cn-shenzhen.aliyuncs.com/cdn/202311/ukyrkchd_information_icon.svg') left center no-repeat
      background-size contain
      border-radius 50%
  &-text
    position relative
    z-index 2
    color #031333
    font-size 13px
    font-weight bold