/* stylelint-disable declaration-property-value-disallowed-list */
.press__schedule-tabs {
  height: .84rem;
  @include flex-content;
  color: rgba(255, 255, 255, .75);
  background: $color-light;
  border-bottom: .02rem solid #ededed;

  a {
    width: 100%;
    height: .84rem;
    display: block;
    flex: 1;
    font-size: $font-s;
    @include line-height(.84);
    color: $color-main;
    text-align: center;
    position: relative;

    &:after {
      content: '';
    }

    &.tabs-streaming {
      position: relative;

      &::after {
        content: '当前';
        position: absolute;
        width: .64rem;
        height: .32rem;
        text-align: center;
        display: inline-block;
        padding: .02rem .1rem;
        border-radius: .02rem;
        background: linear-gradient(270deg, #f2b534 -62.5%, #fd7500 100%);
      }
    }

    &.press__schedule-tab--active {
      font-size: $font-m;
      font-weight: bold;
      color: #fcfcfc;
      background: linear-gradient(to right, #5300c3, #5e2eff);
      -webkit-background-clip: text;
      color: transparent;

      &:after {
        content: '';
        position: absolute;
        bottom: 0;
        width: 0;
        height: 0;
        width: 1.2rem;
        height: .06rem;
        margin-left: -.6rem;
        left: 50%;
        background: linear-gradient(to right, #5300c3, #5e2eff);

        /*animation: tab-bounce-in-left .3s both;*/
      }
    }

    /*&:first-of-type{
			&.press__schedule-tab--active{

				&:after{
					content:'';
					animation: tab-bounce-in-right .3s both;
				}
			}
		}*/

  }
}


/*dark mode*/
.dark-mode {
  .press__schedule-tabs {
    background: 0 none;
  }
}

/*data tabs*/
.tip-toc-datatabs {
  width: 7.5rem;
  height: .86rem;
  margin: 0 auto;
  padding: 0 .2rem;
  @include flex-content;
  overflow-x: auto;
  overflow-y: hidden;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/data-tab-bg.png) no-repeat;
  background-size: 100%;
  filter: drop-shadow(0px 4px 10px rgba(83, 71, 134, .38));

  a {
    width: auto !important;
    // margin-right: .84rem;
    height: .86rem;
    display: block;
    flex: 1;
    font-size: $font-s;
    @include line-height(1);
    color: $color-black-2;
    text-align: center;
    position: relative;

    &.tabs-streaming {
      position: relative;

      &::after {
        content: '当前';
        position: absolute;
        line-height: normal;
        width: .64rem;
        height: .32rem;
        text-align: center;
        display: inline-block;
        padding: .02rem .1rem;
        border-radius: .04rem;
        background: linear-gradient(270deg, #f2b534 -62.5%, #fd7500 100%);
        color: #fff;
        z-index: 2;
        top: .08rem;
        right: -.08rem;
      }
    }

    &.data-tabs-margin {
      width: auto !important;
      padding: 0 .2rem;
      margin-right: .4rem;
    }

    span {
      padding: 0 .04rem;
    }

    .cur-tab {
      position: absolute;
      height: .32rem;
      line-height: .32rem;
      right: -.3rem;
      top: .1rem;
      padding: 0 .12rem;
      font-size: .2rem;
      color: #fff;
      font-weight: normal;
      background: #f2b534;
      border-radius: .52rem;
    }

    &.press__schedule-tab--active {
      font-size: $font-m;
      font-weight: bold;
      color: #5300c3;

      &:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -.42rem;
        width: .84rem;
        height: .06rem;
        background: #5300c3;
      }
    }

  }
}

.tip-toc-scroll-wrap {
  display: inline-flex;
  white-space: nowrap;

  a {
    width: 1.06rem;
  }
}

/*副tab*/
.tip-toc-data-subtabs {
  display: flex;
  align-items: center;
  width: calc(100% - .24rem);
  margin: .16rem 0 0 .24rem;
  overflow-x: auto;

  p {
    position: relative;
    width: 1.38rem;
    height: .56rem;
    flex-shrink: 0;
    text-align: center;
    font-size: .24rem;
    line-height: .56rem;
    color: rgba(33, 33, 36, .55);
    background: #edecef;
    border: .02rem solid rgba(84, 84, 87, .06);

    &:first-child {
      border-radius: .02rem 0 0 .02rem;
    }

    &:last-child {
      border-radius: 0 .02rem .02rem 0;
    }

    &::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 1.38rem;
      height: .56rem;
      background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/sub-tab-line.png) no-repeat;
      background-size: 100% 100%;
    }

    &.act {
      color: #5300c3;
      ;
      background: #cac8ed;
      border: .02rem solid rgba(93, 40, 247, .16);
    }
  }
}

/*vant-tab*/
.van-tabs__wrap {
  border-bottom: .02rem solid #ededed !important;
}

.van-tabs__nav {
  background: transparent !important;
}

.van-tab {
  font-size: .24rem !important;
  line-height: 1.04rem !important;
  color: #212124 !important;
}

.van-tab--active {
  font-size: .28rem !important;
  font-weight: bold !important;
  color: #5300c3 !important;
}

.van-tabs__line {
  padding: 0 !important;
  width: .56rem !important;
  height: .06 !important;
  border-style: solid !important;
  border-color: none !important;
  background: linear-gradient(90deg, #5300c3 0%, #5e2eff 100%) !important;
  border-radius: 0 !important;
  border: 0;
}

.van-tabs__content {
  padding-top: 0;
}