.w-select[data-v-55e93e44] {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    min-width: 240px
}

.w-select .field[data-v-55e93e44] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 12px;
    cursor: pointer
}

.w-select .field .text[data-v-55e93e44] {
    flex-basis: 100%;
    padding: 12px 0 12px 20px;
    max-width: calc(100% - 42px)
}

.w-select .field .text span[data-v-55e93e44] {
    display: block;
    line-height: 24px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.w-select .field .text span.placeholder[data-v-55e93e44] {
    width: 100%
}

.w-select .field .append-icon[data-v-55e93e44] {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform .15s ease-in-out
}

.w-select .options-wrapper[data-v-55e93e44] {
    position: absolute;
    width: 100%;
    overflow: hidden;
    border: 1px solid;
    margin-top: 4px;
    max-height: 384px;
    border-radius: 12px;
    overflow-y: scroll;
    z-index: 2
}

.w-select .options-wrapper .options[data-v-55e93e44] {
    cursor: pointer
}

.w-select .options-wrapper .options .option[data-v-55e93e44] {
    flex-basis: 100%;
    padding: 12px 20px;
    line-height: 24px
}

.w-select .options-wrapper .options .option span[data-v-55e93e44] {
    display: block;
    line-height: 24px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.page-header[data-v-33387c78] {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    gap: 16px;
    padding: 34px 0
}

.page-header .title-wrapper[data-v-33387c78] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 16px
}

.page-header .title-wrapper .title[data-v-33387c78] {
    flex-shrink: 0;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px
}

.page-header .title-wrapper .title[data-v-33387c78]:after {
    display: none
}

.page-header[data-v-71672414] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 78px 0 22px 0
}

.page-header .title[data-v-71672414] {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px
}

.page-header .title[data-v-71672414]:after {
    display: none
}

.side-filter-section[data-v-71672414] {
    display: flex;
    align-items: center
}

.side-filter-section .custom-select[data-v-71672414] {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    min-width: 210px;
    margin-left: 10px
}

.side-filter-section .custom-select .field[data-v-71672414] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.side-filter-section .custom-select .field .text[data-v-71672414] {
    flex-basis: 100%;
    padding: 8px 0 8px 20px
}

.side-filter-section .custom-select .field .text span[data-v-71672414] {
    display: block;
    line-height: 24px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.side-filter-section .custom-select .field .append-icon[data-v-71672414] {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform .15s ease-in-out
}

.side-filter-section .custom-select select[data-v-71672414] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border: unset;
    outline: none;
    cursor: pointer;
    background-color: transparent;
    font-size: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0
}

.empty-list[data-v-f9afdf44] {
    position: relative;
    width: 100%;
    height: 400px;
    margin-top: 200px;
    text-align: center
}

.empty-list>p[data-v-f9afdf44] {
    margin-top: 12px;
    font-size: 18px;
    line-height: 1;
    color: #a5a5a5
}

.empty-list img[data-v-f9afdf44] {
    width: 74px
}

.circle[data-v-1d43721e] {
    width: 160px;
    text-align: center;
    position: relative;
    margin: 0 auto
}

.circle .thumb-image[data-v-1d43721e] {
    width: 160px;
    height: 160px;
    position: relative;
    overflow: hidden;
    background-color: #252525;
    border-radius: 50%;
    will-change: transform;
    transform: translateZ(0)
}

.circle-progress[data-v-1d43721e] {
    position: absolute;
    z-index: 100;
    width: 160px;
    height: 160px;
    border-radius: 80px;
    overflow: hidden
}

.circle .thumb-image .circle-img[data-v-1d43721e] {
    position: relative;
    width: 100%;
    height: 100%
}

.circle .thumb-image .thumb-img[data-v-1d43721e] {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    border: 1px solid transparent;
    border-radius: 80px
}

.portrait {
    position: relative;
    float: left;
    width: 240px
}

.portrait>a {
    display: block
}

.portrait .thumb-image {
    position: relative;
    width: 240px;
    height: 360px;
    overflow: hidden;
    will-change: transform;
    border-radius: 12px;
    background-color: #252525
}

.portrait .thumb-image .discount-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 52px;
    width: calc(100% - 12px);
    background-color: rgba(42,42,42,.9);
    line-height: 52px;
    padding-left: 12px
}

.portrait .thumb-image .discount-layer .price01 {
    font-size: 16px;
    color: #888;
    margin-right: 5px;
    font-weight: 400;
    font-style: normal;
    text-decoration: line-through
}

.portrait .thumb-image .discount-layer .price02 {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    font-style: normal
}

.portrait .thumb-image .dim-19 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    background-color: rgba(0,0,0,.8);
    background-image: url(data:image/png;base64,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);
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.portrait .thumb-image .no-thumb {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    background-color: #252525;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    z-index: 10
}

.portrait .thumb-image .no-thumb .alt-text {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 29px;
    white-space: inherit
}

.portrait .thumb-image .play_now {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100px;
    height: 100px;
    background-image: url(../img/ico_watch_play.fefd901e.svg);
    background-size: 100px auto;
    background-repeat: no-repeat
}

.portrait .thumb-image.discount .thumb-bottom-left {
    bottom: 56px
}

.portrait:last-child {
    margin-right: 0
}

.portrait strong {
    font-size: 16px;
    color: #a5a5a5;
    line-height: 1.38;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 2px;
    display: block;
    font-weight: 400
}

.portrait strong.multi-line {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: normal;
    height: 44px
}

.portrait .cell-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: rgba(0,0,0,.2);
    z-index: 15
}

.portrait .cell-progress span {
    display: block;
    width: 100%;
    height: 4px
}

.swiper-silde .portrait {
    margin-top: 50px
}

.landscape {
    display: inline-block;
    width: 240px;
    position: relative;
    margin-right: 10px;
    vertical-align: top
}

.landscape.watching {
    width: 302px
}

.landscape.watching .thumb-image {
    width: 302px;
    height: 170px
}

.landscape.watching .sub-title {
    padding-right: 42px
}

.landscape.watching .cell-title .title2 {
    font-size: 16px;
    line-height: 24px
}

.landscape .thumb-image {
    position: relative;
    height: 135px;
    width: 240px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #252525;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    will-change: transform;
    transform: translateZ(0)
}

.landscape .sub-title {
    width: 100%;
    display: table;
    table-layout: fixed;
    vertical-align: middle
}

.landscape .no-thumb {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    background-color: #252525;
    justify-content: center;
    padding: 0 20px;
    z-index: 10
}

.landscape .no-thumb .alt-text {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 29px;
    white-space: inherit
}

.landscape .play_now {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
    width: 100px;
    height: 100px;
    background-image: url(../img/ico_watch_play.fefd901e.svg);
    background-size: 100px auto;
    background-repeat: no-repeat
}

.landscape .cell-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: rgba(0,0,0,.2);
    z-index: 15
}

.landscape .cell-progress span {
    display: block;
    width: 100%;
    height: 4px
}

.landscape .btn-detail-view {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 302px;
    height: 60px;
    background-image: url(../img/element-icons-34-x-34-vod-top-icon-info.1f19a923.svg);
    background-size: 34px auto;
    background-repeat: no-repeat;
    background-position: right 4px bottom 13px;
    background-color: transparent
}

.week6 {
    font-size: 14px;
    line-height: 22px;
    color: #1351f9
}

.list-view-detail .live-ui .landscape {
    float: none;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top
}

.multi .swiper-slide span.creator-name[data-v-95a37624] {
    margin: -2px 0 0
}

.paging-type01,.paging-type02 {
    padding-bottom: 80px;
    margin: 0 auto;
    text-align: center;
    clear: both
}

.paging-type01 a,.paging-type02 a {
    display: inline-block;
    min-width: 36px;
    height: 36px;
    border: 1px solid transparent;
    border-radius: 50%;
    font-size: 14px;
    line-height: 32px;
    color: #a5a5a5;
    vertical-align: middle
}

.paging-type01 a.on,.paging-type02 a.on {
    border: 1px solid #fff;
    color: #fff
}

.paging-type01 a+a.arrow,.paging-type01 a.arrow+a,.paging-type02 a+a.arrow,.paging-type02 a.arrow+a {
    margin-left: 8px
}

.paging-type01.paging-player {
    margin: 0 auto!important
}

.custom-select[data-v-1cdd826e] {
    position: relative;
    height: 24px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px
}

.custom-select .title[data-v-1cdd826e] {
    font-size: 16px;
    line-height: 24px
}

.custom-select .append-icon[data-v-1cdd826e] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.custom-select select[data-v-1cdd826e] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border: unset;
    outline: none;
    background-color: transparent;
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    opacity: 0;
    font-size: 16px;
    cursor: pointer
}

.inner[data-v-0040333a] {
    max-width: 1240px;
    margin: 0 auto
}

.mt-0[data-v-0040333a] {
    margin-top: 0
}

.sub-category .side-filter[data-v-0040333a] {
    padding: 20px 10px
}

.sub-category .side-filter[data-v-0040333a]:last-child {
    margin-right: -10px
}

.sub-category .side-filter .custom-select[data-v-0040333a] {
    margin-left: auto
}

.sub-category .filter-wrapper[data-v-0040333a] {
    display: flex;
    justify-content: flex-end
}

.sub-category .contents-section[data-v-0040333a] {
    position: relative;
    overflow: hidden
}

.title[data-v-0040333a] {
    font-size: 28px;
    font-weight: 500;
    line-height: 40px
}

.context-list[data-v-0040333a] {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 10px
}