@import '@/assets/bundle.scss';

.left-cats {
  // height: calc(100vh - 90rpx);
  /* #ifndef H5 */
  height: calc(100vh - 90rpx);
  /* #endif */
  /* #ifdef H5 */
  height: calc(100vh - 270rpx);
  /* #endif */
  .cats-item {
    height: 110rpx;
    font-size: 28rpx;
    color: #666;
    @extend %flex-center;
    box-sizing: border-box;
  }
  
  .cat-name {
    border-left: 6rpx solid transparent;
    flex: 1;
    height: 60rpx;
    @extend %flex-center;
  }
  
  .active {
    background: white;
    color: $maincolor;
    .cat-name {
      border-left-color: $maincolor;
    }
  }
}