.page-product-ranking {
	background: #F2F3F7;
	min-height: 100vh;
  .tabbar {
    display: flex;
		background: #ffffff;
		border-radius: 0rpx 0rpx 10rpx 10rpx;
    .tabbar-item {
      flex: 1;
      font-size: 28rpx;
      color: #999999;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 90rpx;
    }
    .tabbar-item.active {
      font-size: 28rpx;
      font-weight: bold;
      color: #000000;
      line-height: 60rpx;
    }
    .tabbar-item.active .text {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .tabbar-item.active .text::after {
      content: '';
      width: 46rpx;
      height: 4rpx;
      background: linear-gradient(270deg, #ffffff 0%, #082ba6 100%);
      border-radius: 90rpx;
    }
  }
	.product-ranking-content {
		background: #ffffff;
		margin-top: 20rpx;
		border-radius: 0rpx 0rpx 10rpx 10rpx;
		padding: 40rpx 30rpx;
	}
}