@import 'press-ui/common/style/smoba/layout.scss';
@import 'press-ui/common/style/smoba/mixin.scss';


.press-schedule {
  position: relative;
  flex: 1;
  overflow: hidden;

  &::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: url('https://image-1251917893.file.myqcloud.com/Esports/new/user/fullpage-light-bg.png') no-repeat;
    background-size: 100%;
  }
}

.press-schedule__main {
  height: 100%;
  overflow: auto;
}


.press-schedule__footer {
  position: fixed;
  right: .24rem;
  bottom: .2rem;
  display: flex;
  flex-wrap: wrap-reverse;
  z-index: 7;

  .press-schedule__footer-icon {
    background: $color-white;
    margin-bottom: .28rem;
    border-radius: 50%;
    width: 1.12rem;
    height: 1.12rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: $color-gray;
    border: .02rem solid $color-gray-3;
    box-shadow: 0 .02rem .2rem rgba(0, 0, 0, .02), 0 .08rem .1rem rgba(0, 0, 0, .02), 0 .04rem .08rem -.02rem rgba(0, 0, 0, .02);

    .press-schedule__icon--small {
      font-size: $font-l;
    }

    .press-schedule__footer-tip {
      font-size: $font-xxs;
    }
  }
}

.press-schedule__content ::v-deep {
  height: 100%;

  .press-tabs {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .press-tabs__content {
    flex: 1;
  }

  .press-tab__pane {
    height: 100%;
  }
}