/* =====视频内容页 */
.button {color:#fff}
.text-center {text-align:center}
.text-middle {font-size:16px}
.bg-yellow,.border-yellow .button.active,.pointer.border-yellow .active,.nav-pills.border-yellow .active a,.nav-main.border-yellow .nav-head,.pagination.border-yellow .active {background-color:#ff9600}
.button.border-yellow:hover,.button.border-yellow:focus,.button.bg-yellow:hover,.button.bg-yellow:focus {color:#fff;border-color:#FCB319;background-color:#FCB319}
.video-detail .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;padding-left:25px;border-bottom:1px solid #EFEFEF}
.video-detail .tab .tab-nav li {display:inline-block;width:13%;margin:0}
/* .video-detail .tab .tab-nav li:last-child {margin-right:0px} */
.video-detail .tab .tab-nav li a {color:#616770;padding:18px 0;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;display:block;line-height:20px;font-weight:500;border-radius:0;font-size:16px;text-align:center;}
.video-detail .tab .tab-nav .active {border-radius:0px;}
.video-detail .tab .tab-nav .active a {margin-bottom:-1px;cursor:default;background:#FFF;border-bottom:2px solid #ff9600;font-weight:600}
.video-detail .tab .tab-nav li a,.video-detail .tab .tab-nav .active a:focus {outline:none;}
.video-detail .tab .tab-body {border-radius:0;border-top:solid 0px #ebebeb;padding:25px}
/* ======播放器 */
.jw-video-expense {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #383838;z-index: 1;display: none}
.jw-video-expense img {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;max-width: 100%;max-height: 100%;}
.jw-video-expense .apply {position: absolute;left: 50%;top: 50%;margin-top: -20px;transform: translate(-50%,-50%);}
.jw-video-expense .video-play{cursor: pointer;font-size: 0;}
.jw-video-expense .video-play:before {content: '';width: 80px;height: 80px;position: absolute;top: 50%;left: 50%;z-index: 8;margin-top: -40px;margin-left: -40px;border-radius: 50%;background: radial-gradient(rgba(0,0,0,.25) 40%,rgba(255,255,255,.65) 70%,rgba(0,0,0,.25) 100%);box-shadow: 0 0 8px 4px rgba(136,136,136,.35), 0 0 6px 3px rgba(255,255,255,1);animation: fade 2.4s linear 0s infinite;}
.jw-video-expense .video-play:after {content: '';width: 80px;height: 80px;position: absolute;top: 50%;left: 50%;z-index: 9;margin-top: -40px;margin-left: -40px;background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgdmlld0JveD0iMCAwIDgwIDgwIj4KCTxkZWZzPgoJCTxzdHlsZT4KCQkgIC5jbHMtMSB7CgkJCWZpbGw6ICNmZmY7CgkJCWZpbGwtcnVsZTogZXZlbm9kZDsKCQkgIH0KCQk8L3N0eWxlPgoJPC9kZWZzPgoJPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTEyMCwxMTE3YTQwLDQwLDAsMSwxLTQwLDQwQTQwLDQwLDAsMCwxLDExMjAsMTExN1ptMCw0YTM2LDM2LDAsMSwxLTM2LDM2QTM2LDM2LDAsMCwxLDExMjAsMTEyMVptLTUuNjIsNTIuNTEsMjAuMzctMTQuODhhMi4yNTQsMi4yNTQsMCwwLDAtLjA0LTMuNjdMMTExNCwxMTQwLjQ1YTIuMjczLDIuMjczLDAsMCwwLTMuNTgsMS44OGwwLjM1LDI5LjM4QTIuMjY5LDIuMjY5LDAsMCwwLDExMTQuMzgsMTE3My41MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDgwIC0xMTE3KSIvPgo8L3N2Zz4=) no-repeat;}
.jw-video-expense .button {display: block;width: 180px;padding: 5px 20px;margin: 0 auto;margin-top: 135px;border-radius: 100px;font-style: normal;cursor: pointer;}
.video-period .price{font-size:32px;margin-top:5px}
.video-buy-now{cursor:pointer;width:130px;/*float:right*/}
.video-free-now{width:130px;padding:10px 0;/*float:right*/}
.video-title h1{font-size:24px;display:block;}
.video-period-title{padding:15px 10px 15px 20px}
.video-period-list{overflow:hidden;height:410px;overflow-y:auto}
.video-period-list li{height:69px;width:100%;border-bottom:1px #433D3D solid;position:relative;text-align:left}
.video-period-list li a{display:block;padding:8px 10px 8px 50px}
.video-period-list li a.cur{background:#2D2D2D;display:block;}
.video-period-list li:hover{background:#2D2D2D;}
.video-period-list li p{font-size:14px;color:#888888;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.video-period-list li:before{content:"";position:absolute;width:20px;height:13px;left:18px;top:15px;background:url(../images/video-ico.png) no-repeat;z-index:4}
.video-period-list li .video-info{padding-top:8px;position:relative;color:#616770}
.video-period-list li .video-info span{position:absolute;right:0;width:62px;text-align:right}
.video-period-list li:last-child{border-bottom:none}
.video-content-tit{padding:5px 30px 0;line-height:50px;border-bottom:1px solid #ECEFF5}
.video-content-tit h2{font-size:18px;color:#434C5A;border-bottom:1px solid #434C5A;display:block;width:72px;margin-bottom:-1px}
/* 播放器 end*/
/* 视频内容页end */

/*浏览区域滚动条*/
.left-box :root {
 --night-bg-body: #192039; /* 黑夜背景颜色 */
 --night-bg-secondary: #1f2745; /* 黑夜局部颜色 */
 --night-color-dark: #a4a8b4;  /* 黑夜局部颜色 */
 --color-title: #2c2e3b; /* 2号字体颜色 */
 --color-secondary: #828a92; /* 2号字体颜色 */
 --night-border-light: #3c4560; /* 黑夜分割线 */
 --border-light: #f0f3f7;
 --border-muted: #d3d3d3;
}
.left-box pre code::-webkit-scrollbar {
height: 6px;
}
 .left-box ::-webkit-scrollbar {
width: 8px;
}
 .left-box ::-webkit-scrollbar-track {
background: rgba(51, 51, 51, .1)
}
 .left-box ::-webkit-scrollbar-thumb {
background: #3796f6;
border-radius: 4px
}
 .left-box ::-webkit-scrollbar-thumb:active {
background-color: #3796f6
}
/*浏览区域滚动条 END*/
.left-box a:link, a:visited {
	text-decoration: none
}
.left-box a:hover {
	text-decoration: none;
	color: #1089ff
}
.left-box .ad-big {
	width: 100%
}
.left-box {
	width: 1025px;
	float: left;
	line-height: 1.5;
}
.video_con_period {
	background: #383838;
}
.video-period-title {
	padding: 15px 10px 15px 20px
}
.video-period-title span {
	display: block;
	color: #fff;
	font-size: 16px;
	display: unset;
}
.video-period-title span.c8 {
	color: #888888;
}
.video-period-title a.sucai {
	color: #ff5501;
}
.left-box .fr {
	float: right
}
.video-period-list {
	overflow: hidden;
	height: auto;
	min-height: 80px;
	max-height: 410px;
	overflow-y: auto;
}
.video-period-list li {
	height: 69px;
	width: 100%;
	border-bottom: 1px #433D3D solid;
	position: relative;
	text-align: left
}
.video-period-list li a {
	display: block;
	padding: 8px 10px 8px 50px
}
.video-period-list li a.cur {
	background: #2D2D2D;
	display: block;
}
.video-period-list li:hover {
	background: #2D2D2D;
}
.video-period-list li p {
	font-size: 14px;
	color: #888888;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}
.video-period-list li:before {
	content: "";
	position: absolute;
	width: 20px;
	height: 13px;
	left: 18px;
	top: 15px;
	background: url(../images/video-ico.png) no-repeat;
	z-index: 4
}
.video-period-list li .video-info {
	padding-top: 8px;
	position: relative;
	color: #616770
}
.video-period-list li .video-info span {
	position: absolute;
	right: 0;
	width: 62px;
	text-align: right;
}
.video-period-list li:last-child {
	border-bottom: none
}
.text-white {
	color: #fff !important
}
.video-period-zt .price {
	font-size: 32px;
	margin-top: 15px;
	text-align: center;
	color: #ff5501;
}
.video-buy-now {
	display: block;
	width: 160px;
	margin: 12px auto;
	background: #ff5501;
	color: #fff;
	box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, .2);
	border-radius: 3px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
}
.video-free-now {
	display: block;
	width: 160px;
	margin: 20px auto;
	background: #ff5501;
	color: #fff;
	box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, .2);
	border-radius: 3px;
	text-align: center !important;
}