.filterBlocklist {
    overflow: hidden;
    margin-bottom: 30px !important;
    padding-bottom: 10px
}

.filterBlocklist .FeedContainer__items {
    display: flex;
    /* justify-content: space-between; */
    overflow: visible
}

.filterBlocklist .FeedContainer__itemWrapper {
    overflow: hidden;
    border-radius: 2px;
    width: unset;
    flex: 1;
    margin: 0;
    -webkit-mask-image: -webkit-radial-gradient(white, black)
}

.filterBlocklist .library__item {
    position: relative;
    width: 100%;
    padding-top: 45%;
    border-radius: 2px;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    background: url(https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/library_bg.91c9c504.png), linear-gradient(312deg, #a6cbf3 -3%, #6397c2 100%);
    background-size: cover;
    transition: transform .3s ease;
    transform-origin: center
}

.filterBlocklist .library__item:hover {
    transform: scale3d(1.1, 1.1, 1.1)
}

.filterBlocklist .shaoer {
    width: 100% !important;
    padding-top: 33%
}

.filterBlocklist .library__text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -45%)
}

.filterBlocklist .FeedContainer__itemWrapper:nth-child(1) .library__item {
    background-image: url(https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/library_bg.91c9c504.png), linear-gradient(312deg, #a6cbf3 -3%, #6397c2 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.filterBlocklist .FeedContainer__itemWrapper:nth-child(2) .library__item {
    background-image: url(https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/library_bg.91c9c504.png), linear-gradient(309deg, #ffd55a -4%, #f09821 98%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.filterBlocklist .FeedContainer__itemWrapper:nth-child(3) .library__item {
    background-image: url(https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/library_bg.91c9c504.png), linear-gradient(303deg, #ff9b7e -10%, #ff1515 92%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.filterBlocklist .FeedContainer__itemWrapper:nth-child(4) .library__item {
    background-image: url(https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/library_bg.91c9c504.png), linear-gradient(315deg, #cfaaca 4%, #89718a 80%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.filterBlocklist .FeedContainer__itemWrapper:nth-child(5) .library__item {
    background-image: url(https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/library_bg.91c9c504.png), linear-gradient(307deg, #94e7f7 -7%, #639be3 85%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.filterBlocklist .FeedContainer__itemWrapper:nth-child(6) .library__item {
    background-image: url(https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/library_bg.91c9c504.png), linear-gradient(307deg, #cbcedc 2%, #8287a1 89%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (min-width: 1280px) {
    .filterBlocklist .library__item.shaoer {
        width: 214px;
        height: 76px
    }
}

@media screen and (min-width: 1440px) {
    .filterBlocklist .library__item.shaoer {
        width: 269px;
        height: 96px
    }
}

@media screen and (min-width: 1680px) {
    .filterBlocklist .library__item.shaoer {
        width: 325px;
        height: 96px
    }
}

.filterBlocklist .FeedContainer__itemWrapper:nth-child(n+7) {
    display: none
}

.filterBlocklist .library__item {
    font-size: 24px
}

@media screen and (max-width: 1024px) {
    .filterBlocklist .FeedContainer__itemWrapper:nth-child(n+6) {
        display: none
    }

    .filterBlocklist .library__item {
        font-size: 20px
    }
}

@media screen and (max-width: 1440px) {
    .filterBlocklist .library__item {
        font-size: 22px
    }
}

@media screen and (min-width: 1441px) {
    .filterBlocklist .library__item {
        font-size: 24px
    }

    .layoutstatus-side--Short .filterBlocklist .FeedContainer__itemWrapper:nth-child(n+7) {
        display: block
    }
}

@media screen and (min-width: 1920px) {
    .filterBlocklist .library__item {
        font-size: 28px
    }

    .FeedContainer__itemWrapper .shaoer {
        padding-top: 28%
    }

    .FeedContainer__itemWrapper:nth-child(1) .shaoer {
        background: url(https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/child03_l.dafa4511.svg) 0% 0%/cover !important
    }

    .FeedContainer__itemWrapper:nth-child(2) .shaoer {
        background: url(https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/child46_l.6c63ccda.svg) 0% 0%/cover !important
    }

    .FeedContainer__itemWrapper:nth-child(3) .shaoer {
        background: url(https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/child79_l.f416fdb4.svg) 0% 0%/cover !important
    }

    .FeedContainer__itemWrapper:nth-child(4) .shaoer {
        background: url(https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_video_web_pc/static/media/child1012_l.0a975402.svg) 0% 0%/cover !important
    }
}

.categoryPage .slick-arrow {
    visibility: hidden
}

.component-sortTabs__container {
    display: flex;
    position: relative;
    padding-bottom: 15px;
    padding-top: 12px;
    border-bottom: 1px solid var(--content-line);
    background: var(--background-primary)
}

.component-sortTabs__tabItemWrapper {
    display: block;
    background: none;
    border: none;
    margin-left: 40px
}

.component-sortTabs__tabItemWrapper.first {
    margin-left: 0px
}

.component-sortTabs__tabItem {
    display: inline-block;
    cursor: pointer;
    color: var(--content-secondary);
    line-height: 24px;
    height: 24px;
    position: relative;
    user-select: none
}

.component-sortTabs__tabItem>span,
.component-sortTabs__tabItem>a {
    display: inline-block
}

.component-sortTabs__tabItem.active,
.component-sortTabs__tabItem:hover {
    font-weight: 500;
    color: var(--content-primary)
}

.component-sortTabs__tabItem.active .ink {
    position: relative;
    bottom: -12px;
    transition: left .2s ease-out;
    display: block;
    margin: 0 auto;
    height: 3px;
    width: 100%;
    background: var(--brand);
    background-color: var(--content-primary)
}

.component-sortTabs__appendNode {
    position: absolute;
    right: 0;
    bottom: 0
}

.channel_lvideo_filter .component-sortTabs__container {
    margin-bottom: 40px
}

.channel_lvideo_filter .component-sortTabs__container .component-sortTabs__tabItemWrapper:not(.first) {
    margin-left: 72px
}

.channel_lvideo_filter .component-sortTabs__container .component-sortTabs__tabItemWrapper .component-sortTabs__tabItem {
    font-size: 17px
}

@media(max-width: 1280px) {
    .channel_lvideo_filter .component-sortTabs__container .component-sortTabs__tabItemWrapper:not(.first) {
        margin-left: 60px
    }

    .channel_lvideo_filter .component-sortTabs__container .component-sortTabs__tabItemWrapper .component-sortTabs__tabItem {
        font-size: 15px
    }
}

.channel_lvideo_filter .FeedContainer__itemWrapper {
    margin-bottom: 32px
}