@img: './images';
.topWrap {
  height: 280px;
  background: url('@{img}/ranking-bg.png') center center/ cover;
  position: relative;
  .topTime {
    position: absolute;
    left: 29px;
    bottom: 73px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    line-height: 20px;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    // i {
    //   display: inline-block;
    //   background: url('@/common/svg/arrow.png') no-repeat center center;
    //   background-size: contain;
    //   width: 9px;
    //   height: 5px;

    //   margin-left: 3px;
    // }
    .imgIcon {
      font-size: 10px;
      margin-left: 5px;
    }
  }

  // &::after {
  //       content: ' ';
  //       display: inline-block;
  //       background: url('@/common/svg/arrow.png') no-repeat center center;
  //       background-size: contain;
  //       width: 9px;
  //       height: 5px;
  //       margin-left: 3px;
  //     }

  //     &.active {
  //       &::after {
  //         transform: rotateX(180deg);
  //         margin-top: -2px;
  //       }
  //     }
}

.rankTabs {
  position: absolute;
  width: 100%;
  bottom: -1px;
  height: 45px;
  line-height: 45px;
  :global {
    .van-tabs__line {
      bottom: 20px;
      width: 15px;
    }
  }
}
