.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
}

.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
}

.swiper.portrait-cell[data-v-e4e39f98] {
    min-height: 442px
}

.ppv-wrap .swiper.portrait-cell[data-v-e4e39f98] {
    min-height: 498px
}

.swiper.circle-cell[data-v-e4e39f98] {
    width: 1240px;
    padding: 0 55px;
    overflow: hidden
}

.swiper-button-next[data-v-e4e39f98],.swiper-button-prev[data-v-e4e39f98],.swiper-pagination[data-v-e4e39f98] {
    will-change: transform;
    transform: translateZ(0)
}

.swiper.circle-cell[data-v-e4e39f98]:before {
    left: 0
}

.swiper.circle-cell[data-v-e4e39f98]:after,.swiper.circle-cell[data-v-e4e39f98]:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 55px;
    z-index: 10;
    height: 249px;
    background-color: #1b1b1b
}

.swiper.circle-cell[data-v-e4e39f98]:after {
    right: 0
}

.ppv-layer-outer[data-v-e4e39f98] {
    position: absolute;
    top: 0;
    display: block;
    content: "";
    width: 100%;
    z-index: 2;
    height: 100%;
    color: #fff;
    background-color: rgba(0,0,0,.7)
}

.ppv-layer-lnner[data-v-e4e39f98] {
    width: 1240px;
    margin: 0 auto
}

.ppv-intro[data-v-e4e39f98],.ppv-link[data-v-e4e39f98],.ppv-notification[data-v-e4e39f98] {
    display: block;
    text-align: center
}

.ppv-intro[data-v-e4e39f98] {
    margin-top: 149px;
    margin-bottom: 8px;
    font-size: 36px;
    line-height: 54px
}

.ppv-link[data-v-e4e39f98] {
    width: 285px;
    margin: 0 auto;
    padding: 20px 0;
    font-size: 18px;
    line-height: 27px;
    color: #fff;
    background-color: #1351f9;
    border-radius: 34px
}

.ppv-notification[data-v-e4e39f98] {
    position: relative;
    padding-left: 6px;
    margin-top: 64px;
    color: #a5a5a5
}

.ppv-notification[data-v-e4e39f98]:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2px;
    height: 2px;
    margin-right: 4px;
    background-color: #a5a5a5;
    border-radius: 1px
}

.ppv-notification>span[data-v-e4e39f98] {
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle
}

.ppv-layer-outer[data-v-75ed6c76] {
    position: absolute;
    top: 0;
    display: block;
    content: "";
    width: 100%;
    z-index: 2;
    height: calc(100% - 80px);
    color: #fff;
    background-color: rgba(0,0,0,.7)
}

.ppv-layer-inner[data-v-75ed6c76] {
    width: 1240px;
    margin: 0 auto
}

.ppv-intro[data-v-75ed6c76],.ppv-link[data-v-75ed6c76],.ppv-notification[data-v-75ed6c76] {
    display: block;
    text-align: center
}

.ppv-intro[data-v-75ed6c76] {
    margin-top: 149px;
    margin-bottom: 8px;
    font-size: 36px;
    line-height: 54px
}

.ppv-link[data-v-75ed6c76] {
    width: 285px;
    margin: 0 auto;
    padding: 20px 0;
    font-size: 18px;
    line-height: 27px;
    color: #fff;
    background-color: #1351f9;
    border-radius: 34px
}

.ppv-notification[data-v-75ed6c76] {
    position: relative;
    margin-top: 64px;
    color: #a5a5a5
}

.ppv-notification>span[data-v-75ed6c76] {
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle
}

.multi {
    position: relative
}

.multi a:not(.btn-more) {
    display: block
}

.multi.editor-pick-package-cell .swiper-button-next,.multi.editor-pick-package-cell .swiper-button-prev {
    top: 90px
}

.multi .editorpick-cell>a {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: 21px 40px
}

.multi.autoplay-band .swiper-button-next,.multi.autoplay-band .swiper-button-prev {
    top: 87px
}

.multi.highlight-band .swiper-button-next,.multi.highlight-band .swiper-button-prev {
    top: 133px
}

.multi.type-band .swiper-button-next,.multi.type-band .swiper-button-prev {
    top: 24px
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    display: block
}

.metadata-area {
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    font-size: 0
}

.metadata-area,.metadata-area>div {
    position: absolute
}

.metadata-area .southwest-area {
    bottom: 20px;
    left: 20px;
    max-width: 332px
}

.metadata-area .main-title,.metadata-area .sub-title {
    font-size: 36px;
    line-height: 44px;
    color: #fff
}

.editorpick-cell {
    position: relative;
    font-size: 0
}

.editorpick-cell .sub-title,.editorpick-cell .thumb-image {
    display: inline-block;
    vertical-align: middle
}

.editorpick-cell .thumb-image {
    position: relative;
    overflow: hidden;
    background-image: url(../img/ic_set_bg.11dcd025.svg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 110px 8px
}

.editorpick-cell .thumb-img {
    width: 128px;
    height: 188px;
    padding-top: 8px
}

.editorpick-cell .sub-title {
    width: calc(100% - 128px);
    padding: 54px 0 54px 32px;
    background-color: transparent
}

.editorpick-cell .sub-title .sub-right {
    display: block
}

.editorpick-cell .sub-title .cell-title .title1,.editorpick-cell .sub-title .cell-title .title2 {
    margin: 0;
    font-size: 20px;
    line-height: 29px;
    color: #fff
}

.editorpick-cell .sub-title .cell-title .title3 {
    margin-top: 4px;
    font-size: 16px;
    line-height: 1;
    color: #7e7e7e
}

.editorpick-cell-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 0;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.editorpick-cell-backdrop:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-color: rgba(0,0,0,.3)
}

.thumb .sub-btn {
    display: table-cell;
    width: 30px;
    padding-bottom: 8px;
    text-align: right;
    vertical-align: middle;
    font-size: 0
}

.thumb .btn-zzim {
    border: 0;
    background-color: transparent;
    vertical-align: top;
    cursor: pointer
}

.autoplay-band .btn-ui {
    position: absolute;
    top: 187px;
    right: 8px;
    width: 30px;
    height: 30px;
    z-index: 100;
    opacity: 0;
    transition: opacity .5s linear .5s
}

.autoplay-band .btn-ui .btn-volume-on {
    background-image: url(data:image/png;base64,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);
    background-size: cover
}

.autoplay-band .btn-ui .btn-volume-off {
    background-image: url(data:image/png;base64,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);
    background-size: cover
}

.autoplay-band .btn-ui button {
    width: 30px;
    height: 30px;
    border: 0;
    background-color: transparent;
    font-size: 0;
    text-indent: -99999px;
    vertical-align: top;
    cursor: pointer
}

.autoplay-band .playing .btn-ui,.autoplay-band .playing .thumb-image,.autoplay-band .playing .video-area,.autoplay-band .thumb-image,.autoplay-band .video-area {
    transition: opacity .5s linear .5s
}

.autoplay-band .video-area {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 229px;
    overflow: hidden;
    text-align: center;
    border-radius: 12px;
    background-color: #252525
}

.autoplay-band .video-area video {
    width: 100%;
    height: 100%
}

.autoplay-band .thumb-image {
    position: relative;
    overflow: hidden;
    height: 229px;
    background-color: #252525;
    opacity: 1;
    border-radius: 12px
}

.autoplay-band .playing .btn-ui,.autoplay-band .playing .video-area {
    opacity: 1
}

.autoplay-band .playing .thumb-image {
    opacity: 0
}

.autoplay-band .sub-title .sub-right {
    padding-right: 58px
}

.highlight-band {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 1240px;
    height: 444px;
    margin: 0 auto 80px;
    padding: 60px 0 60px 60px;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 12px
}

.highlight-band .highlight-band-meta {
    display: flex;
    flex-direction: column;
    max-width: 380px;
    z-index: 10
}

.highlight-band .highlight-band-meta .highlight-band-txt {
    font-size: 36px;
    line-height: 44px
}

.highlight-band .highlight-band-meta .highlight-band-txt span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    display: block
}

.highlight-band .highlight-band-meta .highlight-band-img {
    width: 290px;
    height: 80px
}

.highlight-band .highlight-band-meta .highlight-band-img img {
    max-width: 100%;
    max-height: 100%
}

.highlight-band .highlight-band-meta .highlight-band-subtitle {
    margin: 12px 0 20px;
    font-size: 20px;
    line-height: 28px;
    color: hsla(0,0%,100%,.7)
}

.highlight-band .highlight-band-meta .highlight-band-subtitle p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word
}

.highlight-band .highlight-band-meta .highlight-band-more {
    width: -moz-fit-content;
    width: fit-content;
    padding: 8px 16px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    background-color: hsla(0,0%,100%,.08);
    border-radius: 8px
}

.highlight-band .highlight-band-multi {
    width: 740px;
    height: 324px;
    overflow: hidden
}

.highlight-band .highlight-band-multi .portrait {
    width: 216px
}

.highlight-band .highlight-band-multi .portrait .thumb-image {
    width: 216px;
    height: 324px
}

.highlight-band .highlight-band-multi .swiper-slide {
    margin-bottom: 0
}

.highlight-band:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-color: rgba(0,0,0,.4)
}

.type-cell {
    text-align: center
}

.type-cell .cell-title+.cell-title {
    margin-top: 12px
}

.type-cell .sub-title {
    padding: 21px 20px;
    background-color: #252525;
    border-radius: 12px
}

.type-cell .sub-title .title1 {
    font-size: 16px;
    line-height: 18px;
    color: #a5a5a5
}

.type-cell .sub-title .title2 {
    font-size: 20px;
    line-height: 28px;
    color: #fff
}

.ranking-band .rank-area {
    position: absolute;
    right: 0;
    bottom: -32px;
    left: 0;
    z-index: 2;
    height: 76px;
    text-align: left;
    transform: translateZ(0);
    z-index: 20
}

.ranking-band .rank-area img {
    height: 100%;
    margin: 0
}

.multi.landscape-cell[data-v-53aa3d8a] {
    min-height: 238px
}

.multi.circle-cell[data-v-53aa3d8a] {
    min-height: 202px
}

.multi.portrait-cell[data-v-53aa3d8a] {
    min-height: 383px
}

.multi.editor-pick-package-cell[data-v-53aa3d8a] {
    min-height: 366px
}

.multi.autoplay-band[data-v-53aa3d8a] {
    min-height: 421px
}