@charset "utf-8";

* {
	box-sizing:border-box;
}

html,
body,
p,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
form,
input {
	margin:0;
	padding:0;
}

html,
body {
	width:100%;
	min-width:0 !important;
	margin:0;
	background:#f5f7fb !important;
	color:#111827;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
	font-size:14px;
	line-height:1.65;
	overflow-x:hidden;
}

body,
a,
p,
li,
dt,
dd,
span {
	word-break:break-word;
}

img {
	display:block;
	max-width:100%;
	border:0;
}

ul,
li {
	list-style:none;
}

input,
button {
	outline:0;
	font-family:inherit;
}

.clearfix:after {
	content:"";
	display:block;
	clear:both;
}

a,
a:link,
a:visited {
	color:#111827;
	text-decoration:none;
}

a:hover {
	color:#2563eb;
}

.wrap,
.channelcon {
	width:min(1200px, calc(100% - 32px)) !important;
	max-width:1200px !important;
	margin-left:auto !important;
	margin-right:auto !important;
}

#header,
#header .header {
	min-width:0 !important;
	max-width:none !important;
	height:auto !important;
	background:#ffffff !important;
}

#header {
	border-bottom:1px solid #e5e7eb;
	box-shadow:0 1px 2px rgba(15,23,42,.04);
}

#header .header {
	display:grid !important;
	grid-template-columns:auto minmax(220px,280px);
	grid-template-areas:"logo search" "nav nav";
	gap:10px 18px;
	align-items:center;
	padding:14px 0 10px;
}

.logo {
	grid-area:logo;
	float:none !important;
	width:auto !important;
	min-width:0 !important;
	height:auto !important;
	background:none !important;
	overflow:visible !important;
}

.logo a {
	display:block !important;
	width:auto !important;
	height:auto !important;
	line-height:1.22 !important;
	text-indent:0 !important;
	color:#0f172a !important;
	font-size:30px !important;
	font-weight:800;
	letter-spacing:0;
}

.search-box {
	grid-area:search;
	float:none !important;
	width:100% !important;
	height:38px !important;
	margin:0 !important;
	border:1px solid #dbe3ef !important;
	border-radius:8px !important;
	background:#f8fafc !important;
	overflow:hidden;
}

.search-box form {
	display:flex;
	width:100%;
	height:100%;
	margin:0 !important;
}

.search-input {
	float:none !important;
	flex:1;
	width:auto !important;
	height:36px !important;
	line-height:36px !important;
	border:0 !important;
	background:transparent !important;
	color:#334155 !important;
	font-size:14px;
	text-indent:12px;
}

.search-button {
	order:2;
	float:none !important;
	width:42px !important;
	height:36px !important;
	border:0 !important;
	background:transparent url("../images/search.png") center center no-repeat !important;
}

.pcmenu {
	grid-area:nav;
	float:none !important;
	width:100%;
	margin:0 !important;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
}

.ui-nav-right {
	display:flex !important;
	width:max-content;
	gap:8px;
	padding:0;
}

.ui-nav-right .nav-item {
	float:none !important;
	height:auto !important;
	background:transparent !important;
	overflow:visible !important;
}

.ui-nav-right .nav-item .nav-link {
	float:none !important;
	display:block !important;
	min-width:0 !important;
	height:34px !important;
	line-height:34px !important;
	margin:0 !important;
	padding:0 14px !important;
	border-radius:7px;
	background:#eef2f7;
	color:#475569 !important;
	font-size:14px !important;
	font-weight:700;
	text-align:center;
}

.ui-nav-right .current .nav-link,
.ui-nav-right .nav-item .nav-link:hover {
	background:#2563eb;
	color:#fff !important;
}

#content {
	margin-top:18px !important;
}

.seo-title {
	width:min(1200px, calc(100% - 32px));
	margin:0 auto 16px !important;
	color:#0f172a !important;
	font-size:28px !important;
	line-height:1.35 !important;
	font-weight:800;
}

.arealoop {
	display:grid !important;
	grid-template-columns:minmax(0,1fr) 236px;
	gap:16px;
	width:min(1200px, calc(100% - 32px));
	margin:0 auto 18px !important;
	background:transparent !important;
	border:0 !important;
	box-shadow:none !important;
}

.loop,
.phbang,
.loopindex,
.looptype,
.links,
.panel-default,
.detail-box {
	float:none !important;
	width:auto !important;
	max-width:none !important;
	height:auto !important;
	margin:0 0 18px !important;
	background:#fff !important;
	border:1px solid #e5e7eb !important;
	border-radius:8px !important;
	box-shadow:none !important;
	overflow:hidden !important;
}

.loop,
.phbang {
	margin:0 !important;
}

.loop .title,
.loopindex .title,
.looptype .title,
.links .title,
.phbang .title,
.panel-default>.panel-heading {
	height:auto !important;
	line-height:1.4 !important;
	padding:12px 16px !important;
	margin:0 !important;
	background:#fff !important;
	border:0 !important;
	border-bottom:1px solid #e5e7eb !important;
}

.loop .title b,
.loopindex .title b,
.looptype .title b,
.links .title b,
.phbang .title b,
.panel-default>.panel-heading strong,
.title h1 {
	float:left !important;
	text-indent:0 !important;
	border-left:0 !important;
	color:#0f172a !important;
	font-size:18px !important;
	line-height:1.4 !important;
	font-weight:800 !important;
}

.loop .title b:before,
.loopindex .title b:before,
.looptype .title b:before,
.links .title b:before,
.phbang .title b:before,
.panel-default>.panel-heading strong:before {
	content:"";
	display:inline-block;
	width:4px;
	height:18px;
	margin-right:9px;
	border-radius:4px;
	background:#2563eb;
	vertical-align:-3px;
}

.loop .title span.more,
.loopindex .title span.more,
.looptype .title span.more {
	float:right !important;
	padding-right:0 !important;
}

.loop .title span.more a,
.loopindex .title span.more a,
.looptype .title span.more a {
	color:#2563eb !important;
	font-size:13px !important;
	font-weight:700;
}

.loop .boxlist,
.loopindex .boxlist,
.looptype .boxlist,
.looptype ul.boxlistp16,
.panel-default .looptype .boxlist,
.panel-default .looptype ul.boxlistp16 {
	display:grid !important;
	grid-template-columns:repeat(5,minmax(0,1fr));
	gap:16px;
	padding:16px !important;
}

.loopindex .boxlist {
	grid-template-columns:repeat(6,minmax(0,1fr));
}

.panel-default .looptype .boxlist,
.panel-default .looptype ul.boxlistp16 {
	grid-template-columns:repeat(6,minmax(0,1fr));
}

.loop .boxlist li,
.loopindex .boxlist li,
.looptype .boxlist li,
.looptype .boxlist li.listmr27 {
	float:none !important;
	width:auto !important;
	height:auto !important;
	margin:0 !important;
	padding:0 !important;
	border-radius:8px;
	background:#fff !important;
	box-shadow:none !important;
	overflow:hidden !important;
}

.loop .boxlist li .list-link,
.loopindex .boxlist li .list-link,
.looptype .boxlist li .list-link {
	display:block !important;
	padding:0 !important;
	border-radius:8px;
	overflow:hidden !important;
	background:#fff;
}

.loop .boxlist li .list-link .img,
.loopindex .boxlist li .list-link .img,
.looptype .boxlist li .list-link .img {
	position:relative;
	width:100% !important;
	height:auto !important;
	aspect-ratio:3/4;
	border-radius:8px;
	background:#eef2f7 !important;
	overflow:hidden !important;
}

.loop .boxlist li .list-link .img img,
.loopindex .boxlist li .list-link .img img,
.looptype .boxlist li .list-link .img img {
	width:100% !important;
	height:100% !important;
	object-fit:cover;
}

.loop .boxlist li .list-link .img .video-bg,
.loopindex .boxlist li .list-link .img .video-bg,
.looptype .boxlist li .list-link .img .video-bg,
.looptype .boxlist li .list-link .img .video-bgg {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	width:100% !important;
	height:42px !important;
	background:linear-gradient(to top,rgba(15,23,42,.86),rgba(15,23,42,0)) !important;
	opacity:1 !important;
}

.loop .boxlist li .list-link .img .list-name,
.loopindex .boxlist li .list-link .img .list-name,
.looptype .boxlist li .list-link .img .list-name {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	width:100% !important;
	height:32px !important;
	line-height:32px !important;
	padding:0 8px !important;
	box-sizing:border-box;
	text-align:left !important;
	color:#fff !important;
	font-size:14px !important;
	font-weight:700;
	overflow:hidden;
}

.list-content {
	display:none !important;
}

.phbang ul {
	padding:8px 12px !important;
}

.phbang ul li {
	height:34px !important;
	line-height:34px !important;
	padding:0 !important;
	border-bottom:0 !important;
	color:#64748b;
}

.phbang ul li a {
	display:block;
	height:34px !important;
	line-height:34px !important;
	margin-left:28px !important;
	margin-right:48px !important;
	color:#0f172a !important;
	overflow:hidden;
}

.phbang ul li span.num {
	width:20px !important;
	height:20px !important;
	line-height:20px !important;
	margin:7px 0 !important;
	border-radius:5px;
	background:#e5e7eb !important;
	color:#64748b !important;
	font-size:12px;
}

.phbang ul li:nth-child(1) span.num,
.phbang ul li:nth-child(2) span.num,
.phbang ul li:nth-child(3) span.num {
	background:#2563eb !important;
	color:#fff !important;
}

.textlink {
	width:min(1200px, calc(100% - 32px));
	height:auto !important;
	line-height:1.6 !important;
	margin:16px auto 12px !important;
	color:#64748b;
}

.textlink a {
	color:#64748b;
}

.detail-box {
	display:grid !important;
	grid-template-columns:264px minmax(0,1fr);
	gap:22px;
	padding:18px 22px 22px;
}

.detail-pic,
.detail-info {
	float:none !important;
	width:auto !important;
	height:auto !important;
	margin:0 !important;
	padding:0 !important;
}

.detail-pic img {
	width:100% !important;
	height:auto !important;
	aspect-ratio:3/4;
	object-fit:cover;
	border:0 !important;
	padding:0 !important;
	border-radius:8px;
	background:#eef2f7;
}

.detail-ad {
	display:none !important;
}

.online-button {
	margin:8px 0 0 !important;
}

.btn {
	display:block !important;
	width:100% !important;
	height:36px !important;
	line-height:36px !important;
	padding:0 !important;
	border:0 !important;
	border-radius:7px !important;
	background:#2563eb !important;
	color:#fff !important;
	font-weight:700;
}

.detail-title {
	height:auto !important;
	margin:0 0 12px !important;
}

.detail-title h1,
.detail-title h2 {
	float:none !important;
	height:auto !important;
	line-height:1.35 !important;
	padding:0 !important;
	color:#0f172a !important;
	font-size:28px !important;
	font-weight:800 !important;
}

.detail-info .info dl {
	line-height:28px !important;
	padding:4px 0 !important;
	color:#64748b;
}

.detail-info .info dt {
	width:60px !important;
	color:#64748b !important;
}

.detail-info .info dd,
.detail-info .info dd a,
.detail-info .info dd span {
	color:#0f172a !important;
}

.dl_left {
	float:left !important;
	width:48% !important;
}

.dl_right {
	float:right !important;
	width:48% !important;
}

.dslist-group {
	max-height:none !important;
	margin:0 !important;
	padding:10px 12px !important;
}

.dslist-group li {
	float:left !important;
	width:auto !important;
	margin:4px !important;
	padding:0 !important;
}

.dslist-group li a {
	width:auto !important;
	min-width:78px;
	margin:0 !important;
	padding:7px 10px !important;
	border:1px solid #dbe3ef !important;
	border-radius:7px;
	background:#f8fafc !important;
	color:#0f172a !important;
}

.dslist-group li a.current,
.dslist-group li a:hover {
	background:#2563eb !important;
	border-color:#2563eb !important;
	color:#fff !important;
}

.panel-jvqing {
	max-height:none !important;
	padding:12px 16px !important;
	background:#f8fafc !important;
	border-top:1px solid #e5e7eb !important;
	color:#475569 !important;
}

.panel-jvqingbc {
	background:#fff !important;
	color:#0f172a !important;
}

#play-box {
	background:#050505 !important;
	border-radius:8px;
	overflow:hidden;
}

.player {
	height:640px !important;
	background:#050505 !important;
}

.keyword-tags {
	width:min(1200px, calc(100% - 32px));
	margin:0 auto 18px !important;
	line-height:1.9;
	color:#64748b;
}

.keyword-tags a {
	display:inline-block;
	margin:0 8px 8px 0;
	padding:4px 8px;
	border:1px solid #dbe3ef;
	border-radius:7px;
	background:#fff;
	color:#64748b !important;
}

.links .bd {
	padding:12px 16px 18px !important;
}

.pagenav {
	text-align:center;
	margin:16px 0;
}

.pagination {
	display:inline-flex;
	flex-wrap:wrap;
	gap:6px;
	justify-content:center;
	padding:0;
	margin:0;
}

.pagination input {
	display:none;
}

.pagination>li {
	display:block;
}

.pagination>li>a,
.pagination>li>span {
	display:block;
	min-width:34px;
	height:34px;
	line-height:32px;
	padding:0 10px;
	border:1px solid #dbe3ef;
	border-radius:7px;
	background:#fff;
	color:#475569;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>li>a:hover {
	background:#2563eb;
	border-color:#2563eb;
	color:#fff;
}

#footer_e {
	max-width:none !important;
	margin-top:28px !important;
	border-top:1px solid #e5e7eb !important;
	background:#fff !important;
	color:#64748b !important;
}

#footer_w {
	height:auto !important;
	padding:18px 0 !important;
}

#footer_w .footmenu {
	color:#64748b !important;
}

@media (max-width:900px) {
	.wrap,
	.channelcon,
	.seo-title,
	.textlink,
	.keyword-tags,
	.arealoop {
		width:calc(100% - 24px) !important;
	}

	#header .header {
		grid-template-columns:1fr;
		grid-template-areas:"logo" "search" "nav";
		gap:10px;
		padding:12px 0;
	}

	.logo a {
		font-size:23px !important;
	}

	.ui-nav-right .nav-item .nav-link {
		height:32px !important;
		line-height:32px !important;
		padding:0 12px !important;
		font-size:14px !important;
	}

	.seo-title {
		font-size:22px !important;
		margin-bottom:14px !important;
	}

	.arealoop {
		display:block !important;
	}

	.loop,
	.phbang,
	.loopindex,
	.looptype,
	.links,
	.panel-default,
	.detail-box {
		margin-bottom:14px !important;
	}

	.loop .boxlist,
	.loopindex .boxlist,
	.looptype .boxlist,
	.looptype ul.boxlistp16,
	.panel-default .looptype .boxlist,
	.panel-default .looptype ul.boxlistp16 {
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:10px;
		padding:12px !important;
	}

	.phbang {
		margin-top:14px !important;
	}

	.detail-box {
		grid-template-columns:112px minmax(0,1fr);
		gap:12px;
		padding:12px;
	}

	.detail-title h1,
	.detail-title h2 {
		font-size:18px !important;
	}

	.detail-info .info dl {
		line-height:24px !important;
		padding:2px 0 !important;
	}

	.detail-info .info dt {
		width:44px !important;
	}

	.detail-info .info dd {
		height:24px !important;
	}

	.dl_left,
	.dl_right {
		float:none !important;
		width:auto !important;
	}

	.player {
		height:260px !important;
	}
}

@media (max-width:360px) {
	.wrap,
	.channelcon,
	.seo-title,
	.textlink,
	.keyword-tags,
	.arealoop {
		width:calc(100% - 20px) !important;
	}

	.logo a {
		font-size:21px !important;
	}

	.loop .boxlist,
	.loopindex .boxlist,
	.looptype .boxlist,
	.looptype ul.boxlistp16,
	.panel-default .looptype .boxlist,
	.panel-default .looptype ul.boxlistp16 {
		gap:8px;
		padding:10px !important;
	}

	.detail-box {
		grid-template-columns:100px minmax(0,1fr);
	}
}