@charset "utf-8";

@import url("skin-ui.css");

@import url("skin-font.css");

body {
	font-family: -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;
	background: #f7f8f9
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent
}

:root {
	--swiper-theme-color: #777ffb
}

a {
	text-decoration: none;
	outline: 0
}

a,h1, h2, h3, h4, h5, h6,h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #333;
}

strong{
	font-size: 15px;
	font-weight: 700;
}

.text-333 {
	color: #333;
}

.text-666 {
	color: #666;
}

.text-muted {
	color: #999;
}

.text-hot {
	color: #F33;
}

.text-then {
	background: linear-gradient(90deg,#777ffb 0,#2577e3 45%,#1B65C9);
	background: #ff183e;
	color: #fff;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.text-red {
	color: red;
}

.text-link {
	color: blue;
}

.text-fff {
	color: #fff;
}

.text-ccc {
	color: #ccc;
}

.text-color {
	color: #777ffb!important
}

.text-success {
	color: #0F0!important
}

.star-title-text{
	font-size: 15px;
	font-weight: 700;
}

.mask {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	animation: fade-in;
	animation-duration: .5s;
	-webkit-animation: fade-in .5s;
}

a:active,a:hover {
	outline: 0
}

a:focus {
	outline: none;
}

a:focus,a:hover,a:link {
	text-decoration: none;
}

a:hover {
	color: #777ffb
}

li,ol,ul {
	margin: 0;
	padding: 0;
	list-style: none
}

p {
	line-height: 1.5
}

em,i {
	font-style: normal
}

img {
	display: inline-block;
	vertical-align: middle
}
/* form */
input::-ms-clear {
	display: none
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 62.5rem #fff inset!important
}

img,input {
	border: 0
}

input[type=submit] {
	cursor: pointer
}

input[type=email],input[type=password],input[type=search],input[type=submit],input[type=text],option,select,textarea {
	-webkit-appearance: none
}

input,option,select,textarea {
	font-size: 100%;
	outline: 0
}

textarea {
	resize: none;
	overflow-x: hidden
}

.form-control:focus,.form-control:hover {
	border-color: #777ffb;
	background: transparent;
	-webkit-box-shadow: inset 0 1px 1px rgba(37,119,227,.075),0 0 8px rgba(88,156,246,.7);
}

.loading,.kong {
	text-align: center;
	line-height: 32px;
	clear: both;
	padding: 30px 0px;
}

.loading {
	background: url(../images/loading.gif) no-repeat center;
	display: block;
	text-indent: 15%;
}

.header-box .header-logo {
	float: left;
	width: 120px;
	height: 88px;
	line-height: 88px;
	margin-right: 20px;
}

.header-box .header-logo a {
	background-image: url(../images/logo.png);
}

.nav {
	position: relative;
	float: left;
	margin-right: 88px;
	background: #FFF;
}

.nav ul {
	position: relative;
	overflow: hidden;
}

.nav ul li {
	position: relative;
	float: left;
	padding: 0 15px;
	vertical-align: middle;
}

.nav ul li a {
	font-size: 16px;
	color: #333;
}

.nav ul li.active a {
	color: #777ffb;
	font-weight: bold;
	font-size: 18px;
}

.nav ul li:hover a {
	color: #777ffb;
}

.header {
	width: 100%;
	background: #FFF;
	height: 88px;
	line-height: 88px;
	z-index: 888;
	top: 0;
	-webkit-transition: .5s;
	-o-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	transition: .5s;
}

.header .header-box {
	position: relative;
	overflow: hidden;
	margin-right: 100px;
	margin-left: 100px;
}

.header-search {
	width: 25%;
	float: left;
	position: relative;
}

.header-search input {
	width: 100%;
	margin: auto;
	vertical-align: middle;
	padding-left: 25px;
	padding-right: 100px;
	height: 45px;
	border-radius: 80px;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.header-search input:focus,.header-search input:hover {
	-webkit-box-shadow: inset 0 1px 1px rgba(37,119,227,.075),0 0 8px rgba(88,156,246,.7);
}

.header-search-submit {
	padding-left: 15px;
	color: #FFF;
	background: linear-gradient(to right,#9A9FFC 0,#777ffb 70%);
	width: 100px;
	height: 45px;
	right: 0px;
	position: absolute;
	top: 23px;
	border: 0;
	border-top-right-radius: 80px;
	border-bottom-right-radius: 80px;
	cursor: pointer;
}

.header-search-submit .icon-sousuo {
	font-size: 22px;
	position: absolute;
	left: 5px;
	top: 10px;
}

.header-search-hot {
	position: absolute;
	top: 0px;
	right: 110px;
	color: #ff5f00;
	background-image: -webkit-linear-gradient(bottom,red,#ff5f00,yellow);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.zanpian-wd {
	border: 1px solid hsla(0,0%,100%,0);
	background: -webkit-gradient(linear,left top,right top,from(rgba(114,214,245,.2)),color-stop(50%,rgba(200,193,221,.2)),to(rgba(255,148,179,.2)));
	background: -webkit-linear-gradient(left,rgba(114,214,245,.2),rgba(200,193,221,.2) 50%,rgba(255,148,179,.2));
	background: -o-linear-gradient(left,rgba(114,214,245,.2) 0,rgba(200,193,221,.2) 50%,rgba(255,148,179,.2) 100%);
	background: linear-gradient(90deg,rgba(114,214,245,.2),rgba(200,193,221,.2) 50%,rgba(255,148,179,.2));
}

.user-login,.user-playlog {
	width: 35px;
	height: 35px;
	line-height: 35px;
	margin-top: 26px;
	border-radius: 100%;
	background: #b0b7c2;
	float: right;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	cursor: pointer;
}

.user-login {
	margin-left: 40px;
}

.header-nav {
	height: 35px;
	width: 35px;
	line-height: 35px;
	border-radius: 100%;
	background: #b0b7c2;
	text-align: center;
	cursor: pointer;
	float: left!important;
	position: relative;
	top: 15px;
	display: none
}

.header-nav .icon-fenlei {
	font-size: 18px;
	font-weight: 700
}

.hot-bang {
	background: #FFF;
	width: 100%;
	padding: 10px;
	position: inherit;
}

.txt-hot-list {
	line-height: normal;
	font-size: 15px;
}

.txt-hot-list li {
	padding: 10px 0;
	position: relative;
}

.txt-hot-list.bt li {
	border-bottom: 1px dashed #f5f5f5;
}

.txt-hot-list .txt-hot {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}

.txt-hot-list li i {
	text-align: center;
	min-width: 20px;
	min-height: 20px;
	box-shadow: 0 2px 6px rgba(51,51,51,.2);
	margin-right: 10px;
	float: left;
	line-height: 20px;
	font-size: 14px;
}

.txt-hot-list li i.i-new {
	padding: 2px 8px;
	border-radius: 50px;
	margin-top: -2px;
}

.txt-hot-list li i {
	color: #fff;
	background: #b0b7c2
}

.txt-hot-list li em.hot {
	display: block;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	background: #efefef;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
	margin-right: 10px;
	color: #999;
	font-size: 12px;
	background: #efefef;
}

.txt-hot-list li:nth-child(1) em.hot,.txt-hot-list li:nth-child(2) em.hot,.txt-hot-list li:nth-child(3) em.hot {
	background: #ff6a1f;
	color: #FFF;
}

.txt-hot-list li:nth-child(1) i {
	background: #ff183e;
	box-shadow: 0 2px 6px rgba(255,24,62,.2)
}

.txt-hot-list li:nth-child(2) i {
	background: #ff5c38;
	box-shadow: 0 2px 6px rgba(255,92,56,.2)
}

.txt-hot-list li:nth-child(3) i {
	background: #ffb821;
	box-shadow: 0 2px 6px rgba(255,184,33,.2)
}

.txt-hot-list li:nth-child(4) i {
	background: #777ffb;
	box-shadow: 0 2px 6px rgba(255,184,33,.2)
}

.hot-jian {
	float: right
}

.hot-jian .icon-hotdown,.hot-box-list .icon-hotdown {
	color: #F00
}

.hot-jian .icon-hotup,.hot-box-list .icon-hotup {
	color: #0C0
}

.search-record {
	overflow: hidden;
	padding: 10px 0px;
}

.search-record li {
	width: 50%;
	float: left;
	line-height: 35px;
}

.search-record li a {
	display: block;
	padding: 0 10px;
}

.search-record li a:hover {
	background: #f8f8f8;
}
/*playlog*/
.user-playlog:hover .playlog-box {
	display: block
}

.playlog-clear {
	float: left
}

.playlog-close {
	float: right
}

.playlog-box {
	position: fixed;
	right: 100px;
	margin-top: 15px;
	z-index: 999;
	width: 400px;
	border-radius: 6px;
	display: none;
	line-height: normal;
	background: hsla(0,0%,100%,.97);
	border: 1px solid #ebebeb;
	box-shadow: 0 2px 10px 0rgba(0,0,0,.3);
	filter: alpha(opacity=94);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=94)";
}

.playlog-title,.playlog-tool {
	overflow: hidden;
	padding: 10px 14px;
	margin: 0;
	font-size: 14px;
	border-bottom: 1px solid #ebebeb;
	border-radius: 5px 5px 0 0;
}

.playlog-box:after,.playlog-box:before {
	border: 11px solid transparent;
	border-bottom: 11px solid #fff;
	width: 0;
	height: 0;
	position: absolute;
	top: -22px;
	right: 80px;
	content: ' ';
	visibility: visible
}

.playlog-box:before {
	border-bottom-color: #b0b7c2;
}

.playlog-box ul {
	padding: 10px 10px 10px 10px;
}

.playlog-box strong {
	width: 100%;
	text-align: center;
	display: block;
	font-weight: normal
}

.playlog-box ul li {
	overflow: hidden;
	line-height: 1.1;
	padding: 8px
}

.playlog-box ul li:hover,.autocomplete-selected {
	filter: Alpha(opacity=70);
}

.playlog-box ul li h5 {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	float: left;
	font-weight: 400;
	font-size: 14px;
	margin: 0px;
}

.playlog-box ul li h5 em,.playlog-bottom em {
	margin: 0 5px;
	font-style: normal
}

.playlog-box ul li span {
	overflow: hidden;
	float: left;
	display: block;
	font-size: 14px;
}

.playlog-box ul li .playlog-del {
	margin-left: 10px;
	float: right
}

.playlog-box ul li .iconfont {
	font-size: 18px;
	font-weight: bold
}

.playlog-todo {
	text-align: center;
	padding: 10px;
}

.playlog-todo em {
	margin: 0 10px;
}

/*userlogin*/
#user-login {
	position: relative;
}

#user-login .nav-avatar {
	cursor: pointer
}

#user-login .nav-avatar img {
	width: 35px;
	height: 35px;
	border-radius: 35px;
	object-fit: cover;
	object-position: center top;
	border: 1px solid #777ffb;
}

#user-login .nav-avatar span {
	display: none
}

#user-login:hover #nav-signed {
	display: block
}

#user-login .nick-name {
	display: none
}

#nav-signed {
	display: none;
	position: fixed;
	border: 1px solid #ebebeb;
	width: auto;
	top: 75px;
	background: hsla(0,0%,100%,.97);
	box-shadow: 0 2px 10px 0rgba(0,0,0,.3);
	filter: alpha(opacity=94);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=94)";
	right: 5.5%;
	word-break: keep-all;
	z-index: 9999
}

#nav-signed:after,#nav-signed:before {
	border: 11px solid transparent;
	border-bottom: 11px solid #fff;
	width: 0;
	height: 0;
	position: absolute;
	top: -22px;
	right: 0px;
	content: ' ';
	visibility: visible;
}

#nav-signed:before {
	border-bottom-color: #ebebeb;
	top: -23px;
	right: 0px
}

#nav-signed ul {
	line-height: normal;
	text-align: center;
	padding: 10px 0px;
}

#nav-signed ul li {
	padding: 10px 20px;
	display: block;
}

#nav-signed ul li:hover {
	background: #f5f5f5;
}

.btn-color {
	background: #777ffb;
	color: #fff;
}

.btn-color:hover {
	background: #6870FB
}

.btn-color a,.btn-color:hover a {
	color: #fff;
}

.zanpian-modal-tabs ul li.active {
	border-bottom: 2px solid #777ffb;
	color: #777ffb;
}

.zanpian-modal-tabs ul li.active a {
	color: #777ffb!important
}
/*右侧滑块*/
.right-slider li .icon-weixin {
	color: #5cb85c;
}

.right-slider li .icon-liuyan {
	color: #F56467;
}

.right-slider li .iconfont {
	font-size: 22px;
}

.right-slider .dropdown-box {
	padding: 10px;
	width: 160px;
	border-radius: 2px;
	background-color: #fff;
	box-shadow: 0 2px 5px rgba(0,0,0,.1);
}

.vod-index-box,.vod-box-list,.vod-box-tv,.vod-box-mov,.vod-box-dm,.vod-box-zy,.news-box-list,.star-box-list {
	width: 100%;
	margin-top: 20px;
	position: relative;
	overflow: hidden;
}

.vod-search-list {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.vod-box-left {
	width: 75%;
	float: left;
}

.vod-box-right {
	width: 25%;
	float: right;
	margin-right: -10px;
}

.thumb-pic {
	display: block;
	position: relative;
	padding-top: 55%;
	background: url(../images/pic.png) no-repeat top center #f3f3f3;
	background-size: cover;
	border-radius: 6px;
	position: relative;
}

.index-slide-box {
	position: relative;
	width: 100%;
	overflow: hidden;
	min-height: 55px;
	z-index: 0
}

.index-slide .index-slide-ul .index-slide-li a {
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: auto 100%;
	padding-top: 480px;
	display: block;
	text-indent: -9999em;
}

.index-slide-box .index-slide .index-slide-ul .index-slide-li a {
	padding-top: 450px;
}

.index-slide-box .swiper-pagination {
	bottom: 30px;
}

.index-slide-box .index-slide-title {
	position: absolute;
	bottom: 15%;
	left: 20%;
	font-size: 16px;
	color: #FFF;
	text-shadow: 1px 1px 2px #000;
}

.index-slide-box .index-slide-title p {
	text-align: left;
	line-height: 28px;
}

.index-slide-img {
	width: 25%;
	position: absolute;
	bottom: 30px;
	right: 10%;
	z-index: 10;
}

.index-slide-img .swiper-container {
	overflow: hidden;
}

.index-slide-img ul li {
	float: left;
	width: 20%!important;
	padding: 5px;
	text-align: center;
	overflow: hidden;
	position: relative
}

.index-slide-img .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.5);
	border-radius: 4px;
}

.index-slide-img .swiper-slide-thumb-active .mask {
	display: none
}

.index-slide-img ul li a.pic {
	display: block;
	position: relative;
	padding-top: 140%;
}

.index-slide-img ul li img {
	position: absolute;
	left: 0;
	top: 0;
	box-shadow: 0 1px 2px rgba(51,51,51,0.1);
	width: 100%;
	height: 100%;
	border-radius: 4px;
	object-fit: cover;
	object-position: center top;
	background: #f3f3f3;
}

.index-slide-img ul li a.txt {
	line-height: 28px;
	color: rgba(255,255,255,.6);
}

.swiper-page {
	position: absolute;
	background: rgba(0, 0, 0, 0.6);
	display: block;
	height: 40px;
	width: 40px;
	border-radius: 100%;
	color: #FFF;
	text-align: center;
	vertical-align: top;
	--swiper-navigation-size: 16px;
	padding: 12px 8px;
	font-size: 12px;
	margin-top: 0px;
	bottom: 100px;
}

.index-slide-img .swiper-slide-thumb-active a.txt {
	color: #FFF
}

.index-slide-img .swiper-button-next {
	right: -45px;
	top: 30%;
}

.index-slide-img .swiper-button-prev {
	left: -45px;
	top: 30%;
}

.index-slide-img.index-slide-min .swiper-button-next,.index-slide-img.index-slide-min .swiper-button-prev {
	top: 18%;
}

.index-slide-box .swiper-pagination-bullet-active,.picture-slide-box .swiper-pagination-bullet-active {
	background: var(--swiper-pagination-color,#777ffb);
}

.auto-slide {
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden
}

.auto-slide-box {
	display: block;
	position: relative;
	padding-top: 140%;
}

.auto-slide-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	object-fit: cover;
	object-position: center top;
	background: #f3f3f3;
}

.auto-slide  .swiper-container {
	padding: 20px 0;
}

.auto-slide .pic-list {
	overflow: visible
}

.auto-slide ul li {
	width: 14.2857143%
}

.auto-slide .swiper-slide-active,.auto-slide .swiper-slide-duplicate-active {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}

.picture-slide-box {
	overflow: hidden;
	position: relative;
	margin-top: 20px;
}

.picture-slide-box ul li {
	width: 33.33%;
	padding: 10px;
}

.picture-slide-box ul li {
	width: 25%;
	padding: 10px;
}

.star-box .picture-slide-box ul li {
	width: 20%;
	padding: 10px;
}

.picture-slide-box .swiper-pagination {
	bottom: 45px
}

.vod-slide-box {
	width: 35%!important;
	float: left;
	padding: 10px 20px 0 0;
	overflow: hidden;
}

.vod-hot-box {
	width: 65%!important;
	float: left;
	overflow: hidden;
}

.swiper-slide-active .vod-slide-name,.swiper-slide-active .vod-slide-label {
	display: block
}

.vod-slide-name {
	display: none;
	line-height: 28px;
	font-weight: normal;
	margin-top: 8px;
	font-size: 15px;
}

.vod-slide-label {
	display: none;
	color: #999;
}

.vod-slide-box .swiper-slide {
	width: 100%;
	display: block
}

.vod-slide-box.xiaotu .swiper-slide {
	width: 45%;
}

.vod-slide-box .swiper-slide .pic-img {
	display: block;
	position: relative;
	padding-top: 65.333333%;
}

.vod-slide-box .swiper-slide .pic-img img {
	position: absolute;
	left: 0;
	top: 0;
	box-shadow: 0 1px 2px rgba(51,51,51,0.1);
	width: 100%;
	height: 100%;
	border-radius: 6px;
	object-fit: cover;
	object-position: center top;
	background: #f3f3f3;
}

.vod-slide-box .swiper-slide p {
	line-height: 55px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0
}

.vod-slide-box .swiper-page.swiper-button-prev {
	left: 10px;
	top: 40%
}

.vod-slide-box .swiper-page.swiper-button-next {
	right: 10px;
	top: 40%
}

.picture-slide-box .swiper-page {
	top: 40%
}

.picture-slide-box .swiper-page.swiper-button-prev {
	left: 0px;
	top: 40%
}

.picture-slide-box .swiper-page.swiper-button-next {
	right: 0px;
	top: 40%
}

.layout-box {
	overflow: hidden;
	position: relative;
	margin-right: 100px;
	margin-left: 100px;
}

.list-min {
	margin-top: 20px;
}

.vod-detail-box,.star-detail-box,.play-min {
	position: relative;
	margin-right: 100px;
	margin-left: 100px;
	margin-top: 30px;
}

.star-detail-box .vod-info-box ul li {
	width: 50%;
}

.star-detail-box .vod-info-box .star-h1 {
	width: 100%;
}

.star-detail-box .vod-info-box .weibo {
	margin-left: 10px;
}

.star-detail-box .vod-info-box .weibo .iconfont {
	font-size: 24px;
	color: #f93204;
}

.star-title {
	padding: 10px 0px;
	overflow: hidden;
	line-height: 35px;
}

.star-title h1,.star-title h2 {
	font-size: 18px;
	font-weight: 700;
	float: left;
}

.news-list-box {
	overflow: hidden;
	position: relative;
	margin-right: 15%;
	margin-left: 15%;
}

.box-bg {
	background: hsla(0,0%,100%,.5);
	overflow: hidden
}

.box-show {
	box-shadow: 0 2.75px 2.21px rgba(0, 0, 0, 0.01), 0 6.65px 5.32px rgba(0, 0, 0, 0.02), 0 12.5px 10px rgba(0, 0, 0, 0.01), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33.4px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.01), 0 0 1px rgba(0, 0, 0, 0.1)
}

.row {
	margin-left: -10px;
	margin-right: -10px;
}
/*autocomplete*/
.autocomplete-suggestions {
	margin-top: 3px;
	padding: 10px;
	border-radius: 0;
	background: #FFF;
	max-height: auto
}

.autocomplete-suggestion {
	padding: 8px 10px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	border-bottom: 1px dashed #f5f5f5;
	font-size: 15px;
}

.autocomplete-suggestion:hover {
	color: #777ffb
}

.autocomplete-no-suggestion {
	padding: 2px 5px
}

.autocomplete-suggestions strong {
	font-weight: 700;
	color: #777ffb
}
/*盒子标题*/
.box-title {
	margin-bottom: 10px;
	overflow: hidden;
	line-height: 35px;
}

.box-title h2,.box-title h1,.box-title h3 {
	font-size: 22px;
	font-weight: 700;
	float: left;
}

.box-title h2,.box-title h3,.vod-list-title h2,.vod-list-title h2 a,.star-title h1,.star-title h2,.star-info-title h2,.star-info-title h3,.detail-title h1,.detail-title h2 {
	color: #777ffb;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-image: linear-gradient(to right,#9A9FFC 0,#777ffb 50%,#5b64eb 100%);
}

.box-title a {
	color: #333
}

.box-title a:hover {
	color: #777ffb
}

.box-title .list-nav-total {
	margin-top: auto
}

.title-more {
	float: right;
	background: #e9ecef;
	display: inline-block;
	padding: 0px 15px;
	font-size: 14px;
	border-radius: 8px;
	font-weight: normal
}

.title-nav{
	float: right;
}

.title-list{
	background: #e9ecef;
	display: inline-block;
	padding: 0px 15px;
	font-size: 14px;
	border-radius: 8px;
    margin-right: 20px;
	font-weight: normal
}

.title-more i {
	margin-left: 5px;
	font-weight: bold;
	font-family: "宋体";
}

.box-tab {
	float: right;
	background: #E9ECEF;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 6px;
}

.box-tab li {
	float: left;
	color: #616161;
	padding: 5px 15px;
	line-height: normal;
	border-radius: 6px;
	margin-right: 10px;
	cursor: pointer
}

.box-tab li:hover,.box-tab li.active {
	background: #FFF;
	color: #777ffb
}
/*图片列表*/
.pic {
	display: block;
	position: relative;
	padding-top: 140%;
	background: url(../images/pic.png) no-repeat top center #f3f3f3;
	background-size: cover;
	border-radius: 6px;
	position: relative;
}

.pic-list li .player,.actor-role li.player,.hover-bigs .player,.video-list li .player {
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.pic-list li:hover .player,.video-list li:hover .player,.actor-role li:hover .player,.hover-bigs:hover .player {
	position: absolute;
	border-radius: 6px;
	bottom: 0;
	top: 0px;
	left: 0px;
	right: 0px;
	background: rgba(0,0,0,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
	opacity: 1;
}

.pic35 {
	padding-top: 35%!important
}

.pic45 {
	padding-top: 45%!important
}

.pic50 {
	padding-top: 50%!important
}

.pic55 {
	padding-top: 55%!important
}

.pic65 {
	padding-top: 65%!important
}

.pic75 {
	padding-top: 75%!important
}

.pic110 {
	padding-top: 110%!important
}

.pic115 {
	padding-top: 115%!important
}

.pic120 {
	padding-top: 120%!important
}

.pic130 {
	padding-top: 130%!important
}

.pic135 {
	padding-top: 135%!important
}

.pic-list,.video-list {
	margin-left: -10px;
	margin-right: -10px;
	overflow: hidden
}

.pic-list li,.video-list li {
	position: relative;
	float: left;
	padding: 10px;
}

.hot-vod-list {
	overflow: hidden;
	width: 25%;
	float: left;
	background: #FFF
}

.w100 {
	width: 100%!important
}

.w1 {
	width: 100%!important
}

.w2 {
	width: 50%!important
}

.w3 {
	width: 33.3333333%!important
}

.w4 {
	width: 25%!important
}

.w5 {
	width: 20%!important
}

.w6 {
	width: 16.6666667%!important
}

.w7 {
	width: 14.2857143%!important
}

.w8 {
	width: 12.5%!important
}

.w15 {
	width: 15%!important
}

.w20 {
	width: 20%!important
}

.w30 {
	width: 30%!important
}

.w35 {
	width: 35%!important
}

.w65 {
	width: 65%!important
}

.w70 {
	width: 70%!important
}

.w80 {
	width: 80%!important
}

.w85 {
	width: 85%!important
}

.video-list li .vod-name,.pic-list li .vod-name,.pic-list li .news-name,.pic-list li h3,.video-list li h3,.actor-role li h3,.actor-role li .vod-name {
	font-size: 15px;
	line-height: 28px;
	font-weight: normal;
	margin-top: 8px;
}

.video-list li .vod-actor,.pic-list li .vod-label,.pic-list li .vod-actor,.pic-list li h3,.video-list li h3,.actor-role li h3 {
	color: #999;
}

.vod-actor em {
	padding-right: 5px;
	padding-left: 5px;
}

.score {
	color: #fff;
	position: absolute;
	top: 5px;
	left: -5px;
	padding: 2px 8px;
	text-align: right;
	font-size: 12px;
	z-index: 2;
}

.score::before {
	content: "";
	position: absolute;
	left: 1px;
	bottom: -4px;
}

.score {
	background: linear-gradient(to right,#9A9FFC 0,#777ffb 70%);
	box-shadow: 0px 3px 3px rgba(0,0,0,.2);
}

.score::before {
	border-top: 4px solid #777ffb;
	border-left: 4px solid transparent;
}

.lianzai {
	z-index: 2;
	position: absolute;
	display: inline-block;
	line-height: 20px;
	color: #fff;
	background: rgba(0,0,0,.6);
	padding: 3px 9px;
	font-size: 12px;
	bottom: 0px;
	right: 0px;
	border-radius: 10px 0 5px 0;
}

.lianzai.l {
	bottom: 0px;
	left: 0px;
	right: auto;
	border-radius: 0 10px 0 5px;
}

.lianzai.tr {
	bottom: auto;
	top: 0px;
	right: 0px;
	border-radius: 0 6px 0 5px;
}

.vod-title {
	width: 100%;
	z-index: 2;
	position: absolute;
	display: inline-block;
	color: #fff;
	text-align: right;
	text-shadow: 0px 0px 3px rgb(0 0 0 / 40%);
	background: linear-gradient(360deg,rgba(0,0,0,.399257) 2.29%,rgba(0,0,0,.0001) 99.71%);
	padding: 8px 10px;
	font-size: 12px;
	border-radius: 6px;
	bottom: 0px;
	right: 0px;
}

.tips {
	color: #FFF;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 2px 8px;
	text-align: right;
	font-size: 12px;
	z-index: 2;
	border-radius: 0 5px 0 0;
	box-shadow: 0px 3px 3px rgba(0,0,0,.2);
}

.tips-r {
	color: #FFF;
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 2px 8px;
	text-align: right;
	font-size: 12px;
	z-index: 2;
	background: linear-gradient(to right,#9A9FFC 0,#777ffb 70%);
	border-radius: 5px;
	box-shadow: 0px 4px 4px rgba(0,0,0,.2);
}

.tips-l {
	color: #FFF;
	position: absolute;
	top: 5px;
	left: 5px;
	padding: 2px 8px;
	text-align: left;
	font-size: 12px;
	z-index: 2;
	border-radius: 5px;
	background: #b0b7c2;
	box-shadow: 0 2px 6px rgba(51,51,51,.2);
}

.tips.left {
	left: 0px;
	right: auto;
	text-align: left;
	border-radius: 4px 0 0 0;
}

.tips {
	background: #777ffb;
}

.auto-slide-box .pic-list li {
	padding: 5px;
}

.auto-slide-box .pic-list li.swiper-slide-active {
	padding: 15px;
}

/* 上映时间标 */
.filmtime {
	display: block;
	position: relative;
	min-height: 60px;
	margin: 0 0 13px 0;
	text-align: center;
	line-height: 24px;
	color: #616161;
}

.filmtime::before {
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	bottom: -2px;
	z-index: 2;
	left: 50%;
	margin-left: -5px;
	border-radius: 100%;
	background: #ccc;
}

.filmtime::after {
	content: '';
	width: 120%;
	height: 5px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #eee;
}

.filmtime.on,li:hover .filmtime {
	color: #589cf6
}

.filmtime.on::before {
	background: #589cf6;
}

.filmtime span {
	font-weight: bold;
}

.filmtime.on,li:hover .filmtime {
	color: #777ffb;
}

.filmtime.on::before,li:hover .filmtime::before {
	background: #777ffb;
}

.four-show .hot-card,.role-show .hot-card {
	overflow: hidden;
	padding: 0px;
}

.hot-card-info p a {
	color: #777ffb;
}

.hot-card {
	background: #FFF;
	border-radius: 6px;
	padding: 10px;
	position: relative;
}

.hot-card.no {
	padding: 10px 10px 20px 10px;
}

.hot-card-list {
	margin-left: -10px;
	margin-right: -10px;
	overflow: hidden;
}

.star-list {
	position: relative;
}

.hot-card-list li,.hot-box {
	position: relative;
	float: left;
	padding: 10px;
	min-height: 1px;
}

.hot-box {
	width: 100%;
}

.vod-yg-box {
	width: 100%;
	position: relative;
	float: left;
	padding: 10px;
	min-height: 1px;
}

.vod-yg {
	padding: 10px 10px 0 10px;
}

.hot-card-list li.w4 {
	margin-top: 25px
}

.hot-card-img {
	width: 30%;
	float: left;
	z-index: 1;
}

.hot-num {
	overflow: hidden;
	border: 3px solid #9e9e9e;
}

.hot-card-data {
	margin-left: 34%;
	padding: 10px;
	margin-bottom: 10px;
}

.card-vod-name {
	line-height: 28px;
	font-weight: 700
}

.hot-card-data em {
	padding-right: 5px;
}

.pic-list .hot-num,.video-list .hot-num {
	border: none
}

.hot-num i {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: 1;
	padding-top: 8px;
	color: #fff;
	font-size: 24px;
	width: 40px;
	height: 50px;
	text-indent: 6px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
	font-weight: 700
}

.hot-num i::after {
	content: '';
	position: absolute;
	left: -110%;
	top: -40%;
	z-index: -1;
	height: 150%;
	width: 160%;
	border-radius: 16px;
	transform: rotateZ(46deg);
	background: #9e9e9e;
}

.hot-card-list li:nth-child(1) .hot-num {
	border: 3px solid #e50914;
}

.hot-card-list li:nth-child(1) .hot-num i::after,.pic-list li:nth-child(1) .hot-num i::after,.video-list li:nth-child(1) .hot-num i::after {
	background: #e50914;
}

.hot-card-list li:nth-child(2) .hot-num {
	border: 3px solid #f73;
}

.hot-card-list li:nth-child(2) .hot-num i::after,.pic-list li:nth-child(2) .hot-num i::after,.video-list li:nth-child(2) .hot-num i::after {
	background: #f73;
}

.hot-card-list li:nth-child(3) .hot-num {
	border: 3px solid #ffa82e
}

.hot-card-list li:nth-child(3) .hot-num i::after,.pic-list li:nth-child(3) .hot-num i::after,.video-list li:nth-child(3) .hot-num i::after {
	background: #ffa82e
}

.hot-card-list li:nth-child(4) .hot-num {
	border: 3px solid #777ffb
}

.hot-card-list li:nth-child(4) .hot-num i::after,.pic-list li:nth-child(4) .hot-num i::after,.video-list li:nth-child(4) .hot-num i::after {
	background: #777ffb
}

.hot-card-class {
	position: absolute;
	right: 0;
	top: -25px;
	height: 40px;
	background: #e9ecef;
	color: #616161;
	font-size: 13px;
	padding: 0 10px 0 2px;
	border-radius: 8px;
	font-weight: 700;
	line-height: 26px;
	z-index: -1
}

.hot-card-class::after {
	content: '';
	position: absolute;
	left: -13px;
	top: 0;
	background: #e9ecef;
	border-radius: 8px;
	width: 100%;
	height: 100%;
	transform: skewX(-20deg);
	z-index: -1
}

.hot-card-info {
	width: 70%;
	float: left;
	padding: 10px;
	line-height: 35px;
}

.hot-card-info .star-name {
	font-size: 16px;
	font-weight: bold;
}

.hot-card-info .star-name,.hot-card-info .star-info,.hot-card-info .star-vod {
	line-height: 28px;
}

.hot-card-info em {
	margin-right: 5px;
	color: #757575
}

.hot-card-foot {
	width: 100%;
	background: #F3F5F7;
	height: 30px;
	border-radius: 6px;
	margin-top: 0px;
}

.hot-card-foot.no,.title-more.no {
	background: none
}

.hot-card-play {
	font-size: 12px;
	padding: 7px 15px 7px 15px;
	margin-top: 10px;
	border-radius: 20px;
	background: linear-gradient(to right,#2577e3 0,#589cf6 70%);
	color: #fff;
	position: relative;
	top: -10px;
	right: -6%;
	border: 5px solid #fff;
	background: #777ffb;
	overflow: hidden;
}

.hot-card-juqing {
	font-size: 12px;
	padding: 7px 15px 7px 15px;
	margin-top: 10px;
	color: #fff;
	position: relative;
	top: -10px;
	right: -7%;
	z-index: 1;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	background: #777ffb;
}

.hot-card-infos {
	font-size: 12px;
	padding: 7px 15px 7px 15px;
	margin-top: 10px;
	border-radius: 20px;
	color: #fff;
	position: relative;
	top: -10px;
	right: -9%;
	z-index: 1;
	border: 5px solid #fff;
	background: #00cc4c
}

.hot-card-infos:hover,.hot-card-play:hover {
	color: #FFF;
	background: #6870FB
}

.hot-card-play span {
	width: 15px;
	height: 15px;
	font-size: 12px;
	text-align: center;
	line-height: 15px;
	background: #FFF;
	border-radius: 100%;
	color: #1B65C9;
	position: absolute;
	bottom: -7px;
	right: 5px;
}

.flower {
	padding: 40px 30px 20px 30px;
	z-index: 2;
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(../images/zan.png) no-repeat center 8px;
	color: #F18167;
	text-align: right;
	cursor: pointer;
}

.flower.hover:hover {
	background-color: rgba(128,128,128,.48);
	border-radius: 0;
}

.fl-num {
	color: #F18167;
	position: absolute;
	top: 35px;
	right: 5px;
	padding: 5px 10px;
	text-align: center;
	font-size: 12px;
	line-height: 21px;
	z-index: 1
}

.hot-card-info .flower {
	padding: 40px 15px 15px 15px;
	right: 5px;
}

.actor-show li {
	padding: 30px 10px
}

.actor-card {
	border-radius: 6px 6px 0px 0px;
}

.actor-role {
	background: #FFF;
	overflow: hidden;
}

.actor-role li {
	float: left;
	width: 33.3333333%;
	position: relative;
	padding: 10px;
}

.index-hot-box {
	margin: 20px -10px;
	overflow: hidden;
}

.hot-box-title {
	line-height: 40px;
	border-bottom: 1px solid #f1f3f5;
	padding: 10px 20px;
	border-radius: 6px 6px 0px 0px;
	margin: -10px -10px 0px -10px;
	background: -webkit-gradient(linear,top top,bottom top,from(rgba(255,255,255,.1)),color-stop(50%,rgba(200,193,221,.1)),to(rgba(255,148,179,.1)));
	background: -webkit-linear-gradient(top,rgba(255,255,255,.1),rgba(119,127,251,.1) 50%,rgba(255,148,179,.1));
	background: -o-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(200,193,221,.1) 50%,rgba(255,148,179,.1) 100%);
	background: linear-gradient(90deg,rgba(255,255,255,.1),rgba(119,127,251,.1) 50%,rgba(255,148,179,.1));
}

.hot-box-title h2,.hot-box-title h3 {
	font-size: 20px;
	font-weight: 700;
}

.hot-box-title h2,.hot-box-title h3 {
	color: #777ffb;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-image: linear-gradient(to right,#9A9FFC 0,#777ffb 50%,#5b64eb 100%);
}

.hot-box-total {
	float: right;
	font-size: 14px;
	font-weight: normal
}

.hot-box-title .box-tab {
	font-size: 14px;
	background: rgba(247, 248, 249, 0.6);
}

.hot-box .hot-card {
	padding-bottom: 0px;
}

.hot-box-list {
	margin-left: -10px;
	margin-right: -10px;
}

.hot-box-list li a {
	padding: 10px 0;
	min-height: 45px;
	display: block;
	position: relative;
	border-bottom: 1px solid #f1f3f5;
}

.hot-box-list li:nth-child(10) a {
	border-bottom: 0px;
}

.hot-box-list li em.hot {
	float: left;
	font-family: "Impact", "Roboto-Black", "Helvetica Neue", sans-serif;
	font-weight: 700;
	position: relative;
	color: #bcbcbc;
	font-size: 24px;
	line-height: 59px;
	width: 50px;
	text-align: center
}

.hot-box-list li {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}

.pic-box-list {
	margin-left: -10px;
	margin-right: -10px;
}

.pic-box-list a {
	padding: 15px 0;
	min-height: 45px;
	display: block;
	position: relative;
	border-bottom: 1px solid #f1f3f5;
}

.pic-box-list li {
	position: relative
}

.pic-box-list li a {
	padding-left: 80px;
}

.pic-yuan {
	float: left;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 10px;
	margin-left: 10px;
}

.hot-box-list li.news .pic-yuan {
	width: 25%
}

.hot-box-list li.news a {
	padding-left: 32%
}

.pic-yuan img {
	position: absolute;
	left: 5px;
	top: 0;
	box-shadow: 0 4px 10px rgba(51,51,51,0.2);
	width: 100%;
	height: 100%;
	border-radius: 5px;
	object-fit: cover;
	object-position: center top;
	background: #f3f3f3;
	z-index: 1
}

.hot-box-list li:hover,.tv-list-info li:hover {
	background: linear-gradient(
90deg,rgba(255,255,255,.1),rgba(119,127,251,.1) 50%,rgba(255,148,179,.1));
}

.hot-box-list li:nth-child(1) em.hot {
	color: #e50914;
}

.hot-box-list li:nth-child(2) em.hot {
	color: #f73;
}

.hot-box-list li:nth-child(3) em.hot {
	color: #ffa82e
}

.hot-box-list li:nth-child(4) em.hot {
	color: #777ffb
}

.hot-box-list.top a:last-child {
	border-radius: 0px 0px 6px 6px;
}

.hot-box-list li:last-child a,.tv-list-info li:hover:last-child {
	border-radius: 0px 0px 6px 6px;
}

.hot-box-list .iconfont {
	float: right;
	line-height: 59px;
	margin-right: 10px;
}

.hot-news-list {
	margin-left: -10px;
	margin-right: -10px;
}

.hot-news-list h3 {
	font-size: 15px;
	font-weight: 700;
	color: #333
}

.hot-news-list li {
	padding: 10px 20px;
	overflow: hidden;
	border-bottom: 1px solid #f1f3f5;
	position: relative
}

.hot-news-list li:hover,.news-list li:hover {
	background: #f7f8f9;
}

.hot-news-list .hot-news-list-img {
	width: 25%;
	float: left;
}

.hot-news-list .hot-news-list-info {
	width: 75%;
	float: left;
	padding-left: 15px;
}

.news-title {
	font-weight: 700;
	font-size: 15px;
}

.news-list li {
	padding: 20px 10px;
	border-bottom: 1px solid #f1f3f5;
	position: relative;
	min-height: 1px;
	width: 100%;
	float: left
}

.news-list .news-list-pic {
	width: 20%;
	float: left;
}

.news-list .news-list-info {
	width: 80%;
	float: left;
	padding-left: 15px;
	line-height: 33px;
}

.news-list h3 {
	font-size: 16px;
	font-weight: 700;
	color: #333;
	line-height: 33px;
}

.news-list-image {
	padding: 10px 10px 0 10px;
	margin-left: -20px;
	margin-right: -30px;
	overflow: hidden
}

.news-list-images {
	width: 20%;
	float: left;
	padding: 0px 10px;
}

.news-list-tips {
	position: absolute;
	bottom: 20px;
	width: 75%;
}

.news-list-image .news-list-tips {
	width: 100%;
	position: static;
	padding-left: 10px;
	padding-top: 15px;
	padding-right: 10px;
	overflow: hidden;
	line-height: 33px;
}

.bnt-tips {
	border: 1px solid #e9ecef;
	float: left;
	display: inline-block;
	padding: 0px 15px;
	font-size: 14px;
	border-radius: 8px;
	font-weight: normal;
	margin-right: 10px;
}

.bnt-tips:hover,.bnt-tips.active {
	background: #777ffb;
	color: #FFF;
	border: 1px solid #777ffb;
}

.list-nav {
	margin-bottom: 20px;
}

.list-nav .list-name,.list-nav ul,.search-top {
	border-bottom: 3px solid #f1f3f5;
	margin: 10px 0px;
}

.list-nav ul h1 {
	float: left
}

.list-nav .list-name h1,.list-nav .list-name h2,.list-nav ul li a {
	color: #333;
	padding: 15px 0px;
	margin-right: 20px;
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
	margin-bottom: -3px;
}

.list-nav ul li a {
	font-size: 16px;
}

.list-nav ul li.swiper-slide {
	float: left;
	width: auto;
	height: auto;
	position: static;
}

.list-nav .list-name h1,.list-nav .list-name h2,.list-nav ul a:hover,.list-nav ul li.active a,.list-nav ul h1.active {
	color: #777ffb!important;
	border-bottom: 3px solid #777ffb;
}

.list-nav ul .conreset a {
	font-size: 14px;
	text-shadow: none;
}

.list-nav ul .conreset a:hover {
	border: none
}

.list-nav-total {
	float: right;
	line-height: 45px;
}

.search-top {
	line-height: 45px;
	font-size: 18px;
	font-weight: 700
}
/* 检索导航 */
.slideDown-btn {
	line-height: 45px;
	color: #999
}

.top-type {
	padding-top: 0px;
	padding-bottom: 10px;
	overflow: hidden;
	border-bottom: 2px solid #f1f3f5;
	margin-bottom: 20px;
}

.top-type .title {
	padding: 15px 0;
	margin: 0 10px;
	overflow: hidden;
}

.top-type .title h1 {
	margin-right: 15px;
	font-size: 20px;
	float: left
}

.top-type .type-class {
	overflow: hidden;
	border-bottom: 1px solid #f1f3f5;
	padding: 15px 0px;
}

.type-selected ul {
	padding-top: 5px;
	padding-bottom: 10px;
	overflow: hidden;
	float: left
}

.type-class ul li,.type-selected ul li {
	display: inline-block;
	position: relative;
	width: auto!important;
	float: left
}

.type-class ul li a,.type-selected ul li a,.sitemap-list ul li a {
	display: block;
	position: relative;
	font-size: 14px;
	padding: 5px 12px;
	border-radius: 8px;
	border: 1px solid #e9ecef;
	margin-right: 10px;
}

.type-class ul li a.type-title,.type-selected ul li a.type-title {
	border: none;
	margin-right: 0px;
	padding-left: 0px;
}

.type-class ul li.active a,.type-selected ul li.active a {
	color: #fff;
	background: #777ffb;
	border: 1px solid #777ffb;
}

.type-title {
	font-size: 16px!important;
	font-weight: 700;
	white-space: nowrap;
}

.type-title i,.sitemap-list ul li.title i {
	margin-left: 10px;
	vertical-align: initial;
	font-size: 12px;
	transform: scale(0.6) rotate(270deg);
	color: #c2c6d0;
}

.type-selected ul li.opt a {
	padding: 2px 26px 2px 6px;
	border-radius: 0px;
	margin-right: 10px;
	background: linear-gradient(to right,#9A9FFC 0,#777ffb 70%);
	margin-top: 5px;
}

.type-selected ul li.opt a {
	color: #fff;
}

.type-selected ul li.opt span {
	font-size: 12px;
	cursor: pointer;
	right: 0;
	top: 0;
	position: absolute;
	height: 100%;
	width: 20px;
	text-align: center;
	display: block;
	background: #e9e9e9;
	line-height: 22px;
	color: #333
}

.type-selected ul li.opt span::before {
	content: "\2716";
}

.sitemap-list {
	padding: 10px 0px;
}

.sitemap-list ul {
	padding: 10px 10px 0 60px;
	border-bottom: 1px solid #f1f3f5;
}

.sitemap-list ul li {
	float: left;
	margin-bottom: 15px;
}

.sitemap-list ul li.title {
	font-weight: 700;
	margin: 5px 10px 15px -60px;
	float: left;
	font-size: 16px;
	color: #616161;
}
/*page*/
.list-page,.box-page {
	text-align: center;
	padding-bottom: 15px;
	padding-top: 15px;
	margin-top: 15px;
}

.list-page ul li,.box-page ul li {
	display: inline-block
}

.list-page ul li a,.list-page ul li span,.box-page ul li a,.box-page ul li span {
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 6px;
	font-size: 14px;
	display: inline-block;
	padding: 9px 15px
}

.list-page ul li.disabled span,.box-page ul li.disabled span {
	background: none
}

.list-page ul li.hidden-xs,.box-page ul li.hidden-xs {
	display: inline-block
}

.list-page ul li a,.box-page ul li a {
	box-shadow: 0 4px 10px rgba(0,0,0,.1);
	background: hsla(0,0%,100%,.08);
}

.list-page ul li span,.list-page ul li.home.disabled span,.list-page ul li.prev.disabled span,.list-page ul li.next.disabled span,.list-page ul li.last.disabled span,.box-page ul li span,.box-page ul li.home.disabled span,.box-page ul li.prev.disabled span,.box-page ul li.next.disabled span,.box-page ul li.last.disabled span {
	background: #e9ecef;
	color: #999
}

.list-page ul li a:hover,.list-page ul li.active span,.box-page ul li a:hover,.box-page ul li.active span {
	background: #777ffb;
	color: #fff
}

.vod-right {
	margin-top: 10px;
}

.mcat-box {
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 15px;
	overflow: hidden
}

.mcat-box-title {
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap
}

.mcat-box-title {
	font-size: 18px;
	font-weight: 700;
	color: #333;
}

.mcat-box ul {
	float: left
}

.mcat-box .tv-mcat,.mcat-box .dm-area {
	width: 30%
}

.mcat-box .tv-fenlei,.mcat-box .dm-mcat {
	width: 40%
}

.mcat-box .tv-year,.mcat-box .dm-year {
	width: 30%
}

.mcat-box .star-xb-type {
	width: 15%;
}

.mcat-box .star-area-type {
	width: 45%;
}

.mcat-box .star-letter-type {
	width: 40%;
}

.mcat-box li {
	padding: 10px;
	float: left;
	width: 20%
}

.mcat-box ul li.mcat-box-title {
	width: 100%!important
}

.mcat-box .tv-mcat li,.mcat-box .dm-mcat li {
	width: 12%
}

.mcat-box .tv-year li,.mcat-box .dm-year li {
	width: 16%
}

.mcat-box .dm-area li {
	width: 16%
}

.mcat-box .star-xb-type li {
	width: 33.333333%;
}

.mcat-box .star-area-type li {
	width: 10%
}

.mcat-box .star-letter-type li {
	width: 11.1111111%
}

.mcat-box .tv-fenlei li:nth-child(n+12),.mcat-box .tv-mcat li:nth-child(n+22),.mcat-box .tv-year li:nth-child(n+14),.mcat-box .dm-mcat li:nth-child(n+22),.mcat-box .dm-area li:nth-child(n+18),.mcat-box .dm-year li:nth-child(n+14),.mcat-box .star-area-type li:nth-child(n+12),.mcat-box .star-letter-type li:nth-child(n+11) {
	display: none
}

.vod-detail-bg {
	display: none;
}

.main-left {
	width: 75%;
	float: left;
}

.main-right {
	width: 25%;
	float: right;
	margin-right: -10px;
}

.special_bg {
	display: block;
	position: relative;
	padding-top: 20%;
	margin-left: 200px;
}

.special_bg img {
	position: absolute;
	left: 0;
	top: 0;
	box-shadow: 0 1px 2px rgba(51,51,51,0.1);
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	background: #f3f3f3;
}

.special_info {
	background: hsla(0,0%,100%,.6);
	box-shadow: 0 0 0 5px rgba(255,255,255,0.2);
	margin-top: -5%;
	position: relative;
	z-index: 2;
	padding: 20px;
	border-radius: 5px 5px 0 0;
}

.special_info h1,.tv-detail h1 {
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	padding: 10px;
}

.special_title {
	text-align: center;
	padding: 10px;
}

.special_title span {
	margin-left: 5px;
	margin-right: 5px;
}

.article-content a,.a-b,.vod-info-box a {
	color: #777ffb;
}

.tv-list-box .hot-box-title {
	overflow: hidden
}

.tv-list-box .hot-box-title h2 {
	font-size: 18px;
	float: left
}

.tv-list-box .hot-box-title .title-more {
	background: none
}

.tv-list-box.w3 {
	width: 33.3333%
}

.tv-list-info li {
	padding: 20px;
	position: relative;
	border-bottom: 1px solid #f1f3f5;
	margin-left: -10px;
	margin-right: -10px;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap
}

.tv-list-info li span {
	position: absolute;
	right: 20px;
	z-index: 1
}

.tv-list-info li:last-child {
	border-bottom: none
}

.tv-detail-info {
	float: left;
	width: 33.333333%;
	padding: 20px;
}

.tv-detail-title {
	padding: 20px;
	text-align: center
}

.tv-detail-info .tv-list-info li {
	margin-left: 0px;
	margin-right: 0px;
}

.article-detail {
	padding-top: 10px;
}

.article-detail h1 {
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	line-height: 45px;
	padding: 15px;
}

.article-box {
	padding: 20px;
}

.article-detail .hot-card-list li.w100 {
	width: 100%!important;
}

.article-box h1 {
	padding: 0px;
}

.article-title {
	text-align: center;
	margin-bottom: 10px;
	line-height: 32px;
}

.article-title span {
	margin-right: 10px;
	color: #999;
}

.article-remark {
	padding: 20px;
	margin-bottom: 20px;
	line-height: 32px;
	text-indent: 32PX;
	color: #666;
	background: #fde7e7;
}

.article-tag {
	font-weight: 700;
}

.article-tag a {
	color: #777ffb;
	margin-right: 5px;
}

.article-content p {
	text-indent: 32px;
	line-height: 32px;
}

.article-content {
	font-size: 15px;
	line-height: 32px;
	padding: 10px;
	text-indent: 32px;
}

.article-content img,.article-pic-content img {
	max-width: 700px;
	width: expression(this.width > 700 && this.height < this.width ? 700:true);
	height: auto;
	margin: 10px auto;
	display: block;
	padding: 2px;
	border: 1px solid #f1f3f5;
}

.article-content img.lazyload,.article-pic-content img.lazyload {
	background: url(../images/loading.gif) no-repeat center;
	display: block;
}

.article-pic {
	overflow: hidden;
	clear: both;
	margin-top: 10px;
}

.article-pic-content {
	position: relative;
	font-size: 15px;
	line-height: 30px;
}

.article-pic-page,.article-images-page {
	color: #666;
	line-height: 45px;
	font-size: 25px;
	padding: 10px 0px;
	letter-spacing: 3px;
}

.article-pic-page span,.article-images-page span {
	font-family: "Impact", "Roboto-Black", "Helvetica Neue", sans-serif;
	font-weight: 700;
}

.article-images-page {
	padding: 0px;
}

.article-images-title {
	line-height: 35px;
	text-align: center;
	font-size: 20px;
	font-weight: 700
}

.article-box .vod-slide-box .swiper-slide {
	padding-left: 50px;
	padding-right: 50px
}

.article-pic-page i {
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.article-pic .condiv {
	cursor: pointer;
	height: 100%;
	width: 50%;
	position: absolute;
	top: 0px;
	z-index: 5;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.article-pic:hover .condiv {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
	opacity: 1;
}

.article-pic .left {
	left: 0px;
}

.article-pic .right {
	right: 0px;
}

.article-pic .swiper-page {
	padding-top: 7px;
	line-height: 30px;
	width: 40px;
	height: 40px;
}

.page_next,.news_page_next {
	text-align: right
}

.article-page {
	font-size: 16px;
	font-weight: 600;
	line-height: 45px;
	overflow: hidden
}

.picture-slide {
	display: none;
	position: fixed;
	opacity: 1;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	-ms-touch-action: none;
	touch-action: none;
	z-index: 1500;
	-webkit-text-size-adjust: 100%;
	-webkit-backface-visibility: hidden;
	outline: 0;
	z-index: 9999
}

.picture-slide-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 1;
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
	transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.picture-slide-model {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 10px
}

.picture-slide-top,.picture-slide-model {
	color: #FFF;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	overflow: hidden;
	position: relative;
}

.picture-slide-model .swiper-pagination {
	color: #FFF;
	top: 45px;
	height: 35px;
}

.picture-slide-top .iconfont,.picture-slide-top .closed {
	font-size: 24px;
}

.picture-slide-top span,.picture-slide-box .pic-img {
	cursor: pointer
}

.picture-slide-model .swiper-slide img {
	max-width: 800px;
	width: expression(this.width > 800 && this.height < this.width ? 800:true);
	height: auto;
	margin: auto;
	display: block
}

.picture-slide-model .swiper-container {
	padding-top: 10px;
}

.picture-slide-model .swiper-container .swiper-slide {
	color: #FFF;
}

.pictures-slide {
	position: relative
}

.pictures-slide .article-images-page {
	width: 100%;
}

.pictures-slide .pic-img img {
	max-width: 800px;
	width: expression(this.width > 800 && this.height < this.width ? 800:true);
	height: auto;
	margin: 10px auto;
	display: block;
	padding: 2px;
	border: 1px solid #f1f3f5;
}

.pictures-slide-min {
	position: relative;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}

.pictures-slide-min .swiper-container {
	overflow: hidden;
}

.pictures-slide-min .swiper-wrapper li {
	float: left;
	cursor: pointer;
	width: 16.6666667%!important
}

.pictures-slide-min .swiper-wrapper li .pic {
	display: block;
	position: relative;
	padding-top: 55%;
}

.pictures-slide-min .swiper-wrapper li img {
	position: absolute;
	left: 0;
	top: 0;
	box-shadow: 0 1px 2px rgba(51,51,51,0.1);
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	background: #f3f3f3;
	border: 3px solid #fff;
}

.pictures-slide-min .swiper-button-prev,.pictures-slide-min .swiper-button-next {
	--swiper-navigation-size: 28px;
	--swiper-theme-color: #777ffb;
}

.pictures-slide-min .swiper-wrapper li.swiper-slide-thumb-active img {
	border: 3px solid #777ffb;
}

.pictures-slide-min .swiper-button-prev {
	left: -10px;
}

.pictures-slide-min .swiper-button-next {
	right: -10px;
}

.article-box .vod-slide-box .swiper-container {
	padding-bottom: 0px;
}

.article-box .hot-card-img {
	width: 15%;
}

.article-box .hot-card-info {
	width: 85%;
	padding: 10px 0px 10px 20px;
}

.article-box .news-vod-content {
	color: #999;
	line-height: 28px;
}

.article-box .hot-card-info h3 {
	padding: 10px 0px;
}

.article-box .hot-card-info p {
	line-height: 32px;
}

.article-box .hot-card-list {
	margin-left: 0px;
	margin-right: 0px;
	padding: 10px;
}

.article-box .hot-card {
	overflow: hidden;
	background: none;
}

.news-tips {
	overflow: hidden;
	line-height: 35px;
}

.slidedown {
	cursor: pointer
}

.type-order {
	padding-top: 20px;
	border-bottom: 3px solid #777ffb;
	margin-top: 20px;
}

.type-order a {
	padding: 10px 15px;
	float: left;
	display: inline-block;
	width: 14.2857143%;
}

.type-order a.active,.type-order a:hover {
	background: #777ffb;
	color: #FFF;
	margin-top: -10px;
	padding-bottom: 17px;
	padding-top: 13px;
	box-shadow: 2px 5px 5px rgba(0,0,0,.8);
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-ms-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

.vod-main-box {
	position: relative;
	overflow: hidden;
}

.map-box {
	margin-bottom: 20px;
}

.layout-box.play-box .play-detail-box {
	margin-top: 20px;
}

.vod-box-top {
	margin-top: -150px;
	margin-left: -25px;
	margin-bottom: 40px;
}

.vod-info-box h1,.vod-info-box .title {
	font-size: 22px;
	font-weight: 700;
	color: #333;
	display: inline-block;
	margin-top: 10px;
	line-height: 32px;
}

.vod-box-rating {
	float: left;
	width: 25%;
	line-height: 32px;
	font-size: 14px;
}

.vod-seat {
	overflow: hidden;
}

.vod-seat ul {
	background: hsla(0,0%,100%,.8);
	float: left;
	padding: 0px 8px;
	border-radius: 8px;
	border: 1px solid #f1f3f5;
	margin-right: 10px;
	color: #999;
	text-align: center
}

.vod-seat ul a {
	margin-left: 5px;
	margin-right: 5px;
}

.vod-seat ul span:last-child {
	display: none
}

.qrcode {
	width: 100%;
	overflow: hidden;
	text-align: center;
}

.qrcode-box {
	padding: 20px;
}

.qrcode-box img {
	width: 180px;
	height: 180px;
}

.qrcode p {
	text-align: center;
}

.search-txt {
	color: #999;
	font-size: 16px
}

.star-detail-list{
	width: 100%;
	margin-top: 10px;
	position: relative;
	overflow: hidden;
}

.vod-detail-list {
	width: 100%;
	margin-top: 20px;
	position: relative;
	overflow: hidden;
}

.list-box {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.vod-detail-list ul.pic-list li {
	margin-top: -10px;
	margin-bottom: -10px;
}

.part-list {
	padding-bottom: 10px;
}

.part-list:nth-child(3n) {
	padding-bottom: 0px;
}

.news-list {
	margin-left: -10px;
	margin-right: -10px;
	overflow: hidden;
}

.news-list li:nth-child(3n) {
	border-bottom: 0px;
}

.part-title {
	font-size: 16px;
	font-weight: 700;
	color: #000;
	line-height: 30px;
}

.part-content {
	text-indent: 32px;
	font-size: 15px;
	color: #333;
	line-height: 24px;
}

.role-ul {
	margin-left: -10px;
	margin-right: -10px;
}

.role-list {
	width: 16.666667%;
	float: left;
	padding: 10px;
}

.role-name {
	padding-top: 10px;
	text-align: center;
}

.role-name a {
	font-weight: 700;
	color: #000;
}

.vod-news {
	width: 20%;
	float: left;
	padding: 10px;
}

.role-star {
	color: #666;
	padding-top: 10px;
	text-align: center;
}

.role-star a {
	color: #000;
}

.star-name {
	padding-top: 10px;
	text-align: center;
}

.star-name a {
	color: #000;
}

.vod-news-title {
	line-height: 35px;
}

.vod-news-title a {
	font-size: 16px;
	font-weight: 700;
	color: #333;
}

.vod-news-remark {
	color: #999;
	line-height: 24px;
}

.vod_content {
	text-indent: 32px;
	font-size: 15px;
	color: #000;
	line-height: 28px;
}

.vod-list-title {
	padding: 10px 0px;
	overflow: hidden;
	line-height: 35px;
}

.vod-list-title h2 {
	font-size: 18px;
	font-weight: 700;
	float: left;
}

.vod-list-title h2 a {
	font-size: 18px;
	font-weight: 700;
}

.vod-box,.star-info {
	position: relative;
	background: hsla(0,0%,100%,.8);
	border: 1px solid #f1f3f5;
	border-radius: 6px;
	padding: 20px;
}

.star-info {
	margin-bottom: 30px;
}

.star-info-title {
	overflow: hidden;
	line-height: 35px;
}

.star-info-title h2,.star-info-title h3 {
	font-size: 18px;
	font-weight: 700;
	float: left;
}

.star-info-content {
	font-size: 15px;
	line-height: 32px;
	text-indent: 32px;
}

.star-info-content p {
	text-indent: 32px;
	line-height: 32px;
}

.list-box {
	position: relative;
	background: hsla(0,0%,100%,.8);
	border: 1px solid #f1f3f5;
	border-radius: 6px;
	padding: 10px 20px;
}

.vod-box.vod-detail,.vod-box.star-detail {
	overflow: hidden;
	z-index: 1
}

.vod-box-img {
	width: 13%;
	float: left;
	position: relative
}

.vod-box .tv-vod {
	margin-left: -25px;
	margin-right: -25px;
	margin-bottom: -25px;
	border-radius: 0 0 6px 6px;
}

.photo-list {
	padding: 10px 10px 0px 10px
}

.photo-list .bnt-tips {
	padding: 8px 15px;
	margin-top: 10px;
}

.vod-image {
	position: relative;
	padding-top: 140%;
}

.vod-image img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	object-fit: cover;
	object-position: center top;
	background: #f3f3f3;
}

.vod-info-box {
	width: 62%;
	float: left;
	padding: 0 30px;
	line-height: 35px;
	color: #282828;
}

.vod-info-box .slidedown {
	margin-top: 0px;
	line-height: 28px;
}

.vod-info-box .vod-txt {
	width: 50%;
}

.vod-info-box li {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap
}

.vod-info-box li {
	float: left;
	line-height: 32px;
}

.vod-info-box span {
	margin-right: 5px;
}

.vod-info-box .vod-info,.vod-info-box .detail-info {
	overflow: hidden;
}

.vod-info-box .detail-info {
	line-height: 28px;
}

.play-box .vod-box-img {
	width: 17%;
}

.play-box .vod-info-box {
	width: 83%;
}

.play-tool {
	padding: 0 10px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
}

.play-tool a {
	display: inline-block;
	padding: 4px 15px;
	color: #777ffb!important;
	border: 1px solid #777ffb;
	background: rgba(255,255,255,.7);
}

.play-tool a:hover,.play-tool a.active {
	background: rgba(119,127,251,.7);
	color: #FFF!important;
}

.play-tool .iconfont {
	margin-right: 5px;
	margin-top: 5px;
	font-size: 20px;
}

.play-tool a.active {
	display: none;
}
/*评分*/
#rating {
	padding-left: 50px;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	float: left;
	color: #616161;
}

#rating span {
	float: left;
	font-size: 14px;
	height: 35px;
	overflow: hidden
}

#rating span.ratingtxt {
	text-decoration: none;
	padding-left: 8px;
}

#rating .rating {
	float: left;
	width: 150px;
	height: 35px;
	overflow: hidden;
	padding: 5px 5px 0 5px;
	margin-right: 10px;
}

#rating .rating .rat {
	cursor: pointer;
	float: left;
	overflow: hidden;
	width: 28px;
	height: 22px;
	text-indent: -99px;
	background: url(../images/listico.png) 0 0 no-repeat
}

#rating .rating .rat.active,#rating .rating .rat.hover {
	background-position: 0 -25px
}

.rating-box {
	width: 307px;
	height: 85px;
	margin-top: -94px;
	position: relative;
	background: url(../images/score-scale.gif) 0px bottom no-repeat;
	display: none;
	z-index: 4;
	margin-right: 20px;
	float: right
}

#rating-kong {
	background: 0 0;
	display: block;
	height: 43px;
}

.rating-kong-item {
	font-size: 14px;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	margin-top: 42px;
	text-align: center
}

.rating-kong-item .loadingg {
	padding: 10px 20px;
	font-size: 12px;
}

.rating-kong-item .nopingfen {
	padding: 0;
	font-size: 14px;
	background: 0 0
}

.rating-total {
	width: 100%;
	height: 48px
}

.rating-total-item {
	display: block;
	height: 48px;
	overflow: hidden;
	float: left;
	margin-right: -48px
}

.pingfen-total {
	padding-left: 20px;
	height: 43px;
	overflow: hidden;
	float: left;
	position: relative;
	text-align: center;
}

.pingfen-total em,.pingfen-total strong {
	width: 61px;
	height: 35px;
	line-height: 30px;
	overflow: hidden;
	font-size: 26px;
	font-weight: 400;
	font-family: Georgia,"Times New Roman",Times,serif;
}

.pingfen-total em {
	top: 0;
	left: 1px;
	z-index: 1
}

.rating-bar {
	height: 20px;
	overflow: hidden;
	position: relative;
	background: #C5C5C5;
	width: 100%
}

.rating-bar-item {
	height: 20px;
	overflow: hidden;
}

.rating-box .rating-show {
	padding: 10px;
	width: 100%;
	overflow: hidden;
	background: hsla(0,0%,100%,.8);
	display: none
}

.rating-box .rating-show li {
	width: 100%;
	height: 14px;
	overflow: hidden;
	float: left;
	clear: both;
	margin-top: 5px
}

.rating-box .rating-show .starstop {
	width: 22%;
	height: 12px;
	overflow: hidden;
	display: block;
	text-indent: -999px;
	float: left;
	margin-top: 1px;
	margin-right: 5px;
	background: url(../images/star-min.gif) no-repeat
}

.rating-box .rating-show .star5 {
	background-position: 0 0
}

.rating-box .rating-show .star4 {
	background-position: 0 -20px
}

.rating-box .rating-show span.star3 {
	background-position: 0 -40px
}

.rating-box .rating-show span.star2 {
	background-position: 0 -60px
}

.rating-box .rating-show span.star1 {
	background-position: 0 -80px
}

.rating-box .rating-show .power {
	width: 60%;
	height: 6px;
	overflow: hidden;
	display: block;
	margin-top: 4px;
	margin-right: 5px;
	float: left;
	background: #f5f5f5;
	float: left
}

.rating-box .rating-show .power-item {
	width: 0;
	height: 6px;
	overflow: hidden;
	display: block;
	float: left;
}

.rating-box .rating-show em {
	width: 10%;
	line-height: 14px;
	overflow: hidden;
	float: right;
	font-size: 10px;
	font-weight: 400;
	-webkit-text-size-adjust: none
}

.rating-bar-item {
	background: linear-gradient(to right,#589cf6 0,#2577e3 70%);
	box-shadow: 0 2px 6px rgba(251,124,77,0.2);
	color: #FFF;
	border: 1px solid #2577e3;
}

.pingfen-total strong {
	color: #777ffb;
}

.tv-vod {
	border-top: 1px solid #f1f3f5;
	overflow: hidden;
	padding: 10px 25px;
	line-height: 48px;
	background: -webkit-gradient(linear,top top,bottom top,from(rgba(255,148,179,.1)),color-stop(50%,rgba(255,148,179,.1)),to(rgba(255,148,179,.1)));
	background: -webkit-linear-gradient(top,rgba(255,148,179,.1),rgba(255,148,179,.1) 50%,rgba(255,148,179,.1));
	background: -o-linear-gradient(top,rgba(255,148,179,.1) 0,rgba(255,148,179,.1) 50%,rgba(255,148,179,.1) 100%);
	background: linear-gradient(90deg,rgba(255,255,255,.1),rgba(119,127,251,.1) 50%,rgba(255,148,179,.1));
	border-radius: 0 0 8px 8px;
}

.tv-vod.no {
	background: none;
	border-top: none;
}

.tv-vod-name {
	width: 10%;
	float: left
}

.tv-vod-name a {
	font-weight: bold;
	color: #282828;
}

.tv-vod-list {
	width: 90%;
	float: left
}

.tv-vod-week {
	width: 20%;
	float: left
}

.tv-vod-li {
	width: 80%;
	float: left
}

.tv-vod-item {
	width: 50%;
	float: left;
	padding-right: 10px;
	padding-left: 10px
}

.tv-vod-live {
	float: left;
	margin-left: 20px
}

.bottom-line::after,.bottom-line-dot::before,.top-line-dot::after,.top-line-dot::before {
	border-color: #f1f3f5;
}

.detail-nav {
	border-bottom: 3px solid #777ffb;
	margin-left: -40px;
	margin-right: -40px;
	margin-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
	overflow: hidden;
	margin-bottom: 20px;
}

.detail-nav ul li {
	transition: box-shadow .2s ease;
	color: #616161;
	background: hsla(0,0%,100%,.5);
	padding: 12px 15px;
	position: relative;
	float: left;
	overflow: hidden;
	width: 12.5%;
	text-align: center
}

.detail-nav ul li:hover,.detail-nav ul li.active {
	background: #777ffb;
	background-image: linear-gradient(to right,#9A9FFC 0,#777ffb 50%,#5b64eb 100%);
	color: #FFF;
	box-shadow: 2px 5px 5px rgba(0,0,0,.8);
}

.detail-nav ul li:hover a,.detail-nav ul li.active a {
	color: #FFF;
}

.detail-nav ul li::after,.player-list ul li a::after,.play-list ul li a::after {
	content: '';
	height: 50px;
	width: 15px;
	background: #fff;
	position: absolute;
	top: -5px;
	transform: skewX(-45deg);
	right: 118%;
	opacity: .25;
}

.detail-nav ul li:hover::after,.player-list ul li a:hover::after,.play-list ul li a:hover::after {
	right: -44%;
	transition: right .56s ease
}

.vod-player {
	border-bottom: 2px solid #e7e7e7;
	font-size: 16px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	font-weight: 700;
}

.vod-player li {
	padding: 8px 10px;
	margin-right: 10px;
	display: inline-block;
	margin-bottom: -2px;
	cursor: pointer;
	position: relative;
	text-align: center;
}

.vod-player li:nth-child(1) {
	padding-left: 0px;
}

.vod-player li.active {
	border-bottom: 2px solid #777ffb;
}

.player-right .vod-player.min-play-nav li {
	width: auto;
	margin-right: 0px;
}

.vod-player li.active a {
	color: #777ffb
}

.player-right .vod-player.min-play-nav .playe-more-list {
	min-width: 120px;
}

.player-right .vod-player.min-play-nav .playe-more-list li:hover {
	background: #777ffb;
	background-image: linear-gradient(to right,#9A9FFC 0,#777ffb 50%,#5b64eb 100%);
}

.player-right .vod-player.min-play-nav .playe-more-list li:hover a {
	color: #FFF;
}

.player-right .vod-player.min-play-nav .playe-more-list li {
	padding: 10px 10px;
	width: 100%
}

.player-more {
	display: none;
	min-width: 120px;
	position: absolute;
	top: 100%;
	z-index: 5;
	text-align: center;
}

.player-more li a {
	line-height: 28px;
	position: relative;
	display: block;
	min-width: 80px;
}

.player-more li {
	width: 100%;
	border-bottom: none
}

.player-more li:hover {
	background: #e7e7e7;
}

.vod-player.min-player {
	display: none
}

.vod-player.min-player li {
	width: 100%;
	text-align: center;
}

.vod-player.min-player .player-more-list {
	border: 1px solid #e7e7e7;
	left: 0px;
	right: 0px;
	width: 100%
}

.vod-player li.play-more {
	float: right;
	border: 1px solid #FFF;
}

.vod-player.min-player li.player-more.active {
	float: none;
	border: none;
	border-bottom: 2px solid #589cf6;
}

.vod-player .iconfont {
	margin-left: 10px;
	font-size: 14px;
}

.vod-player li.player-more.active {
	background: #e7e7e7;
	border: none
}

.player-list ul {
	display: none
}

.player-list ul li,.play-list {
	padding: 5px;
	position: relative
}

.player-list ul li a,.play-list ul li a {
	display: block;
	padding: 10px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	background: #eee;
	color: #333;
	border-radius: 5px;
	position: relative
}

.player-list li:hover a,.player-list li.active a,.play-list li:hover a,.play-list li.active a {
	color: #FFF;
	background: #777ffb;
	background-image: linear-gradient(to right,#9A9FFC 0,#777ffb 50%,#5b64eb 100%);
}

.player-list::-webkit-scrollbar {
	width: 10px;
	background: #f5f5f5;
}

.player-list::-webkit-scrollbar-thumb {
	background: #ccc;
}

.player-list {
	max-height: 300px;
	overflow: auto;
}

.playe-more-list {
	display: none;
	width: 100%;
	left: 0px;
	position: absolute;
	top: 100%;
	z-index: 1000;
	text-align: center;
	background: hsla(0,0%,100%,.8);
	border: 1px solid #f1f3f5;
}

.playe-more-list li a {
	line-height: 28px;
	position: relative;
	display: block;
	min-width: 80px;
}

.playe-more-list li {
	width: 100%;
	border-bottom: none;
}

.playe-more-list li:nth-child(1) {
	padding-left: 10px;
}

.playe-more-list li:hover {
	background: #fff;
}

.playe-more-list li.active {
	border: none;
	background: #777ffb;
	background-image: linear-gradient(to right,#9A9FFC 0,#777ffb 50%,#5b64eb 100%);
}

.playe-more-list li.active a {
	color: #fff;
}

.player-list-close,.player-more-title {
	display: none
}

.down-title {
	padding: 10px;
	position: relative;
	cursor: pointer
}

.down-num {
	display: inline-block;
	min-width: 8px;
	padding: 5px;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background: #ff5f00;
	border-radius: 50%;
}

.down-title .iconfont {
	float: right
}

.down-list .down-box {
	display: none
}

.down-list ul li {
	padding: 10px;
	position: relative;
	overflow: hidden;
	vertical-align: middle;
	line-height: 35px;
}

.down-list ul li .down-name {
	width: 15%;
	float: left;
}

.down-list ul li .down-name input {
	margin-top: 10px;
	float: left;
	margin-right: 10px;
}

.down-list ul li .down-url {
	width: 85%;
	float: left;
}

.vod-box .box-title {
	margin-top: 0px;
	margin-bottom: 0px;
}

.detail-title,.detail-title h1 {
	font-size: 20px;
	font-weight: 700;
	color: #333;
	overflow: hidden;
	line-height: 30px;
	height: 30px;
	margin-bottom: 10px;
}

.list-title {
	overflow: hidden;
	line-height: 30px;
}

.list-title h1 {
	font-size: 20px;
	font-weight: 700;
	color: #333;
	float: left;
}

.detail-title h1 {
	float: left;
}

.vod-box .hot-box-title {
	margin-left: -26px;
	margin-right: -26px;
	margin-top: -26px;
	overflow: hidden
}

.vod-box .hot-box-title h1 {
	font-size: 22px;
	font-weight: 700;
	float: left
}

.actor-role-vod {
	margin-top: 20px;
}

.hot-card-list li.active:after,.hot-card-list li.active:before {
	border: 11px solid transparent;
	border-bottom: 11px solid #fff;
	width: 0;
	height: 0;
	position: absolute;
	bottom: -20px;
	right: 45%;
	content: ' ';
	visibility: visible
}

.article-box .hot-card-list,.detail-role-info,.hot-card-list li.active .hot-card,.lines-card,.music-card,.detail-role li,.picture-title {
	background: -webkit-gradient(linear,top top,bottom top,from(rgba(255,255,255,.1)),color-stop(50%,rgba(200,193,221,.1)),to(rgba(255,148,179,.1)));
	background: -webkit-linear-gradient(top,rgba(255,255,255,.1),rgba(119,127,251,.1) 50%,rgba(255,148,179,.1));
	background: -o-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(200,193,221,.1) 50%,rgba(255,148,179,.1) 100%);
	background: linear-gradient(90deg,rgba(255,255,255,.1),rgba(119,127,251,.1) 50%,rgba(255,148,179,.1));
}

#myTab li {
	cursor: pointer
}

.picture-title {
	margin-top: -20px;
	margin-left: -25px;
	margin-right: -25px;
	line-height: 45px;
	padding-left: 25px;
	font-size: 16px;
	margin-bottom: 20px;
}

.lines-list,.music-list {
	line-height: 38px;
	font-size: 16px;
}

.lines-list a,.music-list a {
	width: 50%;
	float: left;
	border-bottom: 1px dashed #f5f5f5;
}

.lines-list a i,.music-list a i {
	margin-left: 5px;
	margin-right: 5px;
}

.detail-lines,.detail-music,.detail-role {
	overflow: hidden
}

.detail-lines li,.detail-music li {
	position: relative;
	padding: 10px;
	min-height: 1px;
	margin-top: 25px;
	margin-bottom: 25px;
}

.role-lines li {
	font-size: 16px;
}

.role-lines li,.down-title {
	line-height: 45px;
	border-bottom: 1px dashed #f1f3f5;
}

.role-lines li:last-child {
	border-bottom: none
}

.role-lines li span {
	margin-right: 10px;
}

.lines-card,.music-card {
	border-radius: 6px;
	overflow: hidden
}

.role-lines .lines-card {
	background: none
}

.lines-card-img {
	width: 5%;
	float: left;
}

.lines-card-info {
	line-height: 35px;
	margin-left: 7%;
	padding: 10px;
}

.lines-card-info p,.music-card-info p,.role-card-info p {
	line-height: 28px;
}

.lines-card-info-name {
	font-size: 16px;
	font-weight: 700;
}

.lines-card-info-name {
	font-size: 16px;
	font-weight: 700;
}

.lines-card-time {
	position: absolute;
	right: 30px;
	bottom: 25px;
	color: #999;
}

.detail-role li {
	position: relative;
	overflow: hidden;
	min-height: 1px;
	margin-bottom: 20px;
	width: 100%;
	border-radius: 6px;
}

.role-card {
	width: 100%;
	overflow: hidden;
}

.role-card-img {
	width: 12%;
	float: left;
}

.role-card-info {
	float: left;
	width: 88%;
	line-height: 35px;
	padding: 10px 20px;
}

.role-card-info-content {
	line-height: 24px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.role-info-content {
	line-height: 28px;
	position: relative;
	overflow: hidden;
	padding: 0px 20px 10px 20px;
}

.role-card-info-name {
	font-size: 16px;
	font-weight: 700
}

.role-card-info-name a {
	color: #333;
}

.role-card-info-star {
	font-size: 14px;
}

.role-card-info-star span {
	margin-left: 10px;
	margin-right: 10px;
	color: #999;
}

.detail-lines .digg_link {
	position: absolute;
	right: 30px;
	top: 30px;
}

.detail-role-info {
	position: relative;
	overflow: hidden;
	min-height: 1px;
	width: 100%;
	border-radius: 6px;
}

.star-box {
	margin-top: 30px;
	padding: 10px;
}

#content-more-loading .detail-lines {
	padding-top: 0px;
}

.user_add_detail {
	float: right;
	font-size: 12px;
	padding: 0 10px;
	background: #777ffb;
	color: #FFF;
	font-weight: normal;
	border-radius: 6px;
	cursor: pointer
}

.music-list a {
	width: 33.33333%
}

.music-card-info {
	line-height: 35px;
	padding: 10px;
	overflow: hidden
}

.music-card-time {
	text-align: right;
	color: #999;
}

.music-card-name,.music-card-type,.music-card-star,.music-card-play,.music-card-time {
	width: 20%;
	float: left
}

.music-card-info .icon-shiting {
	font-size: 18px;
	font-weight: bold;
	margin-right: 10px;
}

.music-card-info .icon-geci {
	font-size: 18px;
	margin-right: 10px;
}

.music-card-lyric {
	margin-left: 15px;
	cursor: pointer
}

.music_lyric {
	padding: 20px;
}

.detail-music .digg_link {
	float: right;
	margin-right: 30px;
}

.story-box .vod-player {
	margin-top: 20px;
}

.story-h1 {
	text-align: center;
	font-size: 22px;
	padding-top: 10px;
	padding-bottom: 20px;
	font-weight: 700;
	color: #333
}

.story-title {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #333;
	padding: 20px 10px;
	background: #f7f8f9;
	margin-bottom: 10px;
}

.part-page {
	text-align: center
}

.part-page a {
	display: inline-block;
	margin: 5px 20px;
	padding: 10px 35px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	background: #eee;
	color: #333;
	border-radius: 5px;
}

.part-page a:hover {
	color: #FFF;
	background: #777ffb
}

.player-box {
	position: relative;
	z-index: 7;
}

.player-box.fixed {
	position: fixed;
	padding-left: 240px;
	width: 100%
}

.player-main {
	width: 75%;
	position: relative;
	-moz-transition: 300ms;
	-ms-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	display: inline-block;
}

.player-main.open {
	width: 100%!important;
	-webkit-transition: 300ms;
}

.player-right {
	position: absolute;
	right: 0;
	top: 0;
	width: 25%;
	height: 100%;
	bottom: 0;
	z-index: 8;
	background: #F3F5F7;
}

.player-right h1 {
	line-height: 45px;
	font-size: 20px;
	font-weight: 700;
	color: #1b1a25;
	width: 100%;
	overflow: hidden;
	padding-left: 20px;
}

.player-title {
	text-align: center;
	line-height: 45px;
	background: #000
}

.player-title span,.player-title h1 {
	font-size: 16px;
	color: #FFF;
	display: inline-block;
}

.player-switch {
	position: absolute;
	right: 20px;
	top: 0px;
	cursor: pointer;
	font-size: 14px;
}

.player-switch .icon-dengpao {
	margin-right: 10px;
}

.player-open {
	min-height: 3000px;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 7;
	display: none;
	background: rgba(0,0,0,.88);
}

.player-top {
	position: relative;
	z-index: 9;
}

.player-top .player-tool .icon-kaideng {
	color: #FFF
}

.player-right h1 span {
	float: left
}

.player-right .vod-seat {
	line-height: 28px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
}

.player-right  .play-title {
	background: #ffffff;
	padding-bottom: 5px;
}

.player-right .vod-player {
	margin-left: 15px;
	margin-right: 15px;
	background: #ffffff;
	margin-bottom: 0px;
	padding-top: 10px;
}

.player-list ul li {
	float: left;
}

.play-url-list {
	width: 12.5%
}

.story-url-list {
	width: 10%
}

.player-ul {
	position: relative;
	overflow: hidden;
}

.play-list ul li {
	float: left;
	padding: 5px;
	position: relative;
}

.play-list .player-url {
	width: 33.3333333%
}

.player-right .play-tips {
	float: left!important;
	;
	color: #333;
}

.player-right .min-play-more {
	float: right;
}

.play-list {
	height: calc(100% - 52px);
	overflow: auto;
	padding: 10px;
	background: hsla(0,0%,100%,.9);
}

.play-tool {
	padding: 15px 20px;
	background: #F3F5F7;
}

.play-tool .vod-sect,.play-tool .vod-rss,.play-tool .digg_link {
	float: left;
	margin-right: 20px;
}

.play-tool {
	position: static
}

.play-tool a {
	border-radius: 6px;
}

.play-next{
    float: right!important;
}

.play-next a{
    margin-left: 20px;
}


.play-kai {
	position: absolute;
	z-index: 10;
	top: 50%;
	right: -15px;
	margin-top: -30px;
	display: block;
	width: 15px;
	text-align: center;
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	border-radius: 0 4px 4px 0;
	background: #eee;
	color: #999;
	cursor: pointer
}

.search-vod-list {
	padding-top: 5px;
}

.hot-card-list.search-vod-list .hot-card {
	padding: 20px;
	overflow: hidden;
}

.hot-card-list.search-vod-list .hot-card-img {
	width: 15%;
}

.hot-card-list.search-vod-list .hot-card-data {
	margin-left: 16%;
	margin-bottom: 0px;
}

.hot-card-list.search-vod-list .hot-card-play {
	right: -2%;
}

.hot-card-list.search-vod-list .hot-card-infos {
	right: -3%;
}

.hot-card-list.search-vod-list .hot-card-data p {
	margin-top: 8px;
	margin-bottom: 8px;
}

.hot-card-list.search-vod-list .hot-card-data i {
	margin-left: 5px;
	margin-right: 5px;
}

.hot-card.box-show.gb-show {
	padding: 20px;
}

.hot-card.box-show.gb-show .hot-box-title {
	margin-left: -20px;
	margin-right: -20px;
	margin-top: -20px;
}

.main-left.gbook {
	padding-right: 10px;
}

.gb-list-count {
	float: right;
	font-weight: normal
}

.gb-code {
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: hidden
}

.gb-nickname {
	margin-top: 20px;
}

.gb-type {
	overflow: hidden;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.gb-type li a {
	text-align: center;
	display: block;
	padding: 5px;
	border-radius: 6px;
	border: 1px solid #e9ecef;
}

.gb-type li.active a {
	background: #6870FB;
	color: #FFF
}

.comment-assist a:hover,.comment-top .user,.comment-top a {
	color: #777ffb;
}

.star-bg {
	display: block;
	min-height: 350px;
	background: url(../images/pic.png) no-repeat right bottom #f3f3f3;
	border-radius: 6px;
}

.star-bg::after {
	z-index: 1;
	position: absolute;
	right: 0;
	top: 0px;
	content: '';
	width: 243px;
	height: 390px;
	clear: none;
	visibility: visible;
	background: url(../images/star-right.png)
}

.star-bg::before {
	z-index: 0;
	position: absolute;
	left: 51%;
	top: -1px;
	content: '';
	margin: 0 0 0 -798px;
	width: 400px;
	height: 390px;
	background: url(../images/star-left.png)
}

.star-detail-info {
	margin-left: 240px;
	position: relative;
	padding-top: 65px;
	margin-right: 40px;
}

.star-detail-tips {
	width: 46px;
	position: absolute;
	height: 85px;
	top: 65px;
	right: 0px;
	z-index: 2;
	text-align: center;
	color: #fff;
	line-height: 16px;
	font-size: 14px;
	padding-top: 30px;
	background-position: 0 -1px;
	background: url(../images/detailMap24.png) 0 0 no-repeat;
}

.star-top-info {
	padding: 15px 0;
}

.star-top-info h1 {
	padding: 5px 0px;
	font-weight: 700
}

.star-top-info p {
	line-height: 33px;
}

.star-detail-info .flower {
	top: 65px;
	right: 50px;
}

.star-detail-info .fl-num {
	top: 95px;
	right: 55px;
}

.star-box .hot-box-title {
	padding: 8px 25px
}

.star-box .hot-box-title .title-more {
	background: none
}

.star-box .news-list li:hover {
	background: none
}

.star-box .hot-box-title h2 {
	font-size: 20px;
	font-weight: 700;
	float: left
}

.star-box-info {
	padding: 20px 0;
	font-size: 16px;
	line-height: 42px;
}

.star-box-info .fin {
	width: 33.33333%;
	float: left;
}

.star-box-info .finw {
	width: 100%;
}

.star-box-info p {
	line-height: 38px;
}

.star-span {
	margin-left: 5px;
	margin-right: 5px;
}

.zanpian-modal .form-control {
	border: 1px solid #CCC;
}
/*footer*/

.bottom-nav {
	display: none;
	text-align: center;
}

.bottom-nav ul {
	overflow: hidden;
}

.bottom-nav li {
	width: 20%!important;
	float: left;
	padding: 10px;
}

.bottom-nav li a {
	font-size: 14px;
}

.bottom-nav a .iconfont {
	font-size: 22px;
}

.bottom-nav a .iconfont.icon-fanhui {
	font-size: 30px;
}

.top-detail {
	margin-top: 10px;
}

.top-box {
	position: fixed;
	right: 20px;
	bottom: 60px;
	z-index: 10;
}

.top-box .back-top {
	position: relative;
	display: block;
	padding: 12px 12px 12px 12px;
	text-align: center;
	border-radius: 4px;
	font-size: 18px;
	cursor: pointer;
	box-shadow: 0 1px 4px rgb(0 0 0 / 10%);
	margin-top: 15px;
	background-color: rgba(0,0,0,.6);
}

.top-box .back-top {
	background-color: rgba(0,0,0,.6);
	display: none
}

.top-box .iconfont {
	color: #fff!important;
	font-size: 20px;
}

.link {
	padding: 20px 0px;
	margin-top: 30px;
	border-top: 2px solid #f1f3f5;
}

.link-title {
	font-size: 16px;
	font-weight: bold;
	margin-top: -30px;
	margin-bottom: 20px;
}

.footer {
	background: #e9ecef;
	padding-bottom: 30px;
}

.copyright {
	text-align: center
}

.footer-info {
	color: #999;
}

@media (max-width:1789px) {
	.index-slide-box .index-slide .index-slide-ul .index-slide-li a {
		padding-top: 400px;
	}

	.two-show li.w8,.video-list li.w8,.one-show li.w8 {
		width: 14.2857143%!important
	}/*7*/
	.two-show li.w6 {
		width: 16.6666667%
	}

	.two-show li.w8:nth-child(15),.two-show li.w8:nth-child(16),.one-show li.w8:nth-child(n+7),.actor-show .actor-role li:last-child,.three-show .actor-role li:last-child {
		display: none;
	}

	.four-show .actor-role li,.actor-show .actor-role li,.three-show .actor-role li {
		width: 50%!important
	}

	.box-tab li {
		padding: 5px 10px;
		margin-right: 5px;
	}

	.news-list-info .text-muted.txt-hidden {
		-webkit-line-clamp: 1;
	}
}

@media (max-width:1549px) {
    
	.header .header-box,.play-min,.layout-box,.vod-detail-box,.star-detail-box,.news-list-box {
		margin-right: 20px;
		margin-left: 20px;
	}

	.nav {
		margin-right: 20px;
	}

	.nav ul li {
		padding: 0 10px;
	}

	.vod-detail-box {
		margin-top: 20px;
	}

	#nav-signed {
		right: 2%;
	}

	.play-url-list {
		width: 12.5%
	}

	.vod-box-right {
		display: none
	}

	.vod-box-left {
		width: 100%
	}

	.hot-card-list.search-vod-list .hot-card-img {
		width: 20%;
	}

	.hot-card-list.search-vod-list .hot-card-data {
		margin-left: 21%;
	}

	.hot-card-list.search-vod-list .hot-card-data p {
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.vod-box-rating {
		display: none
	}

	.mcat-box .star-letter-type {
		width: 40%
	}

	.header-search {
		width: 25%
	}

	.index-slide-img ul li,.mcat-box .dm-mcat li,.mcat-box .star-area-type li,.mcat-box .star-letter-type li {
		width: 16.6666667%!important;
	}

	.index-slide-box .index-slide .index-slide-ul .index-slide-li a {
		padding-top: 380px;
	}

	.player-right,.index-slide-img,.mcat-box .dm-area {
		width: 30%
	}

	.two-show li.w8,.video-list li.w8,.actor-role-vod ul li.w6,.story-show li.w6,.one-show li.w8 {
		width: 16.6666667%!important
	}/*6*/
	.two-show li.w8:nth-child(n+13),.three-show .actor-role li:last-child,.hot-card-info .flower,.two-show li.w6:nth-child(n+11),.six-show li.w6:nth-child(n+6),.main-right,.vod-mcat,.mcat-box .tv-mcat li:nth-child(n+14),.mcat-box .tv-year li:nth-child(n+12),.mcat-box .dm-mcat li:nth-child(n+14),.mcat-box .dm-area li:nth-child(n+12),.mcat-box .dm-year li:nth-child(n+12),.mcat-box .star-area-type li:nth-child(n+8),.mcat-box .star-letter-type li:nth-child(n+8) {
		display: none;
	}

	.story-show li.w8,.two-show li.w6,.video-list li.w6,.auto-slide ul li,.pictures-slide-min .swiper-wrapper li,.type-order a,.mcat-box .dm-area li,.two-show li.w6,.six-show li.w6,.special-show li.w6 {
		width: 20%!important
	}

	.hot-box-title {
		font-size: 18px;
	}

	.box-tab li {
		padding: 5px 10px;
		margin-right: 5px;
	}

	.detail-lines li .lines-card-img {
		width: 8%
	}

	.detail-lines li .lines-card-info {
		margin-left: 8.5%;
	}

	.news-list-info .text-muted.txt-hidden {
		-webkit-line-clamp: 1;
	}

	.tv-box .hot-box.tv-list-box.w3 {
		width: 33.3333%!important
	}

	.mcat-box .tv-fenlei li,.mcat-box .tv-year li,.mcat-box .dm-year li {
		width: 20%
	}

	.main-left {
		width: 100%;
		padding-right: 0px;
	}

	.actor-role li,.tv-list-box.w3 {
		width: 50%
	}

	.tv-list-box.w5,.mcat-box .dm-year,.tv-list-box.w5 {
		width: 25%!important
	}

	.player-main {
		width: 70%
	}

	.play-box .vod-box-img {
		width: 22%!important;
	}

	.play-box .vod-info-box {
		width: 78%!important;
	}

	.min-play-more .playe-more-list {
		left: -10px;
	}

	.index-slide-img .swiper-button-next,.index-slide-img .swiper-button-prev {
		top: 25%;
	}

	.pictures-slide-min {
		width: 70%
	}

	.mcat-box .tv-mcat li {
		width: 16.666667%
	}

	.mcat-box .dm-mcat,.mcat-box .star-area-type {
		width: 40%
	}

	.mcat-box .star-xb-type {
		width: 20%;
	}

	.search-vod-list li.w100 {
		width: 100%!important
	}
}

@media (max-width:1237px) {
	.index-hot-box .hot-box {
		width: 33.33333%!important
	}

	.index-hot-box .hot-box:nth-child(n+4) {
		display: none
	}

	.top-detail .index-hot-box .hot-box {
		display: block
	}
}

@media (max-width:1549px) and (min-width:1023px) {
	.tv-list-box.w5 {
		width: 33.3333%!important;
	}

	.type-order a {
		width: 20%!important
	}

	.vod-box-img .remind-love {
		display: none
	}
}

@media (max-width:1024px) {
	.vod-slide-box {
		width: 45%!important
	}

	.vod-hot-box {
		width: 55%!important
	}

	.hot-box-title {
		padding: 15px 20px;
	}

	.vod-box-left {
		width: 100%;
	}

	.vod-box-img {
		width: 25%;
	}

	.vod-info-box {
		width: 75%;
	}

	.header-search {
		width: 30%;
	}

	.play-box .vod-box-img {
		width: 25%!important;
	}

	.play-box .vod-info-box {
		width: 70%!important;
	}

	.play-list .player-url {
		width: 20%;
	}

	.vod-box-rating {
		display: none!important;
	}

	.vod-box-right {
		display: none!important;
	}

	.play-url-list {
		width: 16.666667%;
	}

	.index-slide-box .index-slide .index-slide-ul .index-slide-li a {
		padding-top: 65.333333%;
	}

	.detail-nav {
		margin-left: -20px;
		margin-right: -20px;
		margin-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
    .mcat-box .tv-fenlei li,.mcat-box .dm-mcat li,.mcat-box .dm-area li {
        width: auto!important;
    }
    
    .mcat-box .dm-year li {
        width: 25%;
    }

	.two-show li.w8,.video-list li.w8,.auto-slide-box ul li,.actor-role-vod ul li.w6,.one-show li.w8,.special-detail-show li.w6,.story-show li.w6 {
		width: 20%!important
	}/*5*/
	.header-box .nav li:nth-child(n+8),.tab-box .hot-box-list li:nth-child(n+9),.one-show li.w8:nth-child(n+6),.two-show li.w4:nth-child(n+7),.two-show li.w8:nth-child(n+11),.two-show li.w6:nth-child(n+11),.six-show li.w6:nth-child(n+5),.index-slide-img,.index-hot-box .hot-box:nth-child(n+4),.star-area-type li:nth-child(n+10),.actor-role-vod ul li:nth-child(n+7),.three-show li.w3:nth-child(n+3),.news-list-image .news-list-images:nth-child(5),.mcat-box .dm-area li:nth-child(n+10),.news-list-tips a.bnt-tips:nth-child(n+4),.mcat-box .tv-fenlei li:nth-child(n+10),.mcat-box .dm-year li:nth-child(n+10){
		display: none!important
	}

	.four-show li.w4:nth-child(4),.story-show li.w6,.index-hot-box .hot-box:nth-child(n+4) {
		display: block!important
	}

	.index-slide-box .swiper-pagination,.actor-role li:nth-child(3),.three-show .actor-role li:last-child,.actor-show .actor-role li:last-child,.four-show li .actor-role li:nth-child(n+3) {
		display: block!important
	}

	.video-list li.w6,.news-list-image .news-list-images,.type-order a,.six-show li.w6,.special-show li.w6 {
		width: 25%!important
	}

	.two-show li.w4,.index-hot-box .hot-box,.actor-show .actor-role li,.four-show .actor-role li,.actor-role li,.tv-list-box.w5,.three-show .actor-role li,.star-box .picture-slide-box ul li {
		width: 33.3333%!important
	}

	.star-detail-info {
		margin-left: 140px
	}

	.news-list li .news-list-pic {
		width: 24%
	}

	.news-list li .news-list-info {
		width: 75%
	}

	.four-show li.w4,.three-show li.w3,.actor-show li,.role-show li,.star-box-info li.fin,.star-box .hot-card-list li {
		width: 50%!important
	}

	.detail-role-info .role-card-img,.detail-role li .role-card-img,.detail-lines li .lines-card-img {
		width: 20%
	}

	.detail-role-info .role-card-info,.detail-role li .role-card-info,.detail-lines li .lines-card-info {
		width: 80%;
	}

	.player-main {
		width: 100%!important
	}

	.player-right {
		position: static;
		width: 100%!important
	}

	.star-detail-info {
		margin-left: 130px;
	}
}

@media (min-width:559px) and (max-width:1024px) {


	.vod-box-rating {
		display: none!important;
	}

	.vod-box-left {
		width: 100%;
	}

	.vod-box-right {
		display: none!important;
	}

	.rating-box,#rating,.nav ul li i.icon-go,.nav ul li:hover i.icon-go {
		display: none!important
	}

	.tv-list-box.w5 {
		width: 50%!important;
	}

	.pictures-slide-min .swiper-wrapper li {
		width: 25%!important;
	}

	.index-slide-box .index-slide-title {
		bottom: 30px;
		left: 5%;
	}

	.index-slide-img {
		width: 70%;
		bottom: 0px;
	}

	.article-page {
		line-height: 35px;
	}

	.article-page a {
		padding-bottom: 0px;
	}

	.news_page_next {
		text-align: left
	}

	.special_bg {
		margin-left: 0px;
		padding-top: 35%
	}

	.news-list-tips {
		width: 65%;
	}

	.pictures-slide-min {
		width: 80%
	}

	.tv-vod.no .tv-vod-name,.tv-vod.no .tv-vod-list .tv-vod-week {
		width: 100%;
		text-align: center
	}

	.tv-vod.no .tv-vod-list,.tv-vod.no .tv-vod-list .tv-vod-li {
		width: 100%
	}
}

@media (min-width:899px) {
	.nav {
		display: block!important;
	}
}

@media (max-width:899px) {
	.header {
		height: 65px;
		line-height: 65px;
	}

	.header-search {
		width: 50%;
		float: none;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}

	.user-login, .user-playlog {
		top: -75px;
	}

	.header-search-submit {
		top: 12px;
	}

	.nav {
		display: none;
	}

	.nav {
		position: fixed;
		height: auto;
		border: none;
		top: 65px;
		left: 0px;
		right: 0px;
		margin-right: 0px;
		z-index: 8;
		border-top: 1px solid #f1f3f5;
	}

	.nav ul {
		width: 100%!important;
		padding: 10px;
		overflow: hidden
	}

	.nav ul li {
		width: 16.666666%;
		float: left;
		padding: 10px;
		line-height: 40px;
	}

	.nav ul li.active {
		border: none;
		background: none
	}

	.nav ul li a {
		background: #e9ecef;
		border-radius: 6px;
		padding: 10px 15px;
		text-align: center;
		line-height: 20px;
	}

	.nav ul li.active a, .nav ul li:hover a {
		background: #777ffb;
		color: #FFF;
		font-weight: 100;
		font-size: 16px;
	}
	
    .title-list{
	    display: none;
    }

	.vod-slide-box {
		width: 55%!important;
	}

	.vod-hot-box {
		width: 45%!important;
	}

	.hot-box-title {
		padding: 12px 20px;
	}

	.play-url-list {
		width: 20%;
	}
	
    .mcat-box .dm-year li,.mcat-box .tv-year li,.mcat-box .tv-mcat li {
        width: 33%;
    }

	.header-box .header-logo,.vod-box-right,.vod-box-rating {
		display: none!important;
	}

	.vod-box-img {
		width: 30%
	}

	.vod-info-box {
		width: 70%;
	}

	.play-box .vod-box-img {
		width: 30%!important;
	}

	.play-box .vod-info-box {
		width: 70%!important;
	}

	.vod-hot-box .pic-list li .vod-name {
		margin-bottom: 5px;
	}

	.index-slide-box .index-slide .index-slide-ul .index-slide-li a {
		padding-top: 250px;
	}

	.tab-box .hot-box-list li:nth-child(n+8),.two-show li.w4:nth-child(n+5),.header-search-hot,.header-search-submit .hidden-xs,.play-kai,.music-card-time,.music-card-name .digg_link,.two-show li.w8:nth-child(n+9),.two-show li.w6:nth-child(n+9),.six-show li.w6:nth-child(n+4),.index-hot-box .hot-box:nth-child(n+3),.news-list li .news-list-images:nth-child(n+4),.actor-role-vod .actor-role li.w6:nth-child(n+5),.three-show .actor-role li:last-child,#rating,.nav ul .iconfont,.mcat-box .dm-area li:nth-child(n+12),.mcat-box .dm-mcat li:nth-child(n+13),.mcat-box .dm-year li:nth-child(n+8),.mcat-box .tv-year li:nth-child(n+8),.mcat-box .tv-mcat li:nth-child(n+8) {
		display: none!important
	}

	.header-box .nav li:nth-child(n+8),.one-show li.w8:nth-child(n+5),.news-box-list .two-show li.w6:nth-child(9) {
		display: block!important;
	}

	.header-search input {
		padding-left: 20px;
		padding-right: 40px;
	}

	.star-detail-info {
		margin-left: 30px;
	}

	.header-search-submit {
		width: 50px;
	}
	
    .header-search-submit .icon-sousuo {
        left: 10px;
    }

	.index-slide-box {
		padding-left: 0px;
		padding-right: 0px;
	}

	.index-slide-title {
		left: 20px!important
	}

	.index-slide-box .swiper-pagination,.index-slide-title {
		bottom: 10px!important
	}

	.two-show li.w6,.two-show li.w8,.video-list li.w8,.hot-card-list li,.detail-nav ul li,.actor-role-vod .actor-role li.w6,.auto-slide ul li,.pictures-slide-min .swiper-wrapper li,.one-show li.w8,.story-show li.w6,.special-detail-show li.w6 {
		width: 25%!important
	}/*5*/
	.four-show .actor-role li,.six-show li.w6,.news-list li .news-list-images,.main-left .picture-slide-box ul li,.video-list li.w6,.news-box-list .two-show li.w6,.picture-slide-box ul li,.detail-nav ul li,.actor-show .actor-role li,.type-order a,.special-show li.w6 {
		width: 33.3333%!important
	}

	.two-show li.w4,.index-hot-box .hot-box,.three-show .actor-role li,.star-box-info li.fin,.hot-card-list li,.vod-left .tv-list-box.w3,.tv-box .tv-list-box.w5,.tv-box .hot-box.tv-list-box.w3,.star-box .picture-slide-box ul li {
		width: 50%!important
	}

	.main-left .vod-box:nth-child(1) {
		margin-top: 0px!important
	}

	.news-list li .news-list-pic {
		width: 32%!important
	}

	.news-list li .news-list-info {
		width: 67%
	}

	.news-list .news-list-image {
		margin-right: -10px;
		padding: 0px;
		margin-left: -10px;
	}

	.news-list-image .news-list-tips {
		padding-left: 10px;
	}

	.hot-card-list.search-vod-list li,.article-box .hot-card-list li,.tv-vod.no .tv-vod-list,.tv-vod.no .tv-vod-list .tv-vod-item,.tv-vod.no .tv-vod-list .tv-vod-li,.tv-list-box.w5,.pictures-slide-min,.player-right .vod-player.min-play-nav li.min-play-more {
		width: 100%!important
	}

	.article-box .hot-card-list li .hot-card-img {
		width: 18%
	}

	.article-box .hot-card-list li .hot-card-info {
		margin-left: 19%;
	}

	.tv-detail-info {
		width: 100%;
		padding-bottom: 0px;
	}

	.tv-vod.no .tv-vod-name,.tv-vod.no .tv-vod-list .tv-vod-week {
		width: 100%;
		text-align: center
	}

	.tv-vod.no .tv-vod-list .tv-vod-item {
		padding-right: 0px;
	}

	.music-card-name {
		width: 40%
	}

	.music-card-play,.music-card-type,.music-card-star {
		width: 20%
	}

	.detail-nav a::after,.player-list ul li a::after,.play-list ul li a::after {
		top: -10px;
	}

	.detail-nav a:hover::after,.player-list ul li a:hover::after,.play-list ul li a:hover::after {
		right: -60%;
	}

	.min-play-more .playe-more-list {
		left: -30px;
	}

	.header-nav,.top-detail .hot-box,.vod-player.min-player,.vod-player.min-play-nav,.top-detail .index-hot-box .hot-box {
		display: block!important;
	}

	.vod-player.min-play-nav .pull-left {
		display: none
	}

	.vod-player.min-player .player-more,.player-right .vod-player.min-play-nav .playe-more-list {
		padding: 15px 25px 85px 25px;
		z-index: 9;
		position: fixed;
		width: 100%;
		bottom: 0px;
		top: auto;
		left: 0px;
		right: 0px;
		height: auto;
		background: #fff url(../images/colour-bg.png) no-repeat;
		background-position-y: -20px;
		border-radius: 15px 15px 0 0;
	}

	.vod-player.min-player .player-more.open,.player-list-close,.player-more-title,.bottom-nav {
		display: block!important
	}

	.vod-player.min-player .player-more .player-more-title,.player-right .vod-player.min-play-nav .playe-more-list .player-more-title {
		text-align: center;
		font-size: 18px;
		font-weight: 700;
		padding: 20px 0px 15px 0px;
		margin-bottom: 15px;
		border-bottom: 1px solid #f1f3f5;
	}

	.vod-player.min-player .player-more li,.player-right .vod-player.min-play-nav .playe-more-list li {
		float: left;
		width: 33.3333%;
		padding: 5px;
		margin: 0px;
		border: none
	}

	.vod-player.min-player .player-more li:hover,.player-right .vod-player.min-play-nav .playe-more-list li:hover {
		background: none
	}

	.vod-player.min-player .player-more li a,.player-right .vod-player.min-play-nav .playe-more-list li a {
		display: block;
		background: #e9ecef;
		line-height: 38px;
		border-radius: 6px;
		font-size: 14px;
		color: #333
	}

	.vod-player.min-player .player-more li a:hover,.vod-player.min-player .player-more li.active a,.player-right .vod-player.min-play-nav .playe-more-list li a:hover,.player-right .vod-player.min-play-nav .playe-more-list li.active a {
		background: rgba(119,127,251,.7);
		color: #FFF;
	}

	.playe-more-list li.active {
		border: none;
		background: none;
		background-image: none;
	}

	.vod-title {
		padding: 5px 8px;
	}

	.player-list-close {
		display: block;
		position: absolute;
		top: 10px;
		right: 10px;
		width: 29px;
		height: 29px;
		overflow: hidden;
		text-indent: -999px;
		cursor: pointer;
		background: url("../images/close.png") 0 0 no-repeat;
		opacity: .9
	}

	.list-page li.visible-xs.active {
		display: inline-block!important
	}

	.article-box ul li.w100 {
		margin-top: 0px;
		margin-bottom: 20px;
	}

	.pictures-slide .swiper-page {
		top: 60%;
	}

	.hot-card-list.search-vod-list .hot-card-img {
		width: 25%
	}

	.hot-card-list.search-vod-list .hot-card-data {
		margin-left: 26%;
	}

	.list-page ul li a, .list-page ul li span, .box-page ul li a, .box-page ul li span {
		margin-left: 3px;
		margin-right: 3px;
	}

	.news-list-info p.text-muted.txt-hidden {
		line-height: 48px;
	}
}

@media (max-width:767px) {
	.article-content img,.article-pic-content img {
		width: 100%;
		height: auto;
		display: block;
		margin: 10px auto;
	}

	.vod-box-rating {
		display: none;
	}

	.vod-box-right {
		display: none;
	}

	.vod-box-left {
		width: 100%;
	}

	.mcat-box {
		box-shadow: none;
		margin-top: 0px;
	}

	.auto-slide {
		margin-top: 10px;
		margin-bottom: 0px;
	}

	.mcat-box ul,.mcat-box .dm-year {
		position: static;
		width: 100%!important;
		white-space: nowrap;
		overflow-y: hidden;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		float: none;
		margin: 0px;
		padding: 0px;
	}

	.mcat-box ul li,.mcat-box ul li.mcat-box-title {
		width: auto!important;
		display: inline-block!important;
		float: none
	}

	.tv-list-box.w3 {
		width: 100%!important
	}

	.pictures-slide .pic-img img {
		max-width: 767px;
		width: expression(this.width > 767 && this.height < this.width ? 767:true);
	}
}

@media (max-width:559px) {
    
	body,.vod_content,.part-content {
		font-size: 16px;
	}

	.header .header-box {
		margin-right: 10px;
		margin-left: 10px;
	}

	.vod-detail-list,.vod-box-list,.vod-box-tv,.vod-box-mov,.vod-box-dm,.vod-box-zy,.news-box-list,.star-box-list,.vod-index-box {
		padding-left: 5px;
		padding-right: 5px;
	}

	.layout-box {
		margin-right: 0px;
		margin-left: 0px;
	}

	.news-list-box {
		margin-right: 5px;
		margin-left: 5px;
	}

	.nav ul li {
		width: 25%;
	}

	.vod-info-box .vod-txt {
		width: 100%;
	}

	.search-top {
		padding-left: 10px;
	}

	.vod-title {
		padding: 5px 3px;
	}
	
    .detail-lines, .detail-music, .detail-role{
		padding: 5px;
    }
    
    .role-star,.role-name{
		padding-top: 5px;
    }

	.play-tool .vod-errors,.story-show li.w8:nth-child(40),.news-box-list .two-show li.w6:nth-child(9),.play-kai,.vod-seat ul:nth-child(1),.one-show li.w8:nth-child(n+7),.index-hot-box .hot-box:nth-child(n+2),.news-list li .news-list-images:nth-child(n+2),.three-show li.w3:nth-child(n+2),.actor-role-vod .actor-role li.w6:nth-child(n+4),.player-switch,.score,.tips,.user-playlog,.news-list li .news-list-tips,.news-list li .news-list-info p,.rating-box {
		display: none!important
	}

	.two-show li.w4:nth-child(-n+8),.four-show li:nth-child(3),.two-show li.w6:nth-child(9),.two-show li.w8:nth-child(9),.four-show .actor-role li:nth-child(2),.four-show .actor-role li:nth-child(3),.six-show li.w6:nth-child(4),.top-detail .index-hot-box .hot-box,.three-show .actor-role li:last-child {
		display: block!important
	}

	.story-show li.w8,.two-actor li.w6,.two-show li.w5,.video-list li.w5,.two-show li.w8,.video-list li.w8,.video-list li.w6,.four-show .actor-role li,.two-show li.w6,.detail-nav ul li,.actor-show .actor-role li,.actor-role-vod .actor-role li.w6,.pictures-slide-min .swiper-wrapper li,.auto-slide ul li,.one-show li.w8,.story-show li.w6,.special-detail-show li.w6,.three-show .actor-role li {
		width: 33.33333%!important
	}/*3*/
	.news-box-list .two-show li.w6,.two-show li.w4,.six-show li.w4,.picture-slide-box ul li,.main-left .picture-slide-box ul li,.vod-box .pic-list li.w4,.type-order a,.video-list li.w6,.special-show li.w6,.video-list li.w4,.special-show li.w4 {
		width: 50%!important
	}

	.tv-box .hot-box.tv-list-box.w3,.four-show li.w4,.index-hot-box .hot-box,.news-list li .news-list-pic,.news-list li .news-list-info,.news-list li .news-list-images,.star-box-info li.fin,.hot-card-list li,.three-show li.w3,.vod-box .lines-list a,.star-box ul.role-lines li,.vod-box .music-list a,.vod-left .tv-list-box.w3,.tv-box .tv-list-box.w5,.top-detail .index-hot-box .hot-box,.star-box .picture-slide-box ul li,.star-box .hot-card-list li {
		width: 100%!important
	}

	.hot-card-list.search-vod-list .hot-card-img {
		width: 35%
	}

	.hot-card-list.search-vod-list .hot-card-data {
		margin-left: 36%;
	}

	.header-search {
		width: 60%!important;
	}

	.auto-slide-box .pic-list li.swiper-slide-active {
		padding: 5px;
	}

	.hot-card-list.search-vod-list .hot-card {
		padding: 10px;
	}

	.search-vod-list .hot-card-data .card-vod-infos {
		display: none!important
	}

	.top-box {
		right: 10px;
		bottom: 100px;
	}

	.article-title,.article-detail h1 {
		line-height: 28px;
	}

	.thumb-pic {
		padding-top: 65%;
	}

	.play-tool {
		padding: 10px 5px;
		margin-bottom: 20px;
	}

	.play-tool a {
		padding: 5px 10px;
	}

	.play-tool #pre {
		margin-right: 5px;
	}

	.play-tool .digg_link {
		margin-right: 10px;
	}

	.player-right .play-tips {
		display: none!important
	}

	.role-card-info .role-card-info-content {
		-webkit-line-clamp: 2;
	}

	.pic-list li .vod-label, .pic-list li .vod-actor {
		font-size: 14px;
	}

	.pic-list li .vod-name, .pic-list li .news-name, .actor-role li .vod-name {
		font-size: 16px;
	}

	.news-list .news-list-info {
		padding-left: 0px;
	}

	.detail-nav ul li {
		padding: 15px 20px;
	}

	#zanpian-cm {
		padding: 20px 10px;
	}

	.comment-avatar, .news-avatar {
		width: 15%;
	}

	.comment-post, .comment-focus .news-box, .comment-post-self {
		width: 83%;
	}

	.comment-post-arrow {
		left: 16%;
	}

	.layout-box.play-box {
		margin-top: 20px;
	}

	.actor-role {
		display: none!important
	}

	.header-search-submit {
		top: 11px;
	}

	.top-type .type-class {
		padding: 10px 0px;
	}

	.vod-box-left {
		width: 100%!important;
		padding-right: 0px;
	}

	.vod-box-rating {
		display: none;
	}

	.vod-box-right {
		display: none;
	}

	.vod-box-left {
		width: 100%;
	}

	.swiper-page.swiper-button-prev,.swiper-page.swiper-button-next {
		display: none;
	}

	.play-box .vod-box-img {
		width: 60%!important;
	}

	.layout-box.play-box .vod-info-box {
		width: 100%!important;
	}

	.mcat-box {
		margin-left: 0px;
		margin-right: 0px;
	}

	.role-info-content {
		padding: 20px 0px;
		width: 100%;
	}

	.play-list .player-url {
		width: 33.3333333%;
	}

	.play-url-list {
		width: 33.333333%;
	}

	.vod-slide-box {
		width: 100%!important;
		padding: 5px;
	}

	.vod-hot-box {
		width: 100%!important;
		padding-top: 10px;
	}

	.vod-slide-name {
		margin-bottom: 0px;
	}

	.article-detail {
		padding-top: 0px;
	}

	.article-remark {
		padding: 10px;
	}

	.article-box .news-vod-content {
		line-height: 24px;
		padding: 0px;
		display: none
	}

	.news-actor {
		line-height: 24px;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		word-break: break-all;
		white-space: normal !important;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.news-list  h3 {
		margin-bottom: 15px;
	}

	.news_page_next {
		text-align: left
	}

	.article-page {
		line-height: 35px;
		margin-top: 10px;
	}

	.vod-box .hot-box-title {
		padding-top: 10px
	}

	.news-list .news-list-info h3 {
		padding-top: 20px;
		margin-bottom: 0px;
	}

	.pic-list, .video-list,.news-list {
		margin-left: 0px;
		margin-right: 0px;
	}

	.pic-list li, .video-list li {
		padding: 5px;
	}

	.vod-box,.star-info {
		padding: 5px;
		border-radius: 0px;
	}

	.vod-detail-list ul.pic-list li {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.vod_content,.part-list {
		padding: 5px;
	}

	.picture-title {
		margin-right: -16px;
	}

	.article-page a {
		padding: 0px!important
	}

	.index-slide-box .index-slide .index-slide-ul .index-slide-li a {
		padding-top: 250px;
	}

	.index-slide-title {
		left: 20px!important
	}

	.index-slide-box .swiper-pagination,.index-slide-title {
		bottom: 10px!important
	}

	.vod-detail-box,.star-detail-box {
		padding-top: 188px;
		margin: 0px;
		margin-top: 20px;
	}

	.play-min {
		margin-right: 0px;
		margin-left: 0px;
		margin-top: 20px;
	}

	.play-detail-box {
		padding-top: 188px;
	}

	.special_bg {
		margin-left: 0px;
		padding-top: 30%
	}

	.vod-box.vod-detail {
		margin: 0px 10px;
		overflow: inherit;
		display: flow-root;
		background: #FFF
	}

	.vod-info-box {
		width: 100%;
		padding: 10px;
	}

	.index-hot-box {
		margin: 20px 0px;
	}

	.vod-info-box h1, .vod-info-box .title {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.vod-box-right {
		display: none
	}

	.vod-box-rating {
		display: none
	}

	.vod-info-box li {
		white-space: normal;
	}

	.w1 {
		width: 100%!important;
	}

	.w2 {
		width: 100%!important;
	}

	.detail-nav {
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.vod-box-top {
		margin-top: 45px;
		margin-bottom: 10px;
		margin-left: 0px;
	}

	.vod-box-top h1 {
		width: 100%;
		text-align: center;
		font-size: 25px
	}

	.vod-box-img {
		width: 55%!important;
		margin-left: auto;
		margin-right: auto;
		margin-top: -45%;
		float: none
	}

	.vod-box-top .vod-seat {
		text-align: center;
	}

	.vod-box-top .vod-seat ul {
		display: inline-block;
		float: none;
		margin-bottom: 5px;
	}

	.vod-box-img .vod-image {
		box-shadow: 0 20px 15px -10px rgba(0, 0, 0, 0.2), 0 50px 35px -40px rgba(0, 0, 0, 0.4), 0 50px 35px -40px rgba(0, 0, 0, 0.2);
		transition: box-shadow .15s ease;
	}

	.vod-detail-bg {
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0;
		overflow: hidden;
		border-radius: 0;
		z-index: 1;
		display: block
	}

	.vod-detail-bg::before {
		content: '';
		height: 100%;
		width: 100%;
		bottom: 0;
		border-radius: 0;
		position: absolute;
		z-index: 2;
		background: rgba(255,255,255,0.68);
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px)
	}

	.vod-detail-bg:after {
		content: '';
		position: absolute;
		z-index: 2;
		opacity: .1;
		height: 100%;
		width: 100%;
		top: 0;
		background-image: url('');
		background-size: 30%;
		filter: invert(100%)
	}

	.vod-detail-bg .vod-detail-cover {
		border-radius: 0;
		width: 100%;
		left: 0%
	}

	.vod-detail-bg .vod-detail-cover:after {
		content: '';
		position: absolute;
		z-index: 2;
		opacity: .26;
		height: 100%;
		width: 100%;
		top: 0;
		background-image: url(../images/frosted.png);
		background-size: 29%
	}

	.vod-detail-bg .vod-detail-cover:before {
		content: '';
		position: absolute;
		z-index: 2;
		height: 30%;
		width: 100%;
		bottom: 0;
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%)
	}

	.vod-detail-pic,.vod-detail-pic img {
		height: 100%;
		width: 100%
	}

	.news-list-image {
		margin-left: -15px;
		margin-right: -15px;
	}

	.detail-role-info .role-card-img,.article-box .hot-card-img,.article-box .hot-card-list li .hot-card-img,.detail-role li .role-card-img {
		width: 30%
	}

	.article-box .hot-card-info {
		width: 70%;
		padding: 0px 0px 0px 10px;
	}

	.vod-detail-box .vod-info-box .vod-h1,.star-detail-box .vod-info-box .star-h1,.play-box .vod-info-box .vod-h1 {
		text-align: center;
	}

	.star-detail-box .vod-info-box ul li {
		width: 100%;
	}

	.top-type {
		padding: 0px 10px;
	}

	.article-box .hot-card-list ,.article-box .hot-card {
		padding: 0px;
	}

	.article-box .news-tips {
		display: none;
	}

	.pic-list li .vod-name,.pic-list li h3 {
		margin-bottom: 0px;
	}
	
    .vod-hot-box .pic-list li .vod-name {
        margin-bottom: 0px;
    }

	.box-title h2,.box-title h1,.box-title h3,.mcat-box-title {
		font-size: 18px;
		padding-left: 5px;
	}

	.article-content img,.article-pic-content img {
		max-width: 559px;
		width: expression(this.width > 559 && this.height < this.width ? 559:true);
	}

	.article-box {
		padding: 10px;
	}

	.article-box .hot-card-list li .hot-card-info {
		margin-left: 31%;
		padding: 0px 10px;
	}

	.article-box .hot-card-list li .hot-card-info .bnt-tips {
		margin-bottom: 8px;
	}

	.detail-role-info .role-card-info,.detail-role li .role-card-info {
		width: 70%;
	}

	.list-page ul li.visible-xs {
		display: inline-block!important;
	}

	.list-page ul li a,.list-page ul li span,.box-page ul li a,.box-page ul li span {
		padding: 7px 12px;
	}

	.footer {
		margin-top: 30px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 20px;
	}

	.footer-info .statement {
		display: none;
	}

	.auto-slide-box .swiper-button-next,.auto-slide-box .swiper-button-prev {
		top: 40%;
	}

	.tv-detail-info {
		width: 100%;
		padding-bottom: 0px;
	}

	.tv-detail-title {
		text-align: left
	}

	.vod-box .tv-vod {
		margin-left: -15px;
		margin-right: -15px;
		margin-bottom: -15px;
	}

	.vod-box .hot-box-title {
		margin-left: -15px;
		margin-right: -15px;
		margin-top: -15px;
	}

	.nav ul li a {
		padding: 8px 0px;
		display: inline-block;
		width: 100%;
	}

	.hot-bang {
		position: fixed;
		top: 65px;
		left: 0px;
		right: 0px;
	}

	.vod-slide-box .swiper-slide .pic-img {
		padding-top: 59%
	}

	.vod-slide-box .swiper-container {
		padding-bottom: 0px;
	}

	.hot-card-list.search-vod-list .hot-card-info .bnt-tips {
		margin-bottom: 5px;
	}

	.list-nav {
		margin-bottom: 10px;
		padding: 0px 10px;
	}

	.pictures-slide .pic-img img {
		max-width: 100%;
	}
}