.supercms-player{width:100%;height:100%;background:#000}.supercms-player video,.supercms-player iframe{display:block;width:100%;height:100%;border:0}[data-supercms-line]{cursor:pointer}[data-supercms-playlist] [hidden]{display:none!important}

#root {
	line-height: 1
}

#root a img {
	border: none
}

#root header {
	display: block
}

#root .header.container:after,#root .results.container:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden
}

#root *,#root :after,#root :before {
	box-sizing: border-box
}

#root,#root {
	height: 100%;
	margin: 0
}

#root,#root button,#root input,#root textarea {
	color: #b3b3b3;
	font-family: Source Sans Pro,sans-serif;
	font-size: 18px;
	font-weight: 200;
	line-height: 24px;
	outline: none;
	background: #000
}

#root ::-webkit-input-placeholder,#root button::-webkit-input-placeholder,#root input::-webkit-input-placeholder,#root textarea::-webkit-input-placeholder {
	color: #b3b3b3;
	line-height: 34px
}

@media (min-width:769px) {
	#root ::-webkit-input-placeholder,#root button::-webkit-input-placeholder,#root input::-webkit-input-placeholder,#root textarea::-webkit-input-placeholder {
		line-height: 1
	}

	#root :-moz-placeholder,#root ::-moz-placeholder,#root button:-moz-placeholder,#root button::-moz-placeholder,#root input:-moz-placeholder,#root input::-moz-placeholder,#root textarea:-moz-placeholder,#root textarea::-moz-placeholder {
		line-height: 1
	}

	#root :-ms-input-placeholder,#root button:-ms-input-placeholder,#root input:-ms-input-placeholder,#root textarea:-ms-input-placeholder {
		line-height: 1
	}
}

#root .container {
	margin: 0 auto;
	max-width: 1250px;
	padding: 0 15px;
	width: 100%
}

@media (min-width:769px) {
	#root .container {
		padding: 0 30px
	}
}

#root .header {
	padding: 40px 0
}

@media (min-width:769px) {
	#root .header {
		padding: 60px 0
	}
}

#root .header__logo {
	color: #f90;
	font-size: 26px;
	font-weight: 900;
	line-height: 1
}

@media (min-width:769px) {
	#root .header__logo {
		float: left;
		font-size: 46px
	}
}

#root .header__ios-badge-link {
	display: none
}

@media (min-width:769px) {
	#root .header__ios-badge-link {
		display: block;
		float: right;
		-webkit-transform: translateY(3px);
		transform: translateY(3px)
	}
}

@media (min-width:769px) {
	#root .header__ios-badge {
		display: block;
		height: 40px;
		width: auto
	}
}

#root .form__field {
	position: relative
}

#root .form__field:before {
	color: #b3b3b3;
	content: attr(data-count);
	font-size: 26px;
	line-height: 1;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media (min-width:769px) {
	#root .form__field:before {
		font-size: 46px;
		right: 40px
	}
}

#root .form__input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	border-radius: 15px;
	box-shadow: 0 2px 40px 5px rgba(0,0,0,.05);
	color: #000;
	font-size: 26px;
	line-height: 1;
	padding: 8px 50px 8px 20px;
	text-transform: lowercase;
	width: 100%;
	background: #eee
}

@media (min-width:769px) {
	#root .form__input {
		font-size: 46px;
		padding: 20px 100px 20px 40px
	}
}

#root .disclaimer {
	margin-top: 20px
}

#root .disclaimer.container {
	padding: 0 35px
}

@media (min-width:769px) {
	#root .disclaimer {
		margin-top: 40px
	}

	#root .disclaimer.container {
		padding: 0 70px
	}
}

#root .action__button {
	background-color: #f90;
	border-radius: 25px;
	color: #000;
	display: block;
	font-size: 16px;
	font-weight: 700;
	height: 50px;
	line-height: 50px;
	margin-top: 30px;
	padding: 5px 0;
	text-align: center;
	width: 100%;
	border: 0
}

#root .action__button[class^=icon-] {
	height: 25px;
	margin-left: 5px;
	position: relative;
	top: 7px;
	width: 40px
}

@media (min-width:769px) {
	#root .action__button {
		border-radius: 37.5px;
		font-size: 30px;
		height: 75px;
		margin-top: 40px;
		padding: 8px 0
	}

	#root .action__button[class^=icon-] {
		height: 40px;
		margin-left: 10px;
		top: 9px;
		width: 65px
	}
}

#root .nodata_alert {
	margin: 50px auto;
	text-align: center
}

#root * {
	box-sizing: border-box;
	padding: 0;
	margin: 0
}

#root ul {
	display: block;
	list-style-type: none;
	-webkit-margin-before: 0;
	margin-block-start: 0;
	-webkit-margin-after: 0;
	margin-block-end: 0;
	-webkit-margin-start: 0;
	margin-inline-start: 0;
	-webkit-margin-end: 0;
	margin-inline-end: 0;
	-webkit-padding-start: 0;
	padding-inline-start: 0
}

#root li {
	list-style: none;
	width: 48%;
	margin: 0 1% 15px
}

#root li img {
	width: 100%;
	height: auto
}

#root h3 {
	height: 44px;
	font-size: 14px;
	margin-bottom: 5px;
	line-height: 22px
}

#root a {
	color: #ff9c1d;
	text-decoration: none
}

#root .searh_item {
	position: relative
}

#root .search_bottom_section {
	margin: 0
}

#root .search_bottom_section span {
	font-size: 12px;
	line-height: 22px;
	color: grey
}

#root .search_bottom_section h3 a span {
	color: red;
	font-size: 14px
}

#root .searh_item span {
	width: 50px;
	height: 20px;
	border-radius: 30px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #fafafa;
	background: #000
}

#root ul {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

#root .items_container {
	margin: 50px auto
}

@media screen and (min-width:769px) {
	#root li {
		margin: 0 12px 30px 0;
		list-style: none;
		width: 291px
	}

	#root li img {
		height: 180px
	}

	#root .items_container {
		width: 1212px
	}
}

#root .page_navi {
	width: 100%;
	line-height: 36px;
	text-align: center;
	overflow: hidden;
	padding-top: 6px;
	padding-bottom: 6px
}

#root .page_navi .pagenum {
	padding: 8px 12px;
	margin: 2px;
	text-decoration: none;
	display: inline-block;
	color: #888;
	line-height: 26px;
	font-size: 14px;
	white-space: nowrap;
	width: 46px;
	border-radius: 5px;
	background: #2f2f2f;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

#root .page_navi a {
	text-decoration: none;
	color: #888
}

#root .page_navi a:hover {
	text-decoration: none;
	color: #fff
}

#root .page_navi .pagenum:hover {
	display: inline-block;
	background: #363636;
	color: #fff
}

#root .page_navi .pagenum.current {
	color: #000;
	font-weight: bolder;
	background: #f90
}

#root .page_navi .extend {
	width: auto
}
.filter-focus{clear:both;margin:20px 0;padding:12px 20px;border:1px solid #333}.filter-focus .ui-title{padding:8px 0 16px;border-bottom:1px dotted #444}.filter-list{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px dotted #333}.filter-list h5{flex:0 0 48px;line-height:30px}.filter-list ul{display:flex;flex:1;flex-wrap:wrap;gap:5px}.filter-list a{display:block;padding:0 10px;line-height:30px;border-radius:2px}.filter-list a.active,.filter-list a.current{background:#ff9c1d;color:#141414}#root .header__ios-badge{max-width:130px;max-height:40px;width:auto;height:auto;object-fit:contain}
.cms-vod-detail > .bread-crumb-nav,.cms-vod-detail > .ui-box{box-sizing:border-box;width:1200px;max-width:92%;margin:20px auto;}
.cms-vod-detail .bread-crumb-nav{padding:10px 20px;border:1px solid #333;line-height:26px;}
.cms-vod-detail .bread-crumbs{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;}
.cms-vod-detail .bread-crumbs li{min-width:0;overflow-wrap:anywhere;}
.cms-vod-detail .bread-crumbs li + li:before{content:"›";margin-right:14px;color:#808080;}
.cms-vod-detail .bread-crumbs .back{margin-left:auto;}
.cms-vod-detail .bread-crumbs .back:before{content:none;}
.cms-vod-detail .ui-box{border:1px solid #333;background:#141414;}
.cms-vod-detail .detail-cols{display:flex;align-items:flex-start;gap:20px;padding:20px;}
.cms-vod-detail .detail-pic{flex:0 0 225px;}
.cms-vod-detail .detail-pic img{display:block;box-sizing:border-box;width:100%;height:300px;padding:4px;border:1px solid #333;object-fit:cover;}
.cms-vod-detail .detail-info{flex:1;min-width:0;}
.cms-vod-detail .detail-title h1{font-size:24px;line-height:34px;overflow-wrap:anywhere;}
.cms-vod-detail .detail-info .info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px;margin-top:12px;}
.cms-vod-detail .detail-info dl{display:flex;min-width:0;line-height:26px;color:#b3b3b3;}
.cms-vod-detail .detail-info dt{flex:0 0 42px;color:#808080;}
.cms-vod-detail .detail-info dd{flex:1;min-width:0;overflow-wrap:anywhere;}
.cms-vod-detail .detail-info .nyzhuy,.cms-vod-detail .detail-info .juqing{grid-column:1 / -1;}
.cms-vod-detail .detail-info .color{color:#ff9c1d;}
.cms-vod-detail .ui-title{padding:12px 20px;border-bottom:1px solid #333;line-height:28px;}
.cms-vod-detail .ui-title h2,.cms-vod-detail .ui-title h3{font-size:18px;}
.cms-vod-detail .ui-title strong{font-weight:normal;color:#ff9c1d;}
.video-playlist{box-sizing:border-box;width:1200px;max-width:92%;margin:20px auto;border:1px solid #333;background:#141414;}
.video-playlist .down-title{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid #333;}
.video-playlist .down-title h2{padding:6px 16px;border:1px solid #ff9c1d;border-radius:3px;font-size:16px;line-height:26px;color:#ff9c1d;}
.video-playlist .down-title h2.active,.video-playlist .down-title h2.selected{background:#ff9c1d;color:#000;}
.video-playlist [data-supercms-segments]{display:flex;flex-wrap:wrap;gap:6px;padding:12px 20px;border-bottom:1px solid #333;}
.video-playlist [data-supercms-segments] a{padding:3px 12px;border:1px solid #333;line-height:24px;}
.video-playlist .video_list{display:flex;flex-wrap:wrap;gap:10px;padding:20px;}
.video-playlist .video_list a{box-sizing:border-box;min-width:110px;max-width:100%;padding:6px 12px;border:1px solid #333;border-radius:3px;line-height:24px;text-align:center;overflow-wrap:anywhere;}
.video-playlist .video_list a.active,.video-playlist .video_list a.selected,.video-playlist [data-supercms-segments] a.active{background:#ff9c1d;border-color:#ff9c1d;color:#000;}
.cms-vod-detail .box_con .img-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:20px;}
.cms-vod-detail .box_con .img-list li{min-width:0;}
.cms-vod-detail .box_con .img-list a{display:block;}
.cms-vod-detail .box_con .img-list img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover;}
.cms-vod-detail .box_con .img-list h2{height:44px;margin-top:8px;overflow:hidden;font-size:14px;line-height:22px;overflow-wrap:anywhere;}
.cms-vod-detail .tjuqing{padding:16px 20px;line-height:28px;overflow-wrap:anywhere;}
.cms-vod-detail .tjuqing img,.cms-vod-play .sp_cnt img{max-width:100%;height:auto;}
.cms-vod-play .yp_wz .yp_nr .g_g,.cms-vod-play .yp_wz .yp_nr .t_s,.cms-vod-play .yp_wz .yp_nr .r_k{display:none;}
.cms-vod-play .yp_wz .yp_nr .y_p{position:relative;float:none;width:100%;height:auto;aspect-ratio:16 / 9;margin:0;overflow:hidden;background:#000;}
.cms-vod-play .yp_wz .supercms-player{position:absolute;inset:0;}
.cms-vod-play .sp_kj{display:flex;flex-wrap:wrap;align-items:center;gap:20px;}
.cms-vod-play .sp_kj .x_z{float:none;flex:0 0 auto;margin:0;}
.cms-vod-play .sp_kj .f_x{display:grid;grid-template-columns:80px minmax(0,1fr) 100px;position:static;float:none;flex:1;min-width:0;width:auto;margin:0;}
.cms-vod-play .sp_kj .f_x i{width:auto;padding:0;background:none;text-align:center;}
.cms-vod-play .sp_kj .f_x span{box-sizing:border-box;width:auto;padding:0 10px;text-overflow:ellipsis;white-space:nowrap;}
.cms-vod-play .sp_kj .f_x button{width:auto;}
.cms-vod-play .sp_kj .f_x .clear{display:none;}
.cms-vod-play .gd_bq .sp_cnt{line-height:26px;overflow-wrap:anywhere;}
.cms-vod-play .gd_bq .sp_cnt a{display:inline;float:none;width:auto;height:auto;margin:0;border:0;line-height:inherit;text-align:inherit;}
@media only screen and (max-width:768px){
.cms-vod-detail .header,.cms-vod-play .header{position:relative;top:auto;}
.cms-vod-detail .header .logo,.cms-vod-play .header .logo{display:flex;}
.cms-vod-detail .header .menu ul,.cms-vod-play .header .menu ul{display:flex;flex-wrap:wrap;}
.cms-vod-detail .header .menu ul li,.cms-vod-play .header .menu ul li{float:none;}
.cms-vod-detail .sj_gg,.cms-vod-play .sj_gg{margin-top:0;}
.cms-vod-detail > .bread-crumb-nav,.cms-vod-detail > .ui-box{margin:12px auto;}
.cms-vod-detail .bread-crumb-nav{padding:10px 12px;}
.cms-vod-detail .detail-cols{gap:12px;padding:12px;}
.cms-vod-detail .detail-pic{flex-basis:30%;}
.cms-vod-detail .detail-pic img{height:auto;aspect-ratio:3 / 4;}
.cms-vod-detail .detail-title h1{font-size:18px;line-height:26px;}
.cms-vod-detail .detail-info .info{grid-template-columns:minmax(0,1fr);gap:4px;margin-top:8px;}
.cms-vod-detail .detail-info .nyzhuy,.cms-vod-detail .detail-info .juqing{grid-column:auto;}
.cms-vod-detail .detail-info dl{font-size:12px;line-height:22px;}
.cms-vod-detail .ui-title,.cms-vod-detail .tjuqing,.video-playlist .down-title,.video-playlist .video_list,.video-playlist [data-supercms-segments]{padding:12px;}
.cms-vod-detail .box_con .img-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;}
.video-playlist .video_list a{min-width:0;}
.cms-vod-play .sp_kj{gap:12px;padding-bottom:0;}
.cms-vod-play .sp_kj .f_x{flex-basis:100%;grid-template-columns:70px minmax(0,1fr) 88px;}
}