.player-area-inner-trailer[data-v-7a6e6179] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.player-component01 .week6-synopsis {
    display: block;
    height: 22px;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1
}

.player-component01 .week6-text {
    font-size: 14px;
    line-height: 20px;
    color: #fff
}

.vod-play-now:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    background-image: url(../img/ic-now-play.fefd901e.svg);
    background-size: 60px auto;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

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

.player-list.loading[data-v-88f6c51e] {
    min-height: 1159px
}

.vod {
    width: 100%;
    z-index: 10;
    margin: 0 auto;
    overflow: hidden;
    height: 100%;
    min-height: 1080px;
    min-width: 1240px;
    background-color: #1b1b1b
}

.vod input[type=checkbox]+label {
    position: relative;
    font-size: 0
}

.vod input[type=checkbox]+label>span {
    display: block;
    margin-top: 4px;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    color: #a5a5a5
}

.vod input[type=checkbox]+label:focus+label:before {
    border: 1px solid #e5e5e5;
    box-sizing: border-box
}

.vod-bottom-left,.vod-bottom-right,.vod-top-left,.vod-top-right {
    position: absolute;
    background-color: #ff0
}

.vod-top-left {
    top: 7px;
    left: 7px
}

.vod-top-right {
    top: 7px;
    right: 7px
}

.vod-bottom-left {
    bottom: 7px;
    left: 7px
}

.vod-bottom-right {
    bottom: 7px;
    right: 7px
}

.vod-form .title .all {
    font-size: 16px;
    color: #666;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAOhJREFUOBFjYBi0IDMz054YxzHhUvT37981QEM8ccnDxHEawMTE5A00ZGF6enoITDE2mhmbIEjszJkzT42NjXcAmctMTU3fAvkXsKnFaQBI8dmzZ19ZWFhs/vfv33ygIb+BhpxCNwSnF2AKp06deuv///82QEMmw8SQaYIGgBQzMjJmAKl3yBphbLxeANrM+Pz588lAAxy4ubnNTpw48R2mEUYzwhjo9KpVq5j37t07ByiuysbG5jV58uRP6GpAfJwuEBQUXAe0WZiLi8tr4sSJX7FpBonhDQNJSUmf/v5+DGfjMmyIigMAGiZHYa7JYEEAAAAASUVORK5CYII=) no-repeat top 0 right 0;
    padding-right: 15px;
    vertical-align: top;
    position: relative;
    top: 2.5px
}

.vod-form .swiper-wrapper {
    padding: 36px 0 0
}

.vod-form .swiper-slide {
    width: 100%
}

.vod-form .swiper-slide .vod-img {
    position: relative;
    height: 135px;
    width: 240px;
    margin: 0 0 11px
}

.vod-form .swiper-slide .vod-img .thumb {
    width: 100%;
    min-height: 100%
}

.vod-form .swiper-slide .vod-img .time {
    width: 44px;
    height: 20px;
    background: rgba(0,0,0,.4);
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    line-height: 20px;
    text-align: center
}

.vod-form .swiper-slide .vod-img .vod-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12px;
    background: rgba(0,0,0,.2)
}

.vod-form .swiper-slide .vod-img .vod-progress span {
    display: block;
    width: 100%;
    height: 12px
}

.vod-form .swiper-slide .sub-title {
    width: 100%
}

.vod-form .swiper-slide .num {
    width: 20px;
    font-size: 22px;
    color: #a5a5a5;
    display: block;
    float: left;
    font-weight: 400
}

.vod-form .swiper-slide .text {
    float: right;
    width: calc(100% - 20px)
}

.vod-form .swiper-slide 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
}

.vod-form .swiper-slide strong.multi-line {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: normal;
    height: 44px
}

.vod-form .swiper-slide span {
    font-size: 14px;
    color: #666;
    line-height: 1.29;
    margin: 0 0 4px;
    display: block
}

.vod-form .swiper-slide em {
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    margin: 0 3px;
    border-radius: 50%;
    border: 1px solid #888
}

.vod-form .swiper-button-next,.vod-form .swiper-button-prev {
    top: 80px;
    width: 30px;
    height: 50px;
    background-repeat: no-repeat;
    transition: .2s
}

.vod-form .swiper-button-prev {
    left: -30px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAyCAYAAABLXmvvAAAAAXNSR0IArs4c6QAAAk1JREFUWAljZGBg8AViugMmutsItXDUYrqF/GhQjwY1zUJgNHHRLGjRDR4NavQQoRl/6Aa1h4eH0OvXrzsfP35cS0rwUOTjpKQk6bVr13aLiIhosrGxcdPF4srKStUZM2Z0cnFxib558+Ya0OfNpFjMQopimNoJEyYY5uTkVDIzM3M8efLklKWlZReQ/gWTJ4Ym2eJly5bZR0RE5DMyMrLcuHFjj5mZ2ZTPnz//I8YyZDUkWbxr1y4/V1fXZKABjGfOnFljamq6CNkwUthEW3z69Ok4ExOTEKDh/3fv3j3Hzc1tEykWoaslmKp5eXmZrl+/ngey9P///3+WL1/eR6mlIEcQtDg9PV1RVVXVBqT43bt3d8rKyo6D2JQCZqAB6vgMOXbs2Pvfv39fsLOzs+Th4ZGOi4vT2bNnz/EXL178xqePkBxBi0EGHDly5N3Tp09PAhOWOT8/v0JkZKTphQsXTt65c+c7IQtwyRNlMUjz+fPnP587d+6In5+fIR8fn3xQUJA10NdnQeK4DMcnTrTFIENAPty5c+eh4OBgLZDPvby87P78+XMZFCL4LMEmR5LFIANAcQtM2YfCwsIUBAUFlRwcHOyFhITu7Nix4wU2C3CJMQIlyOqmgrLZqVOncjQ0NFxA2Wzp0qX9sbGxh3FZhC5OtsUwg2AFy48fP95ycnImwsQJ0USXXLgMAhWbs2fPvvXr16+/uNRgE6fYx9gMJUaMYMlFjCHkqBm1mJxQI0vPaFCTFWzkaBoNanJCjSw9o0FNVrCRo2nkBTUAEty9EV4H4C8AAAAASUVORK5CYII=)
}

.vod-form .swiper-button-next {
    right: -30px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAyCAYAAABLXmvvAAAAAXNSR0IArs4c6QAAAkxJREFUWAljZGBg8AViugMmutsItXDUYrqF/GhQjwY1zUJgNHHRLGjRDR4NavQQoRl/aAT148eP616/ft3p4eEhRGlQkORjNjY2LhEREc21a9d2JyUlSVNiOTNQszqxBuzdu/d4cHCwFj8/v4KXl5fdnz9/Lh85cuQdsfqR1ZFk8YsXL34vX778UFhYmIKgoKCSg4ODvZCQ0J0dO3a8QDaUGDYjUBHJjT1eXl6mU6dO5WhoaLj8////z4oVKyZGRUUdJMZCmBqyLIZpPn36dJyJiUkIkP9/9+7dc93c3DbB5AjRJCUudMNMTU0XAS2cAxJ3dXVNATkEXQ0uPkUWgwwF+RIY732gIAf5/vr163mgqMBlIUycpMQF04ROnzx58nl8fLwhFxeXCDDRSX348OHssWPH3qOrQ+YTdBmyYmxsQ0ND7vPnzzcJCwur//79+1NtbW11T0/PXWxqkcVYkDmkskEl2MqVKxv5+Pjkv3379jo3N7du3rx5T4kxh2wfg0ouUAkGsvTTp08PgQVLKbGWghxGlsWVlZWqM2bM6ATGqeibN2+uAQuSCmAhQlIJRnJQT5gwwTAnJ6eSmZmZ48mTJ6csLS27gPQvYoIXWQ1JFi9evNg2Ojq6kJGRkeXGjRt7zMzMpnz+/PkfsoHEskkqub5//z6fg4ND+MyZM2tAhQexlmBTR1I+lpKSenbx4sWjvr6+W7EZRooYST4mxWBCaslK1YQMJUZ+1GJiQokqakaDmirBSIwho0FNTChRRc1oUFMlGIkxZOQFNQCulrMDdzyubwAAAABJRU5ErkJggg==)
}

.vod-form .swiper-pagination {
    top: 6px;
    right: 0
}

.vod-form .swiper-pagination span {
    margin: 0 1px
}

.vod-form:hover .swiper-button-prev {
    left: 0
}

.vod-form:hover .swiper-button-next {
    right: 0
}

.component-list {
    width: 240px;
    position: relative;
    margin-right: 10px;
    float: left
}

.component-list:last-child {
    margin-right: 0
}

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

.theme-vod .swiper-slide p.multi-line {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: normal;
    height: 44px
}

.theme-vod .swiper-slide span {
    font-size: 14px;
    color: #666;
    line-height: 1.29;
    margin: 0 0 4px;
    display: block
}

.theme-vod .swiper-slide em {
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    margin: 0 3px;
    border-radius: 50%;
    border: 1px solid #888
}

.theme-vod .swiper-button-next,.theme-vod .swiper-button-prev {
    top: auto;
    bottom: -29px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat
}

.theme-vod .swiper-button-next:hover,.theme-vod .swiper-button-prev:hover {
    opacity: .4
}

.theme-vod .swiper-button-prev {
    left: 131px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAZdJREFUWAntls0rhFEUh4dhWEgIkVlMRiwsbCwskLKwUDb+VpRYyEp27ESYyUcUpdjIx/PTTFlops49tyzOr57et7lz7/t0ul+FQiQqEBWICkQF/nUFihnt+hh7A6pwZv1Op7Vjm36DtG/CGJTa/Ldlc1fLVlvjKN1UuV64hy0wp8Pc8++OZX5eh26owQ68gzmegppra6Bpozm3Dx+QFC/BWSxWQOOdwCF8QXI8BOexWGiYHPE8Trb6NUCKoPouwlxjvAOep413t4dVUPNsFWbgE3bhHNxj3WaWMZGcVug21CFLVAlLJKfsQTY5fcAqeKvOZAl0amRL0TjyNf0mYAim4QZewT1WQW3A2oxHYBgk+QAv4BqroCS0erVy+0HnrySf4QnckiIoCZ0Wl9AD4zAFb6BquiRVsClR40UVLUMFJN5cSLza4yUoAwlpoVRAorpuSTwpnoISeQTNwSrosjoAV2C+OHgL4vKzUO54SlKLR5IXYEoOQYlou6nDJJTA/RLBmC5RAaznvYtADBIViApEBaICmSvwDQglOfNQfA1VAAAAAElFTkSuQmCC)
}

.theme-vod .swiper-button-next {
    right: 131px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTY5NDkxNEZDODQwMTFFN0IzOUVCRjU2QURFQjFFOUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTY5NDkxNTBDODQwMTFFN0IzOUVCRjU2QURFQjFFOUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Njk0OTE0REM4NDAxMUU3QjM5RUJGNTZBREVCMUU5RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Njk0OTE0RUM4NDAxMUU3QjM5RUJGNTZBREVCMUU5RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pko2A2kAAAFDSURBVHja7Je/S8NAGIZzWq2LQ0Gqi53ULupWnFoFi9BCp/6pIv7AgoODg4uDg6CDKEWcBQdt43P1c9EhwSS9b/heeMgFUvqQ6917dXEcR5ozEymPCZqgCZpgwSll+bBzrselDCfwlvT8f0oh6xuchxXoQ0XjFB/BCyyKZDVvQZeli5lif5mDDtTgQ6Sf85riPAR9ZmEfNmAMp/CgSXByC03Y9i5wAbeaBH/SgB0ZX8G1NkGfLdiV8Q1cfvvpEfRZgwPZKe5gwHeNNTXJPRzKyq5DS2PVPcG5jOsaBSuysn2GU+/ihCyD7+oFaZszTYKr0JWWeYRj+NQi+Gf1SrtEGgQ3Ye/3/hfsPJi2QUILJnZwSMFUp5iQgm1YTzoHhhRcgneptNci9qush4WS/O5GaZ6f+mnG/heboAmaoAkWny8BBgB3iWly3QYXNwAAAABJRU5ErkJggg==)
}

.theme-vod .swiper-pagination {
    width: 100%;
    text-align: center;
    bottom: -18px!important
}

.theme-vod .swiper-pagination span {
    margin: 0 2.5px;
    width: 10px;
    height: 10px
}

.theme-vod .swiper-pagination-bullet-active {
    background: transparent;
    border: 3px solid #1351f9;
    width: 6.5px!important;
    height: 6.5px!important;
    position: relative;
    top: 1.5px
}

.theme-vod.poster .title .all {
    top: 13px
}

.theme-vod.poster .swiper-button-next,.theme-vod.poster .swiper-button-prev {
    top: 133px
}

.vod-channel {
    width: 1240px;
    margin: 0 auto;
    padding: 48px 0 40px;
    overflow: hidden
}

.vod-channel .vod-genre-sub {
    width: 929px;
    float: left;
    border-left: 0;
    height: 58px
}

.vod-channel .swiper-container {
    width: 810px!important
}

.vod-channel select.chn-select {
    float: left;
    width: 308px;
    height: 58px;
    border: 1px solid #666;
    padding: 0 20px;
    font-size: 18px;
    color: #a5a5a5;
    font-weight: 700
}

.vod-day {
    width: 1240px;
    padding: 48px 0 0;
    overflow: hidden;
    margin: 0 auto 27px
}

.vod-day a {
    font-weight: 700;
    display: inline-block;
    font-size: 24px;
    color: #666;
    margin: 0 84px
}

.vod-day a.on {
    color: #1351f9
}

.vod-day a:first-child {
    margin-left: 22px
}

.vod-day a:last-child {
    margin-right: 0
}

.vod-genre {
    width: 1240px;
    padding: 48px 0 0;
    overflow: hidden;
    margin: 0 auto 27px;
    display: table
}

.vod-genre a {
    font-weight: 700;
    display: table-cell;
    font-size: 24px;
    color: #666;
    min-width: 80px;
    max-width: 125px;
    text-align: center
}

.vod-genre a.on {
    color: #1351f9
}

.vod-genre-sub {
    width: 1238px;
    height: 58px;
    border: 1px solid #e5e5e5;
    margin: 0 auto 22px;
    overflow: hidden;
    position: relative
}

.vod-genre-sub .swiper-container {
    position: relative;
    width: 1120px;
    margin-left: 0;
    padding: 0 40px
}

.vod-genre-sub .swiper-slide {
    float: left;
    font-size: 18px;
    margin-right: 38px;
    height: 58px;
    line-height: 58px;
    width: auto!important
}

.vod-genre-sub .swiper-slide a {
    color: #666
}

.vod-genre-sub .swiper-slide a.on {
    color: #a5a5a5;
    font-weight: 700
}

.vod-genre-sub .swiper-slide:last-child {
    margin-right: 0
}

.vod-genre-sub .arrow {
    width: 58px;
    height: 58px;
    border-left: 1px solid #e5e5e5;
    position: absolute;
    top: 0
}

.vod-genre-sub .arrow:hover img {
    opacity: .2
}

.vod-genre-sub .arrow-left,.vod-genre-sub .arrow-right {
    z-index: 801
}

.vod-genre-sub .arrow-right {
    right: 0
}

.vod-genre-sub .arrow-left {
    right: 59px
}

.vod-genre-sub .gradient-white-left,.vod-genre-sub .gradient-white-right {
    height: 58px;
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 30px;
    background: linear-gradient(270deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.46) 44%,#fff);
    background: -o-linear-gradient(to left,hsla(0,0%,100%,0),hsla(0,0%,100%,.46) 44%,#fff);
    text-indent: -9999px;
    z-index: 800
}

.vod-genre-sub .gradient-white-right {
    left: auto;
    right: 116px;
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.46) 44%,#fff);
    background: -o-linear-gradient(to right,hsla(0,0%,100%,0),hsla(0,0%,100%,.46) 44%,#fff)
}

.vod-genre-sub.free {
    margin: 48px auto 40px!important
}

.vod-check {
    width: 1240px;
    margin: 0 auto 20px;
    overflow: hidden
}

.vod-check ul {
    float: right
}

.vod-check ul li {
    float: left;
    margin-right: 18px
}

.vod-check ul li a {
    font-size: 16px;
    color: #666;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAXZJREFUSA1jYBgFoyEw6EOAkRou7OzslAGasxKIP5SXl3sjm8mEzCGH3dPTowXUd+z///9WQMyHbgaGBUDXBHV0dESgK8TG7+rqsv7z588RoMGyjIyMh9nZ2X3R1WFYAFQwGYiXAy2KR1eMzO/u7vYHGrwbKCYIxOvFxMTcCgsLPyCrAbExLAC6pBGqaCbQJ1boGkB8oMvT/v37txZoASdQ/QxguIckJib+wKYWw4KysrJZQE2TgJrZgfR6YBjLI2sE+qweaPhMoDwzExNTPdDwTKC6f8hqkNlYU9GqVauY79+/vxVoiDtQ8yUeHh5rUVHR70CxaUCxNKDYXyDOADpmDrJh2NhYLQApBAYPP5A6AcQaQMM2AQ3+D2T7A9nfgS4PLy0t3QzkEwQ4LQDp7OvrU/n9+/dJoNlCID7Q8HdAtm9FRcUxEJ8YgBEHyJqKioruAF0bChT7BcSPgNiGFMORzcLLBqYaifnz53PgVTQqORoCNAsBAI1jhYZ66lQuAAAAAElFTkSuQmCC) no-repeat top -3px right;
    display: block;
    padding-right: 24px
}

.vod-check ul li a.on {
    color: #1351f9;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAZtJREFUSA1jYBgFoyEw6EOAkRou7PR8IvP978+VDP8ZPjTsVvZGNpMJmUMOu83zodaPvz+PAQ23AurnQzcDw4JmjwdBTW73I9AVYuM3uT60/v3375H//xlkGRkZD/NzM/miq8Ow4O/ff5P//f+3vNHtfjy6YmR+o/t9//8Mf3f///9fkJGRYb2cFKNb4QbFD8hqQGwMC5gYGRshiv7NbHF7API2BgD6MI3h//+1/xn+cwIlZ9RZKYUkLlD8gaEQKIA1khvc7k0EGpAHlH3FwsJoVrNN6SFMM9Bn9f///2sA8ZmYmOrrdio2weSw0VgtWBX6n/n6h/tbgS50Z2BkvCTKz2MtyiD6/drH+9OAFqcBw/svMFgy6nYqzcFmKLIYVgtACjpC7/L/+Mh4AmigBtCjm4AGAoP7vz8jA+N3oM/C63cpbUY2CBcbpwUgDe3uj1V+/v99Emi0ENgARsZ3LAxMvjW7FI7hMhBdHCOSkRVU7pS9w8zAFAp08S+g+CNmViYbUgxHNgsvu8vrvsT8hPsceBWNSo6GAM1CAADqAocq7ePMDwAAAABJRU5ErkJggg==) no-repeat top -3px right
}

.vod-check ul li:last-child {
    margin-right: 0
}

.vod-sub-detail {
    width: 1250px;
    overflow: hidden;
    margin: 0 auto
}

.vod-sub-detail .vod-small-list {
    margin: 0 5px 38px 5px;
    float: left
}

.vod-sub-detail .vod-small-list .small-type01 {
    width: 240px;
    height: 135px;
    position: relative
}

.vod-sub-detail .vod-small-list .small-type02 {
    width: 240px;
    height: 348px;
    position: relative
}

.vod-sub-detail .vod-small-list strong {
    font-size: 16px;
    color: #a5a5a5;
    width: 240px;
    display: block;
    font-weight: 400
}

.vod-sub-detail .vod-small-list strong,.vod-sub-detail .vod-small-list strong.txt-poster-p {
    line-height: 1.38;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 12px auto 4px
}

.vod-sub-detail .vod-small-list strong.txt-poster-p {
    font-size: 18px;
    text-align: center;
    width: 220px
}

.vod-sub-detail .vod-small-list span {
    font-size: 14px;
    color: #666;
    line-height: 1.29;
    margin: 0 0 2px;
    display: block
}

.vod-sub-detail .vod-small-list span.txt-poster-span {
    text-align: center
}

.vod-sub-detail .vod-small-list em {
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    margin: 0 3px;
    border-radius: 50%;
    border: 1px solid #888
}

.vod-sub-detail .thumb-vod {
    margin: 0 5px 38px 5px;
    float: left
}

.vod-sub-detail .thumb-vod .small-type01 {
    width: 240px;
    height: 135px;
    position: relative
}

.vod-sub-detail .thumb-vod .small-type02 {
    width: 240px;
    height: 348px;
    position: relative
}

.vod-sub-detail .thumb-vod strong {
    font-size: 16px;
    color: #a5a5a5;
    width: 240px;
    display: block;
    font-weight: 400
}

.vod-sub-detail .thumb-vod strong,.vod-sub-detail .thumb-vod strong.txt-poster-p {
    line-height: 1.38;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 12px auto 4px
}

.vod-sub-detail .thumb-vod strong.txt-poster-p {
    font-size: 18px;
    text-align: center;
    width: 220px
}

.vod-sub-detail .thumb-vod span {
    font-size: 14px;
    color: #666;
    line-height: 1.29;
    margin: 0 0 2px;
    display: block
}

.vod-sub-detail .thumb-vod span.txt-poster-span {
    text-align: center
}

.vod-sub-detail .thumb-vod em {
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    margin: 0 3px;
    border-radius: 50%;
    border: 1px solid #888
}

.vod-sub-detail .thumb-program {
    margin: 0 5px 38px 5px;
    float: left
}

.vod-sub-detail .thumb-program .thumb-image {
    width: 240px;
    height: 348px;
    background-color: #252525
}

.vod-sub-detail .thumb-program strong.thumb-title {
    font-size: 18px;
    text-align: center;
    line-height: 1.38;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 12px auto 4px;
    width: 220px
}

.vod-sub-detail .thumb em {
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    margin: 0 3px;
    border-radius: 50%;
    border: 1px solid #888
}

.vod-sub-detail .thumb strong {
    font-size: 16px;
    color: #a5a5a5;
    line-height: 1.38;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 12px auto 4px;
    width: 240px;
    display: block;
    font-weight: 400
}

.vod-sub-detail .thumb span {
    font-size: 14px;
    color: #666;
    line-height: 1.29;
    margin: 0 0 2px;
    display: block
}

.vod-player .video-wrap .player-bottom-contents .synopsis strong {
    font-size: 16px
}

.vod-player .video-wrap .player-bottom-contents p.txt-type01 {
    font-size: 16px;
    line-height: 24px;
    color: #a5a5a5
}

.vod-player .video-wrap .player-bottom-contents p.txt-type01 span {
    vertical-align: middle
}

.vod-player .video-wrap .player-bottom-contents p.txt-type01 span:first-child {
    display: inline-block;
    vertical-align: top;
    width: 67px
}

.vod-player .video-wrap .player-bottom-contents p.txt-type01 span:last-child {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 67px)
}

.vod-player .video-wrap .player-bottom-contents p.txt-type01 em {
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    margin: 0 6px;
    border-radius: 50%;
    border: 1px solid #a5a5a5;
    text-indent: -9999px
}

.vod-player .video-wrap .player-bottom-contents p.txt-type01 u {
    text-decoration: none;
    border-bottom: 1px solid #a5a5a5;
    vertical-align: middle
}

.vod-player .video-wrap .player-bottom-contents p.txt-type01 u a {
    color: #a5a5a5
}

.vod-player .video-wrap .player-bottom-contents p.txt-type02 {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
    color: #a5a5a5
}

.vod-player .video-wrap .player-bottom-contents p.txt-type02 span {
    display: block
}

.vod-player .video-wrap .player-bottom-contents p.txt-type02 span.synopsis {
    margin-top: 4px
}

.vod-player .video-wrap .ad-skip {
    position: absolute;
    bottom: -47px;
    right: 438px
}

.player-component01 {
    width: 1240px;
    margin: 0 auto 60px;
    overflow: hidden
}

.player-component01 .player-list {
    margin: 0 0 40px;
    overflow: hidden
}

.player-component01 h2 {
    margin: 0 0 20px;
    font-weight: 400
}

.vod-all-list ul:after {
    display: block;
    clear: both;
    content: ""
}

.vod-all-list-item {
    float: left;
    width: 50%;
    height: auto;
    padding: 20px 0;
    overflow: hidden;
    border-bottom: 1px solid #2f2f2f
}

.vod-all-list-item .vod-all-list-image {
    float: left;
    overflow: hidden;
    position: relative;
    width: 240px;
    height: 135px;
    border-radius: 12px;
    background-color: #252525
}

.vod-all-list-item .vod-all-list-image .thumb {
    min-height: 100%
}

.vod-all-list-item .vod-all-list-image .vod-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: rgba(0,0,0,.2)
}

.vod-all-list-item .vod-all-list-image .vod-progress span {
    display: block;
    width: 100%;
    height: 4px
}

.vod-all-list-item .vod-all-list-image a:not(.file-down) {
    display: block
}

.vod-all-list-item .vod-all-list-image .tag-top {
    position: absolute;
    left: 8px;
    top: 8px;
    z-index: 10
}

.vod-all-list-item .vod-all-list-txt {
    position: relative;
    float: left;
    width: calc(100% - 240px);
    height: 135px;
    padding: 10px 42px 9px 20px
}

.vod-all-list-item .vod-all-list-txt .download {
    position: absolute;
    top: 0;
    right: 0
}

.vod-all-list-item .vod-all-list-txt a {
    display: block
}

.vod-all-list-item .vod-all-list-txt strong {
    display: block;
    width: 100%;
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 24px;
    color: #a5a5a5;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal
}

.vod-all-list-item .vod-all-list-txt p {
    display: block;
    display: -webkit-box;
    width: 100%;
    max-height: 40px;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #a5a5a5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden
}

.vod-all-list-item .vod-all-list-txt .actor,.vod-all-list-item .vod-all-list-txt .metadata {
    display: block;
    width: 100%;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #a5a5a5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal
}

.vod-all-list-item:nth-child(odd) {
    padding-right: 20px
}

.vod-all-list-item:nth-child(2n) {
    padding-left: 20px
}

.pop-vod-info01 {
    width: 520px;
    height: 324px;
    margin: -162px 0 0 -260px;
    background: #252525
}

.pop-vod-info02 {
    width: 520px;
    height: 355px;
    margin: -177px 0 0 -260px;
    background: #fff
}

.pop-top {
    width: auto;
    border-radius: 6px 6px 0 0;
    padding: 22px 21px;
    color: #fff;
    overflow: hidden
}

.pop-top strong {
    font-size: 24px;
    display: block;
    margin: 0 0 10px;
    line-height: 1.33;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: normal;
    max-height: 62px;
    overflow: hidden
}

.pop-top ul {
    font-size: 0
}

.pop-top ul li {
    display: inline-block;
    font-size: 14px;
    line-height: 11px;
    vertical-align: middle
}

.pop-top ul li:last-child:after {
    display: none
}

.pop-top ul li:after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    margin: 0 4px;
    border: 1px solid #fff;
    border-radius: 50%;
    vertical-align: middle
}

.pop-contents {
    padding: 19px 21px 26px;
    overflow: hidden;
    height: auto
}

.pop-contents p {
    font-size: 15px;
    line-height: 1.6;
    color: #a5a5a5;
    overflow-y: auto;
    height: 183px
}

.theme-wrap {
    width: 1240px;
    overflow: hidden;
    height: 398px;
    margin: 60px auto 48px
}

.theme-wrap .left-wrap {
    width: 834px;
    height: 398px;
    float: left
}

.theme-wrap .left-wrap img {
    width: 100%;
    min-height: 100%
}

.theme-wrap .right-wrap {
    width: 406px;
    height: 398px;
    float: right;
    background: linear-gradient(-45deg,#7139cb,#6974e6 70%,#00bae9 150%);
    background: -moz-linear-gradient(-45deg,#7139cb 0,#6974e6 70%,#00bae9 150%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7139cb",endColorstr="#00bae9",gradientType=1);
    padding: 34px 32px 0;
    position: relative
}

.theme-wrap .right-wrap .list {
    color: #fff;
    font-size: 16px;
    position: absolute;
    right: 30px;
    bottom: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAApRJREFUWAnNmEtOIzEURRMEg2YFgAQDJEZsgc8SaImtwA4Y9xYiesQECRS2ATNGSNCKxEdizrDT50R2dSqkKnaokDzpKmX7vftubJftcqu1YNaeVk+/398idhtsBEj1EvDYbrd7VuRaliBE7JLgGPwEa+ABRBE8FuJ2eH4DV+AScff8NmcI2QQd8AJ+gQOwVJXBtuCjrzEdsFnln1UP0Sl4B2dgNSsYZ2NCrBwnufGFP8H+y3NwCxyeL5kc4A7IuZJFZgD4A7QfWcE1znKBG/AEKof8EwXOv0H3U0NDFXBr50l0ODpnHKbGemY0sdzA4aufUzj4Njn5vjxnRkWMls0RclW/fTh0wNlo8KzK5jLnWH4adoFrRvarPZYwodJcIacL7sCGZ7or8AWr6kdom/lPyHVBInOXDaVO5MNy7exL5HTVvytlomILOFzDPVbyGS7gl2TDMVXPELkAm9vNurUcHLf5faAL/4Zy7Q9+WZtyHZk5EeMmrYZe7JF1Cq91gTNu88TgMaYVBVmwcl5WCIpDliWELu6nBEwztLGHCoWpiUw2yVK4gk8xQlGQ88d5NC8rBA0E+MqB5Ne+SdXkLb32gx6i63sksZf2U5JBkmQpXPjsgbegoXjLjL0GRz5MsklzJ7ZP4gntfjD4MVA2/rKb6zOY6+ZaUoWYDliM44fKELNYB7Qg6ruOsJ4uTktDVFXA0UN+0mpcxVFXD7VfHmmHfIlwdm3wM6gLGjvsywW0JzDVt5k91eSHolxyxh2iriPHtxHc5Kd02pwZL+V/LaLiZYPrlBcIh6DyX9oWfLIvG7JOfiSJ1zGu6G7GnvTccuJZyk3Seq9jrHf1z7qOyRIEeWGIixdWClCIpjCFTH1hJclC2T+vAG/iQUip0QAAAABJRU5ErkJggg==) no-repeat;
    display: block;
    padding: 0 0 0 44px;
    line-height: 36px
}

.theme-wrap .right-wrap h2 {
    color: #fff;
    line-height: 1.29;
    font-size: 34px;
    font-weight: 400
}

.theme-wrap .right-wrap p {
    height: 20px;
    font-size: 18px;
    margin: 0 0 6px;
    color: #666;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden
}

.theme-wrap .right-wrap p:first-of-type {
    margin-top: 14px
}

.vod-list-empty {
    padding: 135px 0 230px;
    text-align: center
}

.vod-list-empty p {
    margin: 12px 0 0;
    font-size: 22px;
    line-height: 1.55;
    color: #a5a5a5
}

.vod .padT0 {
    padding-top: 0
}