.zcd {
	height: auto;
	overflow: hidden;
	width: 100%;
	background: #464650;
	transition: 0.5s;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
	margin-top: 84px;
}

.pc-nav {
	display: block;
}

.ry-ml {
	display: none;
}

.ry-mr {
	display: none;
}

.m-about {
	display: none;
}

.fh {
	display: none;
}

.zcd div {
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	display: block;
	text-align: center;
}

.zcd.show {
	display: block;
}

.zcd div a {
	display: inline-block;
	margin: 0 25px;
	color: #fff;
	padding: 20px 0;
	font-size: 14px;
}

.zcd div a:hover {
	color: #dd701e;
}

.abt {
	display: none;
}

.zpage {
	background: #e9f6ff;
}

.warpper {
	max-width: 1200px;
	display: block;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

#fp-nav ul li .fp-tooltip {
	width: initial !important;
	opacity: 1 !important;
	color: #858585 !important;
}

.section {
	background: #fff;
}

.midx {
	display: none;
}

.m-lb {
	display: none;
}

.fir-yc {
	display: block;
}

.m-bt {
	display: none;
}

.ltop {
	padding-top: 0;
}

.head-top {
	position: relative;
}

#fp-nav ul li a.active span {
	background: #ff7500 !important;
}

/* PC 端设计稿 1:1 渲染：所有板块硬编码 1366px，窗口 <1366 时 body 固定 1366，
   超出部分横向滚动。导航右侧用 fixed 钉视口右上角，保证登录等按钮始终可见。 */
body {
	min-width: 1366px;
}

.menu {
	/* 2026-07-01 调整：从 sticky 改回 fixed。
	   - sticky 把菜单占用文档流 96px，会把 banner/hero 视频推到 y=96 开始，
	     菜单和 banner 之间看不到任何视觉关联。
	   - fixed 让菜单脱离文档流，.section.head-top 从 y=0 开始铺满，
	     半透明 rgba(37,38,39,0.3) 浮层叠加在 banner/视频顶部，实现"菜单后面是背景图"。
	   - <1366 视口下 fixed 的 navbar-right 截断老问题，靠
	     min-width:1366 + body overflow-x:auto 让 body 与菜单一起横向滚动解决（见 home-v2.css）。 */
	min-width: 1366px;
	background-color: var(--nav-bg);
	/* 统一导航背景模糊效果，与二级菜单视觉一致 */
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	position: fixed;
	top: 0px;
	left: 0;
	z-index: 10000;
	width: 100%;
}

.menu .navbar-nav {
	flex-wrap: nowrap !important;
	white-space: nowrap;
}

.head {
	max-width:1600px;  /* 对齐原型：放宽以容纳 6 项主菜单 + 6 项右侧导航，不重叠 */
	width:100%;
	display: block;
	margin: 0 auto;
	height: auto;
}

.logo {
	width: 238px;
	height: 71px;
	display: block;
	float: left;
	margin: 0 12px;
	flex-shrink: 0; /* 不压缩：保持设计稿原始尺寸 */
}

.hlogo {
	float: left;
	display: block;
	height: auto;
	overflow: hidden;
	padding: 12px 0;
}

.hlogo .gp {
	display: block;
	float: left;
	overflow: hidden;
	padding: 12px 0;
}

.hlogo .gp img {
	float: left;
	display: block;
	width: 17px;
	height: 16px;
	margin-top: 1px;
}

.hlogo .gp p {
	margin-bottom: 0;
	display: block;
	float: left;
	font-size: 14px;
	color: #666666;
	padding-left: 9px;
}

.hlogo .gp p span {
	color: #f7ad00;
}

.collapse {
	float: left;
	padding: 0;
}

.navbar-collapse{ max-width:none; width:auto; }
.navbar-nav{ margin-left:20px; max-width:none; width:auto; }
.navbar-nav li {
	display: block;
	margin: 0 18px;  /* 紧凑：保证 1366 等窄屏 logo+主菜单+右侧导航一行装下不溢出 */
	padding: 30px 0;
	font-size: 18px;
	min-width: 60px; /* 一级菜单项最小宽度：避免文字过窄换行 */
	text-align: center;
	flex-shrink: 0; /* 一级菜单项不压缩 */
}

.navbar-nav a.act {
	border-bottom: 2px solid #f7ad00;
	color: #f7ad00;
}

.navbar-nav a:hover {
	border-bottom: 2px solid #f7ad00;
	color: #f7ad00;
}

.navbar-nav a {
	color: #fff;
	padding-bottom: 4px;
	border-bottom: 2px solid transparent;
	transition: 0.3s;
}

/* 对齐：Bootstrap .nav-link 会额外加 padding，覆盖为与一级菜单其它项一致 */
.navbar-nav .nav-link {
	padding: 0 0 4px 0;
	display: inline;
}

/* 一级菜单下拉 start */
/* 关键：把下拉菜单从 flex 布局流中完全隔离 */
.navbar-nav .nav-dropdown {
	position: relative;
	/* 防止 flex 容器把 dropdown 子菜单的最小宽度算入自身 */
	flex-shrink: 0;
}

/* 隐藏 Bootstrap 默认的 dropdown-toggle 右侧箭头图标 */
.navbar-nav .dropdown-toggle::after,
.navbar-nav .nav-dropdown:hover .dropdown-toggle::after,
.navbar-nav .nav-dropdown.show .dropdown-toggle::after {
	display: none !important;
	content: none !important;
}

.navbar-nav .dropdown-menu {
	display: none;
	position: absolute !important;
	top: calc(100% - 8px);
	left: 50%;
	transform: translateX(-50%);
	min-width: 150px;
	max-width: 220px;
	background-color: #323232;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 8px;
	padding: 8px 0;
	z-index: 9999;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	/* 显式指定边界：min-width 不参与父级尺寸计算 */
	box-sizing: border-box;
}

.navbar-nav .nav-dropdown:hover > .dropdown-menu,
.navbar-nav .nav-dropdown.show > .dropdown-menu {
	display: block;
}

.navbar-nav .dropdown-menu li {
	float: none;
	display: block;
	margin: 0;
	padding: 0;
	font-size: 14px;
}

.navbar-nav .dropdown-menu .dropdown-item {
	display: block;
	padding: 10px 20px;
	color: #fff;
	border-bottom: none;
	text-align: center;
	white-space: normal;
	word-break: break-word;
}

.navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar-nav .dropdown-menu .dropdown-item:focus {
	background-color: #f7ad00;
	color: #fff;
	border-bottom: none;
}

/* 一级菜单下拉 end */

/* 响应式菜单 start */
.navbar-toggler {
	display: none;
}

@media (max-width: 767px) {
	.head {
		position: relative;
	}

	.menu .navbar-toggler {
		display: block;
		float: right;
		margin-top: 22px;
		margin-right: 12px;
		border: 1px solid #fff;
		background: transparent;
		padding: 10px 12px;
		border-radius: 4px;
		cursor: pointer;
	}

	.navbar-toggler-icon {
		display: block;
		width: 24px;
		height: 2px;
		background: #fff;
		position: relative;
	}

	.navbar-toggler-icon::before,
	.navbar-toggler-icon::after {
		content: "";
		position: absolute;
		left: 0;
		width: 24px;
		height: 2px;
		background: #fff;
	}

	.navbar-toggler-icon::before {
		top: -8px;
	}

	.navbar-toggler-icon::after {
		top: 8px;
	}

	.navbar-collapse {
		float: none;
		clear: both;
		width: 100%;
		max-width: none;
		background-color: rgba(60, 60, 60, 0.96);
		border-radius: 8px;
		margin-top: 10px;
		overflow: hidden;
	}

	.navbar-collapse:not(.show) {
		display: none;
	}

	.navbar-nav {
		float: none;
		margin: 0;
		max-width: none;
		width: 100%;
	}

	.navbar-nav li {
		float: none;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}

	.navbar-nav li a {
		display: block;
		padding: 12px 20px;
		border-bottom: none;
	}

	.navbar-nav .dropdown-toggle::after {
		display: none !important;
	}

	.navbar-nav .dropdown-menu {
		position: static;
		transform: none;
		display: none;
		background-color: rgba(0, 0, 0, 0.2);
		border: none;
		box-shadow: none;
		border-radius: 0;
		min-width: auto;
		padding: 0;
	}

	.navbar-nav .nav-dropdown.show .dropdown-menu {
		display: block;
	}

	.navbar-nav .dropdown-menu li {
		border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	}

	.navbar-nav .dropdown-menu .dropdown-item {
		text-align: left;
		padding-left: 40px;
	}

	.navbar-right {
		float: none;
		margin: 0;
		padding: 10px 20px;
	}

	.navbar-right li {
		float: left;
		margin-right: 15px;
	}
}

/* 响应式菜单 end */

/* 桌面端不使用汉堡菜单：导航始终横向展示 */
.head-nav {
	display: flex;
	align-items: center;
	/* 1366px 设计稿下导航不换行，溢出交给横向滚动条 */
	flex-wrap: nowrap;
	flex: 1;
}

.head-nav .navbar-right {
	/* 按原型回到普通流：margin-left:auto 在 flex 行内推到最右，不浮层、不盖主菜单。
	   配合 .head 放宽到 1600px，6+6 项一行装下不重叠；
	   极窄屏(<1366)按原型的"整页横向滚动"方式看全(由 body min-width:1366 兜底)。 */
	margin-left: auto;
	flex-shrink: 0;
	display: flex;
	align-items: center;
}

.navbar-toggler {
	display: none !important;
}

/* 1300px 以下 PC 导航紧凑布局，防止右侧功能区挤压导致整体换行 */
@media (max-width: 1300px) {
	.head {
		padding: 0 12px;
	}

	.logo {
		width: 200px;
		height: auto;
	}

	.navbar-collapse {
		max-width: none;
	}

	.navbar-nav {
		margin-left: 20px;
		max-width: none;
	}

	.navbar-nav li {
		margin: 0 12px;
		padding: 30px 0;
		font-size: 16px;
	}

	.navbar-right {
		margin-top: 18px;
	}

	.headMenu,
	.headLaguage,
	.uci_link,
	.head-user {
		margin-left: 8px;
	}

	.headMenu a.headMenuNav {
		width: 80px;
		font-size: 12px;
	}

	.headMenu .headMenuList a {
		width: 78px;
	}

	a.headLaguageNav {
		width: 50px;
		font-size: 12px;
	}

	.headLaguage .headLaguageList a {
		width: 48px;
	}

	.uci_link .tdql2026_dot_uic1 {
		width: 96px;
		background-size: contain;
	}

	a.head-user-nav {
		max-width: 80px;
		font-size: 12px;
	}
}

/* 1000px 以下进一步压缩，避免在平板宽度附近换行 */
@media (max-width: 1000px) {
	.head {
		padding: 0 8px;
	}

	.logo {
		width: 160px;
	}

	.navbar-nav {
		margin-left: 8px;
	}

	.navbar-nav li {
		margin: 0 6px;
		font-size: 13px;
	}

	.navbar-right {
		margin-top: 20px;
	}

	.headMenu,
	.headLaguage,
	.uci_link,
	.head-user {
		margin-left: 6px;
	}

	.headMenu a.headMenuNav {
		width: 64px;
		font-size: 11px;
	}

	.headMenu .headMenuList a {
		width: 62px;
	}

	a.headLaguageNav {
		width: 38px;
		font-size: 11px;
	}

	.headLaguage .headLaguageList a {
		width: 36px;
	}

	.uci_link .tdql2026_dot_uic1 {
		width: 64px;
		background-size: contain;
	}

	a.head-user-nav {
		max-width: 64px;
		font-size: 11px;
	}
}

/* 767px 以下仍保持横向导航（桌面端不使用汉堡菜单） */
@media (max-width: 767px) {
	.head-nav .navbar-nav {
		display: flex;
		flex-direction: row;
		float: left;
		margin-left: 8px;
		max-width: none;
		width: auto;
	}

	.head-nav .navbar-nav li {
		float: left;
		margin: 0 6px;
		padding: 30px 0;
		font-size: 13px;
		border-bottom: none;
	}

	.head-nav .navbar-nav li a {
		display: inline;
		padding: 0 0 4px 0;
	}

	.head-nav .navbar-right {
		float: none;
		margin: 20px 0 0 auto;
		padding: 0;
	}

	.head-nav .navbar-right li {
		float: left;
		margin-right: 0;
	}
}

/* 768px 以下进一步压缩，保证菜单与右侧功能区在同一行 */
@media (max-width: 768px) {
	.head {
		padding: 0 4px;
	}

	.logo {
		width: 140px;
		height: auto;
	}

	.head-nav .navbar-nav {
		margin-left: 4px;
	}

	.head-nav .navbar-nav li {
		margin: 0 4px;
		padding: 30px 0;
		font-size: 12px;
	}

	.head-nav .navbar-right {
		margin-top: 22px;
	}

	.headMenu,
	.headLaguage,
	.uci_link,
	.head-user {
		margin-left: 4px;
	}

	.headMenu a.headMenuNav {
		width: 64px;
		font-size: 10px;
	}

	.headMenu .headMenuList a {
		width: 62px;
	}

	a.headLaguageNav {
		width: 36px;
		font-size: 10px;
	}

	.headLaguage .headLaguageList a {
		width: 34px;
	}

	.uci_link .tdql2026_dot_uic1 {
		width: 56px;
		background-size: contain;
	}

	a.head-user-nav {
		max-width: 56px;
		font-size: 10px;
		padding: 0 4px;
	}
}

/* tdql 2026 add satrt*/
/* 导航右侧 start */
.navbar-right{ float:right;  margin-top:0;}
/* 右侧 li 自身高度对齐：搜索图标和历史赛事 / 语言 / UCI / 登录 一律 vertical-align: middle */
.navbar-right > li{ display:flex; align-items:center;}
.navbar-right li{float:left;}
.top-search{ padding-top:3px;}
/* 默认仅显示搜索图标；点击 / 聚焦后展开为圆角搜索框（GitHub 聚焦态） */
.top-search .search-form{
    display:inline-flex; align-items:center; position:relative;
    height:28px; padding:0; cursor:pointer;
    border:1px solid transparent; border-radius:6px; background:transparent;
    transition: padding .2s ease, border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}
.top-search .search-icon{
    flex:0 0 auto; width:22px; height:22px;
    background:url(../images/tdql2026_dot_search.png) no-repeat center/contain;
    opacity:.85; transition: width .2s ease, height .2s ease, opacity .15s ease;
}
.top-search .search-input{
    width:0; height:100%; padding:0; margin:0;
    border:0; background:transparent; color:#fff; font-size:13px;
    outline:none; line-height:26px; overflow:hidden;
    transition: width .25s ease, margin .2s ease;
}
.top-search .search-input::placeholder{ color:rgba(255,255,255,.55);}
/* 展开态：点击打开(.is-open) 或 聚焦(:focus-within) */
.top-search .search-form.is-open,
.top-search .search-form:focus-within{
    padding:0 8px; cursor:default;
    border-color:rgba(255,255,255,.7); background:rgba(255,255,255,.12);
    box-shadow:0 0 0 3px rgba(255,255,255,.12);
}
.top-search .search-form.is-open .search-icon,
.top-search .search-form:focus-within .search-icon{ width:16px; height:16px; opacity:.7; }
.top-search .search-form.is-open .search-input,
.top-search .search-form:focus-within .search-input{ width:150px; margin-left:6px; }
/* 提交按钮：保留可访问性但不可见，回车即可搜索 */
.top-search .search-submit{
    position:absolute; width:1px; height:1px; padding:0; margin:-1px;
    overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}
@media (max-width: 767px){
    .top-search .search-form.is-open .search-input,
    .top-search .search-form:focus-within .search-input{ width:110px; font-size:12px; }
}


/* 导航右侧 end */


.headMenu{ float:left; position:relative;z-index:9999;margin-left:8px;}
.headMenu a.headMenuNav{  text-align: center; width: 92px; background:rgba(0,0,0,0.45);color:#fff;font-size:12px; height: 30px; line-height: 30px; display:inline-block; border:1px solid #fff; border-radius:8px; }
.headMenu .headMenuList{ position:absolute; top:30px; left:0; border:1px solid #fff; border-radius:8px;width:100%; display:none;  background-color: rgba(60, 60, 60, 0.5);}
.headMenu .headMenuList a{display: block;
width: 100%;width:90px;
font-size: 12px;
height: 30px;
line-height: 30px;text-align: center;
overflow: hidden; color:#fff; }
.headMenu .headMenuList a:hover{ background-color:#f7ad00;}


.headLaguage{float:left;  position:relative;z-index:9999;margin-left:8px;}
a.headLaguageNav{  text-align: center; width: 55px; background:rgba(0,0,0,0.45); color:#fff;font-size:12px; height: 30px; line-height: 30px; display:inline-block;border:1px solid #fff; border-radius:8px;}
a.headLaguageNav:hover{ color:#fff;}
.headLaguage .headLaguageList{ position:absolute; top:30px; left:0; border:1px solid #fff;border-radius:8px; width:100%; display:none; background-color: rgba(60, 60, 60, 0.5);}
.headLaguage .headLaguageList a{display: block;
width: 100%;width:53px;
font-size: 12px;
height: 30px;
line-height: 30px;text-align: center;
overflow: hidden; color:#fff;  }
.headLaguage .headLaguageList a:hover{ background-color:#f7ad00; color:#fff; }


.uci_link{float:left;  position:relative;z-index:9999; margin-left:8px;}
.uci_link .tdql2026_dot_uic1{ width:118px; height:23px; background:url(../images/tdql2026_dot_uic1.png) no-repeat; display:inline-block; overflow:hidden; text-indent:-9999px;}
.uci_link .tdql2026_dot_uic2{ width:26px; height:26px; background:url(../images/tdql2026_dot_uic2.png) no-repeat; display:inline-block;overflow:hidden; text-indent:-9999px;}

.head-user{float:left; position:relative; z-index:9999; margin-left:8px;}
a.head-user-nav{ text-align:center; min-width:55px; max-width:100px; width:auto; background:rgba(0,0,0,0.45); color:#fff; font-size:12px; height:30px; line-height:30px; display:inline-block; border:1px solid #fff; border-radius:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 8px;}
a.head-user-nav:hover{ color:#fff; background-color:rgba(0,0,0,0.55);}

/* 用户中心下拉菜单 — 复用 .nav-dropdown 触发模式，菜单独立样式 */
.head-user .user-dropdown-menu{
    position:absolute; top:34px; right:0; min-width:110px;
    background:rgba(60,60,60,.92); border:1px solid rgba(255,255,255,.15);
    border-radius:6px; padding:6px 0; margin:0; list-style:none;
    display:none; z-index:10000;
    box-shadow:0 4px 12px rgba(0,0,0,.25);
}
.head-user.nav-dropdown:hover .user-dropdown-menu,
.head-user.nav-dropdown.show .user-dropdown-menu{ display:block;}
.head-user .user-dropdown-menu .dropdown-item{
    display:block; padding:7px 14px; color:#fff; font-size:13px;
    background:none; border:0; width:100%; text-align:center; cursor:pointer;
    text-decoration:none; white-space:nowrap;
}
.head-user .user-dropdown-menu .dropdown-item:hover{
    background:rgba(255,255,255,.12); color:#fff;
}
.head-user .user-dropdown-menu .dropdown-divider{
    height:1px; margin:6px 0; background:rgba(255,255,255,.15);
    list-style:none; padding:0;
}
.head-user .logout-form{ margin:0; padding:0;}
.head-user .logout-btn{ font:inherit; }
/* caret 朝上，对齐触发按钮的右边缘 — 视觉锚定 */
.head-user .dropdown-toggle::after{
    display:inline-block; margin-left:6px; vertical-align:middle;
    content:""; border:4px solid transparent; border-top-color:#fff;
    border-bottom:0; width:0; height:0;
}

/* tdql 2026 add end*/

.navbar-brand {
	float: left;
}

/*更多精彩赛事视频*/
.carousel-inner {
}

.carousel-inner::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* rgba(黑, 透明度) 0.3=淡暗，0.6=很黑 */
  background: rgba(0, 0, 0, 0.4);
}

#lb {
	transition: all 1s;
}

.first {
	background: #d0ebff;
	position: relative;
}

.active #lb {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	transition-delay: 0.3s;
	margin-top: 55px;
}

.carousel-inner img {
	width: 100%;
	height: 100%;
}

#fp-nav ul li:last-child {
	display: none;
}

.lb-ul {
	display: block;
	max-width: 100%;
	overflow: hidden;
	text-align: center;
	float: none !important;
	height: auto !important;
}

.carousel-indicators {
	bottom: 50px !important;
}

.carousel-indicators li {
	height: 15px !important;
	width: 15px !important;
	border-radius: 50%;
	margin-left: 6px !important;
	margin-right: 6px !important;
	background: #dfdfdf !important;
}

.carousel-indicators .active {
	background: #f7ad00 !important;
}

.idx-bt {
	display: block;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	z-index: 999;
	position:absolute;
	width:100%;
	text-align:center;
}


.video_banner{ position:relative !important; min-height:0 !important; height:auto !important; padding: 0 !important; background: #f5f5f5 !important; display: block !important; overflow: visible !important;}

/* 视频区 idx-bt 走普通文档流(覆盖全局 position:absolute) —— 让标题/链接正常显示在视频上方 */
.video_banner > .idx-bt{ display: block; position: static !important; width: auto !important; margin: 0 auto 24px; padding: 0;}
.video_banner > .idx-bt h2{ padding-top: 0 !important; color: #222 !important; font-size: 32px !important; margin-bottom: 8px !important;}

.video_banner .main-video-wrap{ margin: 0 auto;}

/* === 首页视频轮播 (v2 - 多视频切换) === */
/* 视频容器宽度 100% 占满 section (与图集 .pic_banner section 一致, 都跟 body 同宽),
   高度由 aspect-ratio 16/9 自动算 —— 父容器变 → 视频高自动按比例缩. */
.main-video-wrap {
    position: relative;
    width: 100%;
    margin: 0 auto;
    aspect-ratio: 16 / 9;        /* 宽度变 → 高度自动按 16:9 算 */
    background: #000;
    border-radius: 0;
    overflow: visible;            /* 允许 .video-more-link 溢出显示在视频上方 */
    flex-shrink: 0;
    box-sizing: border-box;
}
.main-video {
    position: absolute; inset: 0; width: 100%; height: 100%;
    display: block; background: #000; opacity: 0;
    transition: opacity .35s;
    object-fit: cover;
}
.main-video.is-active { opacity: 1; }

.main-play-hint {
    position: absolute; inset: 0; display: flex;
    align-items: center; justify-content: center;
    pointer-events: none; background: rgba(0,0,0,.35);
    transition: opacity .25s; z-index: 3;
}
.main-play-hint::before {
    content: ""; width: 86px; height: 86px;
    background: url(../images/tdql2026_btn_video.png) no-repeat center / contain;
}
.main-video-wrap.is-playing .main-play-hint { opacity: 0; }

.main-arrow {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 56px; height: 56px; border-radius: 50%;
    background: rgba(0,0,0,.55); color: #fff;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; z-index: 4; user-select: none;
    font-size: 24px; font-weight: 300; line-height: 1;
    transition: background .2s, transform .2s;
    backdrop-filter: blur(2px);
}
.main-arrow:hover { background: rgba(196, 121, 27, .85); transform: translateY(-50%) scale(1.05); }
.main-arrow--prev { left: 20px; }
.main-arrow--next { right: 20px; }
.main-arrow--prev::before { content: "\2039"; }
.main-arrow--next::before { content: "\203A"; }

.main-meta {
    position: absolute; bottom: 14px; left: 20px; right: 70px;
    display: flex; justify-content: space-between; align-items: center;
    color: #fff; font-size: 13px; pointer-events: none;
    text-shadow: 0 1px 4px rgba(0,0,0,.8); z-index: 3;
}
.main-meta-title { font-weight: 500; }
.main-meta-counter { opacity: .8; }

.main-mute-toggle {
    position: absolute; bottom: 10px; right: 16px; z-index: 4;
    width: 38px; height: 38px; border-radius: 50%;
    background: rgba(0,0,0,.55); color: #fff;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; transition: background .2s, transform .2s;
    backdrop-filter: blur(2px);
}
.main-mute-toggle:hover { background: rgba(196, 121, 27, .85); transform: scale(1.05); }
.main-mute-toggle svg { width: 18px; height: 18px; fill: currentColor; }

.main-dots {
    position: absolute; bottom: 14px; left: 0; right: 0;
    display: flex; justify-content: center; gap: 8px; z-index: 3;
}
.main-dot {
    width: 8px; height: 8px; border-radius: 50%;
    background: rgba(255,255,255,.4); cursor: pointer;
    transition: background .2s, transform .2s;
}
.main-dot.is-active { background: #c4791b; transform: scale(1.3); }
.main-dot:hover { background: rgba(255,255,255,.7); }

/* "更多精彩赛事视频" 浮动标签:
   - 默认贴在视频容器上方 12px (深色文字)
   - hover 视频时平滑过渡到视频底部内 20px (白色文字 + 半透黑底)
   - 用 bottom + margin-bottom 过渡,避免 top↔auto/bottom↔auto 跳变 */
.video-more-link {
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
    margin-bottom: 12px;
    color: #222;
    font-size: 16px;
    line-height: 1.4;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 14px;
    border-radius: 4px;
    z-index: 5;
    background: transparent;
    transition: bottom .5s cubic-bezier(.4,0,.2,1),
                margin-bottom .5s cubic-bezier(.4,0,.2,1),
                color .4s ease,
                background-color .4s ease,
                padding .4s ease;
}
.video-more-link:hover { color: #c4791b; }

.main-video-wrap:hover .video-more-link {
    bottom: 20px;
    margin-bottom: 0;
    color: #fff;
    background-color: rgba(0,0,0,.55);
    padding: 6px 18px;
}
.main-video-wrap:hover .video-more-link:hover { color: #c4791b; }

/* 占位/无数据时的 inline 变体(走 else 分支时):铺满 wrap 当占位链 */
.video-more-link--inline {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    background: rgba(0,0,0,.35);
    margin: 0;
    bottom: auto;
    padding: 0;
    border-radius: 0;
}
.video-more-link--inline:hover { color: #c4791b; }


.fp-slides {
	height: auto !important;
}

.idx-gd {
	text-align: center;
	color: #fff;
	font-size: 16px;
	display: block;
	margin: 0 auto;
	z-index: 999;
	padding: 16px 0;
	width: 136px;
	border-radius: 4px;
	box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.1);
	background: -webkit-linear-gradient(left bottom, #55acfd, #6596ff);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top right, #55acfd, #6596ff);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top right, #55acfd, #6596ff);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to top right, #55acfd, #6596ff);
	/* 标准的语法 */
}

.idx-gd:hover {
	color: #fff;
}

.idx-bt h2 {
	font-size: 48px; 
	font-weight: bold;
	margin-bottom: 0; padding-top:15%; color:#fff;
}

.idx-bt .play_video{ width:57px; height:57px; background:url(../images/tdql2026_btn_video.png) no-repeat; display:inline-block; overflow:hidden; text-indent:-9999px; margin-top:20px;}

.idx-bt p {
	font-size: 27px;
	color: #fff;
	margin-bottom: 0;
	padding-top: 20px;
	line-height:32px;
}

.idx-bt hr {
	color: #585858;
	font-weight: bold;
	width: 94px;
	height: 4px;
	display: block;
	background: #a3a4a5;
	margin: 0 auto;
}

.bg1 {
	display: block;
	height: auto;
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.bg1 img {
	z-index: 2;
}

.bg1 .f-bg {
	display: block;
	max-width: 100%;
	margin: 18% auto 0 auto;
	z-index: 999;
}

.lb-a {
	display: block;
	float: left;
	width: 300px;
	margin: 0 10px;
	box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.1);
}

.lb-a-b {
	display: block;
	height: auto;
	overflow: hidden;
	padding: 25px 10px 0 10px;
	text-align: left;
	background: #fff;
}

.lb-a-b h2 {
	font-size: 21px;
	color: #505050;
	margin-bottom: 0;
	padding-bottom: 10px;
}

.lb-a-b p {
	font-size: 14px;
	color: #9f9f9f;
	margin-bottom: 0;
	padding-bottom: 40px;
}

.lb-a-b span {
	font-size: 14px;
	color: #9f9f9f;
	text-align: right;
	float: right;
	padding: 17px 0;
	border-top: 1px solid #e1e1e1;
	width: 100%;
}
/*精彩图集*/
.bg3 {
	display: block;
	height: auto;
	overflow: hidden;
	/*
	background: url(../images/bg3.jpg) repeat scroll 50% top;
	background-size: cover;
	*/
}

.bg3-ul {
	display: block;
	height: auto;
	overflow: hidden;
	max-width: 100%;
	text-align: center;
	/*
	-webkit-transform: scale(0.7, 0.7);
	transform: scale(0.7, 0.7);
	transition: all 1s;
	*/
}
.bg3-ul  img{width:100%;}
.pic_banner_con{display:block; width:100%; height:auto;}

.pic_banner_con img{ display:block;}
.pic_banner_con li{ padding:0;margin:0;}

.bg3-ul .bx-wrapper{ position:relative;  }
.bg3-ul .bx-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* rgba(黑, 透明度) 0.3=淡暗，0.6=很黑 */
  background: rgba(0, 0, 0, 0.4);
}

/*滚动banner焦点按钮*/
.bx-pager{ z-index:999; position:absolute; width:100%;}

/*滚动banner焦点 左侧按钮*/
.bx-wrapper .bx-controls-direction a.bx-prev{ width:35px; height:43px; position:absolute; left:20px; top:45%; z-index:9999;   display:block; 
background:url(../images/tdql2026_btn_left1.png) no-repeat !important; 
}
/*滚动banner焦点 右侧按钮*/
.bx-wrapper .bx-controls-direction a.bx-next{ width:35px; height:43px; position:absolute; right:20px; top:45%; z-index:9999;   display:block; 
background:url(../images/tdql2026_btn_right1.png) no-repeat !important; 
}

.active .bg3-ul {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	transition-delay: 0.3s;
}

.bg3-ul .bg3-l {
	display: block;
	float: left;
	overflow: hidden;
	width: 55%;
}

.bg3-ul .bg3-l img {
	max-width: 100%;
	display: block;
	float: right;
}

.bg3-ul .bg3-r a {
	display: block;
	height: auto;
	overflow: hidden;
	float: left;
	margin-top: 22px;
}

.bg3-ul .bg3-r a p {
	font-size: 16px;
	color: #7b7b7b;
	display: block;
	margin-bottom: 0;
	text-indent: 2em;
	text-align: left;
	padding-right: 100px;
	margin-top: 25px;
}

.bg3-ul .bg3-r a:first-child {
	margin-bottom: 100px;
}

.bg3-ul .bg3-r a:first-child img {}

.bg3-ul .bg3-r img {
	max-width: 100%;
	display: block;
}

.bg3-ul .bg3-r {
	display: block;
	float: left;
	overflow: hidden;
	width: 45%;
}

footer {
	padding: 40px 0 40px 0;
	background: #333946;
}

footer ul {
	margin-bottom: 0;
	display: block;
	height: auto;
	overflow: hidden;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}

footer ul li {
	display: block;
	height: auto;
	overflow: hidden;
	padding-bottom: 10px;
	font-size:20px;
}
footer ul li a{ color:#fff; display:inline-block; padding-left:10px; padding-right:10px;}
footer ul li a:hover{color:#f7ad00;}
footer ul li p {
	display: inline-block;
	text-align: center;
	margin-bottom: 0;
	margin: 0 10px;
	font-size: 16px;
	color: #b1b1b1;
	font-weight:normal;
}
.footer-logo { padding:40px 20px 20px 20px; text-align:center;}
.footer-logo img { margin:0 auto; }

.mli p:first-child {
	
}

.icons{ text-align:center;}

.icons_weixin,.icons_weibo,.icons_douyin{
	display:inline-block;
	width:37px; height:37px;
	margin:15px 15px;
}
.icons_weixin{ 
	background:url(../images/tdql2026_icon_weixin.png) no-repeat;
}
.icons_weibo{ 
	background:url(../images/tdql2026_icon_weibo.png) no-repeat;
}
.icons_douyin{ 
	background:url(../images/tdql2026_icon_douyin.png) no-repeat;
}

.copyright p{font-size:14px; line-height:26px;}


/*动画*/

.xt1 {
	width: 62px;
	height: 62px;
	left: 0;
	position: relative;
	animation: fly1 8s linear infinite;
	animation-delay: -2s;
	-webkit-animation: fly1 8s linear infinite;
	-webkit-animation-delay: -2s;
	z-index: 1;
	/*Safari and Chrome*/
}

@keyframes fly1 {
	from {
		left: 10px;
		top: 0;
	}
	to {
		left: 40%;
		top: 1000px;
	}
}

@-webkit-keyframes fly1
/*Safari and Chrome*/

{
	from {
		left: 0;
		top: 0;
	}
	to {
		left: 40%;
		top: 1000px;
	}
}

.xt2 {
	width: 58px;
	height: 50px;
	left: 0;
	position: relative;
	animation: fly2 11s linear infinite;
	animation-delay: -4s;
	-webkit-animation: fly2 11s linear infinite;
	-webkit-animation-delay: -4s;
	z-index: 1;
	/*Safari and Chrome*/
}

@keyframes fly2 {
	from {
		left: 250px;
		top: 0;
	}
	to {
		left: 50%;
		top: 1000px;
	}
}

@-webkit-keyframes fly2
/*Safari and Chrome*/

{
	from {
		left: 250px;
		top: 0;
	}
	to {
		left: 50%;
		top: 1000px;
	}
}

.xt3 {
	width: 57px;
	height: 56px;
	left: 0;
	position: relative;
	animation: fly3 16s linear infinite;
	animation-delay: -1s;
	-webkit-animation: fly3 16s linear infinite;
	-webkit-animation-delay: -1s;
	z-index: 1;
	/*Safari and Chrome*/
}

@keyframes fly3 {
	from {
		left: 400px;
		top: 0;
	}
	to {
		left: 60%;
		top: 1000px;
	}
}

@-webkit-keyframes fly3
/*Safari and Chrome*/

{
	from {
		left: 400px;
		top: 0;
	}
	to {
		left: 60%;
		top: 1000px;
	}
}

.xt4 {
	width: 52px;
	height: 52px;
	left: 0;
	position: relative;
	animation: fly4 9s linear infinite;
	animation-delay: -2s;
	-webkit-animation: fly4 9s linear infinite;
	-webkit-animation-delay: -2s;
	z-index: 1;
	/*Safari and Chrome*/
}

@keyframes fly4 {
	from {
		left: 500px;
		top: 0;
	}
	to {
		left: 80%;
		top: 1300px;
	}
}

@-webkit-keyframes fly4
/*Safari and Chrome*/

{
	from {
		left: 500px;
		top: 0;
	}
	to {
		left: 80%;
		top: 1300px;
	}
}

.xt5 {
	width: 47px;
	height: 39px;
	left: 0;
	position: relative;
	animation: fly5 16s linear infinite;
	animation-delay: -4s;
	-webkit-animation: fly5 16s linear infinite;
	-webkit-animation-delay: -4s;
	z-index: 1;
	/*Safari and Chrome*/
}

@keyframes fly5 {
	from {
		left: 600px;
		top: 0;
	}
	to {
		left: 100%;
		top: 900px;
	}
}

@-webkit-keyframes fly5
/*Safari and Chrome*/

{
	from {
		left: 600px;
		top: 0;
	}
	to {
		left: 100%;
		top: 900px;
	}
}

.xt6 {
	width: 102px;
	height: 74px;
	left: 0;
	position: relative;
	-webkit-animation: fly6 10s linear infinite;
	/*Safari and Chrome*/
	animation: fly6 10s linear infinite;
	z-index: 1;
}

@keyframes fly6 {
	from {
		left: 700px;
		top: 0px;
	}
	to {
		left: 100%;
		top: 900px;
	}
}

@-webkit-keyframes fly6
/*Safari and Chrome*/

{
	from {
		left: 700px;
		top: 0px;
	}
	to {
		left: 100%;
		top: 500px;
	}
}

.shub {
	position: absolute;
	right: 0;
	margin-right: 20px;
	bottom: 0;
	width: 31px;
	height: 72px;
	-webkit-animation: shub 2s linear infinite;
	/*Safari and Chrome*/
	animation: shub 2s linear infinite;
	-webkit-animation-direction: alternate;
	z-index: 1;
}

@keyframes shub {
	from {
		margin-bottom: 60px;
	}
	to {
		margin-bottom: 30px;
	}
}

@-webkit-keyframes shub
/*Safari and Chrome*/

{
	from {
		left: 700px;
		top: 0px;
	}
	to {
		left: 100%;
		top: 500px;
	}
}

.xd1 {
	left: 30%;
	top: 45%;
	width: 17px;
	height: 17px;
	position: absolute;
	animation: xd1 3s linear infinite;
	animation-direction: alternate;
	-webkit-animation: xd1 linear 3s infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-delay: -1s;
	/*Safari and Chrome*/
}

.xd2 {
	left: 32%;
	top: 31%;
	width: 12px;
	height: 12px;
	position: absolute;
}

.xd3 {
	left: 37%;
	top: 36%;
	width: 16px;
	height: 16px;
	position: absolute;
}

.xd4 {
	left: 38%;
	top: 50%;
	width: 10px;
	height: 10px;
	position: absolute;
}

.xd5 {
	left: 47.5%;
	top: 21%;
	width: 17px;
	height: 17px;
	position: absolute;
	animation: xd1 3s linear infinite;
	animation-direction: alternate;
	-webkit-animation: xd1 linear 3s infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-delay: -4s;
	/*Safari and Chrome*/
}

.xd6 {
	left: 53%;
	top: 24%;
	width: 8px;
	height: 8px;
	position: absolute;
}

.xd7 {
	left: 54.5%;
	top: 37%;
	width: 10px;
	height: 10px;
	position: absolute;
}

.xd8 {
	left: 58%;
	top: 30%;
	width: 11px;
	height: 11px;
	position: absolute;
	animation: xd1 3s linear infinite;
	animation-direction: alternate;
	-webkit-animation: xd1 linear 3s infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-delay: -5s;
	/*Safari and Chrome*/
}

.xd9 {
	left: 60%;
	top: 27%;
	width: 20px;
	height: 20px;
	position: absolute;
}

.xd10 {
	left: 58%;
	top: 50%;
	width: 12px;
	height: 12px;
	position: absolute;
	animation: xd1 2s linear infinite;
	animation-direction: alternate;
	-webkit-animation: xd1 linear 2s infinite;
	-webkit-animation-direction: alternate;
	/*Safari and Chrome*/
}

.xd11 {
	left: 60%;
	top: 43%;
	width: 10px;
	height: 10px;
	position: absolute;
}

.xd12 {
	left: 62%;
	top: 47%;
	width: 11px;
	height: 11px;
	position: absolute;
}

.xd13 {
	left: 75%;
	top: 46%;
	width: 19px;
	height: 19px;
	position: absolute;
	animation: xd1 3s linear infinite;
	animation-direction: alternate;
	-webkit-animation: xd1 linear 3s infinite;
	-webkit-animation-direction: alternate;
	/*Safari and Chrome*/
	-webkit-animation-delay: -2s;
}

@keyframes xd1 {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes xd1
/*Safari and Chrome*/

{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.ws1 {
	left: 20%;
	top: 42%;
	width: 131px;
	height: 115px;
	position: absolute;
}

.ws2 {
	left: 62%;
	top: 29%;
	width: 129px;
	height: 129px;
	position: absolute;
}

.yq {
	left: 41%;
	top: 25%;
	position: absolute;
}

.yq1 {
	width: 57px;
	height: 57px;
	position: absolute;
	left: 41px;
	top: 43px;
}

.yq2 {
	width: 140px;
	height: 142px;
	position: absolute;
	left: 0px;
	top: 0px;
	animation: xz 3s linear infinite;
	animation-direction: alternate;
	-webkit-animation: xz linear 5s infinite;
	/*	-webkit-animation-direction: alternate;*/
	/*Safari and Chrome*/
}

@keyframes xz {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-webkit-keyframes xz
/*Safari and Chrome*/

{
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

.cont {
	display: block;
	height: auto;
	overflow: hidden;
	padding: 50px 0;
}

.cont h2 {
	font-size: 40px;
	color: #585858;
	margin-bottom: 0;
	font-weight: bold;
}

.cont h2 span {
	padding-left: 8px;
	font-size: 15px;
	color: #abaeb0;
	margin-bottom: 0;
	font-weight: 400;
}

.cont-bg {
	background: #fff;
	margin: 50px 0;
	padding: 50px;
}

.cont-bg .dt {
	display: block;
	float: left;
	overflow: hidden;
	margin: 20px 0;
}

.cont-d {
	display: block;
	height: auto;
	overflow: hidden;
}

.cont-r {
	display: block;
	height: auto;
	overflow: hidden;
	float: left;
	margin: 20px 0;
}

.cont-r ul {
	margin-bottom: 0;
	padding-left: 30px;
}

.cont-r ul h3 {
	font-size: 30px;
	color: #2b81ff;
	margin-bottom: 0;
}

.cont-r ul li {
	padding-top: 25px;
}

.cont-r ul li p {
	font-size: 18px;
	color: #000000;
	margin-bottom: 0px;
	font-weight: 500;
}

.cont-r ul li p:first-child {
	padding-bottom: 22px;
	position: relative;
}

.contx {
	position: absolute;
	top: 0;
	left: 0;
	width: 35px !important;
	height: 3px !important;
	margin-top: 25px !important;
	margin-left: 22px;
}

.cont-r ul li p img {
	margin-right: 5px;
	width: 18px;
	height: 21px;
	margin-top: -2px;
}

.cont-r ul li p span {
	font-size: 16px;
	color: #585858;
	font-weight: 500;
}

.news-ul {
	display: block;
	height: auto;
	padding: 35px 0;
}

.news-ul li {
	display: block;
	height: auto;
	padding: 10px 0;
}

.news {
	overflow: initial !important;
}

.news-ul li a {
	display: block;
	height: auto;
	overflow: hidden;
	padding: 15px;
	background: #fff;
	transition: 0.3s;
}

.news-ul li a:hover {
	box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.1);
	transform: scale(1.03);
}

.news-ul li a .news-l {
	display: block;
	float: left;
	padding-right: 40px;
	width: 266px;
	height: 128px;
}

.news-ul li a .news-r {}

.news-ul li a h2 {
	font-size: 18px;
	color: #f7ad00;
	margin-bottom: 0;
	font-weight: 500;
}

.news-ul li a span {
	font-size: 12px;
	color: #838585;
}

.news-ul li a p {
	font-size: 12px;
	display: block;
	color: #838585;
	padding: 17px 0;
	margin-bottom: 0;
}

.news-ul li a .news-xq {
	float: right;
	padding: 0;
}

.news-time {
	display: block;
}

.news-time1 {
	display: none;
}

.sw {
	display: block;
	padding: 50px 0;
}

.sw .sw-a {
	display: block;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 120px;
}

.sw-a li {
	display: block;
	float: left;
	text-align: center;
	width: 25%;
}

.sw-a li h2 {
	font-size: 16px;
	color: #404040;
	margin-bottom: 3px;
}

.sw-a li p {
	font-size: 14px;
	color: #939393;
	margin-bottom: 0;
}

.sw-ul {
	display: block;
	height: auto;
	overflow: hidden;
	padding: 25px 0;
}

.sw-ul li {
	float: left;
	width: 25%;
}

.sw-ul li div {
	display: block;
	height: auto;
	overflow: hidden;
	margin: 5px 4px;
	background: #fff;
	padding: 10px 15px 25px 15px;
}

.sw-ul li h2 {
	font-size: 18px;
	color: #f7ad00;
	margin-bottom: 10px;
	font-weight: 500;
}

.sw-ul li span {
	font-size: 14px;
	color: #4d4d4d;
	padding-bottom: 10px;
	display: block;
}

.sw-ul li p {
	font-size: 14px;
	color: #a7a7a7;
	margin-bottom: 0px;
	padding-bottom: 10px;
}

.sw-ul li img {
	margin: 0 10px;
	margin-top: -2px;
}

.sw-yx {
	width: 15px;
	height: 12px;
}

.sw-qq {
	width: 17px;
	height: 17px;
}

.sw-y {
	display: block;
	height: auto;
	overflow: hidden;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	transition: 0.3s;
	background: #ffffff;
	margin: 0 auto 25px auto;
}

.sw-y .sw-b {
	display: none;
	transition: 0.3s;
}

.sw-a .active .sw-y {
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1);
	background: -webkit-linear-gradient(left bottom, #55acfd, #6596ff);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top right, #55acfd, #6596ff);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top right, #55acfd, #6596ff);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to top right, #55acfd, #6596ff);
	/* 标准的语法 */
}

.sw-a .active .sw-y .sw-b {
	display: block;
}

.sw-a .active .sw-y .sw-h {
	display: none;
}

.zp {
	display: block;
	height: auto;
	overflow: hidden;
	padding: 50px 0;
	margin-bottom: 0;
}

.zp li {
	display: block;
	float: left;
	width: 33.33%;
	overflow: hidden;
}

.zp li h2 {
	font-size: 24px;
	color: #000000;
	margin-bottom: 0;
	padding: 12px 0;
}

.zp li h2 span {
	font-size: 14px;
	color: #abaeb0;
	padding-left: 10px;
}

.zp li h2 a {
	float: right;
	font-size: 14px;
	color: #7e7e7e;
	font-weight: 300;
	margin-top: 15px;
}

.zp-p {
	display: block;
	overflow: hidden;
	padding-top: 50px;
}

.zp-js {
	padding-top: 0;
}

.zp-page {
	padding: 0;
}

.zp-hot {
	padding-top: 12px;
}

.zp-hot p {
	margin-bottom: 0 !important;
}

.zp-page li {
	min-height: 600px;
}

.zp-page li:first-child {
	width: 55%;
	border-right: 1px dashed #cfcfcf;
}

.zp-page li:last-child {
	width: 45%;
}

.zp-page .zp-li {
	margin: 0 60px !important;
}

.zp-p p {
	display: block;
	float: left;
	margin-bottom: 5px;
	padding-right: 10px;
	font-size: 14px;
	color: #959595;
}

.zp .zp-li {
	margin: 0 14px;
}

.zp form {
	display: block;
	height: auto;
	overflow: hidden;
	border-radius: 5px;
	border: 1px solid #d8dbdd;
	background: #fff;
}

.zp form input {
	font-size: 24px;
}

.zp form .ss-sr {
	width: 75%;
	border: hidden;
	display: block;
	float: left;
	height: 100%;
	padding: 0;
	text-indent: 1em;
}

.zp form .ss-btn {
	width: 25%;
	border: hidden;
	display: block;
	float: left;
	height: 100%;
	background: -webkit-linear-gradient(left bottom, #55acfd, #6596ff);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top right, #55acfd, #6596ff);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top right, #55acfd, #6596ff);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to top right, #55acfd, #6596ff);
	/* 标准的语法 */
	color: #fff;
}

.inp {
	display: block;
	padding: 2px 0;
	font-size: 24px;
	color: #ffffff;
	text-align: center;
}

.inp:last-child {
	float: right !important;
}

.zp .zp-dl {
	display: block;
	height: auto;
	overflow: hidden;
}

.zp .zp-dl .zp-dt {
	display: block;
	overflow: hidden;
	height: auto;
	padding: 9px 0;
}

.zp .zp-dl .zp-dt:first-child {
	background: #fff;
	text-align: center;
	padding: 10px 0;
}

.zp-dt .zp-dd {
	display: block;
	width: 33.33%;
	float: left;
	text-align: center;
	font-size: 14px;
	color: #7e7e7e;
}

.zp-dl .zp-dt .zp-dd:first-child {
	text-align: center;
	padding-left: 10px;
}

.zp-dl .zp-dt:first-child .zp-dd:first-child {
	text-align: center;
}

.zp-wz {
	display: block;
	height: auto;
	overflow: hidden;
}

.zp-wz a {
	font-size: 14px;
	color: #7e7e7e;
	padding: 10px 0;
	display: block;
	overflow: hidden;
}

.zp-wz a:hover p {
	color: #f7ad00;
}

.zp-wz a:hover {
	color: #f7ad00;
}

.zp-wz a p {
	display: block;
	margin-bottom: 0;
	float: left;
	width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.zp-wz a span {
	width: 20%;
	display: block;
	float: left;
	text-align: right;
}

.about {
	display: block;
	height: auto;
	overflow: hidden;
	padding: 80px 0;
}

.ab-l {
	display: block;
	height: auto;
	overflow: hidden;
	float: left;
	width: 48%;
}

.ab-l img {
	max-width: 100%;
	display: block;
	padding-right: 20px;
}

.ab-r {
	display: block;
	height: auto;
	float: left;
	width: 52%;
}

.ab-r .ab-bt {
	display: block;
	height: auto;
	overflow: hidden;
}

.ab-r .ab-bt h2 {
	font-size: 49px;
	color: #505050;
	margin-bottom: 2px;
	font-weight: 500;
}

.ab-r .ab-bt span {
	font-size: 22px;
	color: #959595;
	margin-bottom: 0;
	font-weight: 400;
}

.ab-main {
	display: block;
	overflow: hidden;
	margin-top: 50px;
	padding-bottom: 25px;
}

.ab-main h2 {
	font-size: 25px;
	color: #616161;
	margin-bottom: 0;
	padding: 14px 0;
}

.ab-main span {
	font-size: 16px;
	display: block;
	color: #ffa32c;
	padding-top: 15px;
}

.ab-main p {
	font-size: 16px;
	display: block;
	color: #616161;
	margin-bottom: 0;
	padding-top: 30px;
	text-indent: 2em;
}

.about .idx-gd {
	margin-left: 0;
}

.fz {
	display: block;
	height: auto;
	overflow: hidden;
	padding: 45px 0;
}

.fz .fz-a {
	display: block;
	float: left;
	width: 260px;
}

.fz .fz-a li {
	display: block;
	padding: 4px 0;
	width: 100%;
}

.fz .fz-a li a.active {
	color: #fff;
	background: -webkit-linear-gradient(left bottom, #55acfd, #6596ff);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top right, #55acfd, #6596ff);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top right, #55acfd, #6596ff);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to top right, #55acfd, #6596ff);
	/* 标准的语法 */
}

.fz .fz-a li a {
	padding: 15px 0;
	width: 100%;
	text-align: center;
	display: block;
	font-size: 18px;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1);
	color: #858585;
	background: #fff;
	transition: 0.3s;
	position: relative;
}

.fz .fz-a li a img {
	position: absolute;
	right: 0;
	top: 0;
	margin-right: 15px;
	margin-top: 16px;
}

.fz .fz-a li a p {
	margin-bottom: 0;
}

.fz .tab-content {
	width: 810px;
	float: left;
	display: block;
	margin-left: 130px;
}

.fz-ul {
	display: block;
	margin-bottom: 0;
	border-left: 1px solid #b7b7b7;
}

.fz-ul li {
	display: block;
	position: relative;
	padding-left: 25px;
	padding-bottom: 45px;
}

.fz-ul li span {
	position: absolute;
	left: 0;
	top: 0;
	color: #5f9aff;
	font-size: 18px;
	margin-left: -60px;
	margin-top: -8px;
}

.fz-ul li i {
	position: absolute;
	left: 0;
	top: 0;
	background: #5f9aff;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-left: -5px;
	margin-top: 2px;
}

.fz-ul li p {
	margin-bottom: 0;
	font-size: 18px;
	color: #868788;
}

.ry {
	display: block;
	height: auto;
	overflow: hidden;
	padding: 50px 0;
}

.ry-a {
	margin: 0 auto;
	display: block;
	text-align: center;
	padding: 0 200px !important;
}

.ry-a li {
	display: block;
	flex: left;
	text-align: center;
	width: 25%;
}

.ry-a li a {
	display: block;
	height: auto;
	overflow: hidden;
	border-radius: 50%;
	background: #fff;
	margin: 0 auto;
	width: 130px;
	height: 130px;
	transition: 0.3s;
}

.ry-a .ry-y {
	display: block;
	overflow: hidden;
}

.ry-a .ry-y img {
	width: 60px;
	height: 59px;
	margin: 15px auto 5px auto;
}

.ry-a li p {
	font-size: 14px;
	color: #d0d0d0 !important;
	margin-bottom: 0;
}

.ry-a .ry-y .ry-h {
	display: block;
}

.ry-a .ry-y .ry-b {
	display: none;
}

.ry-a li a.active {
	background: -webkit-linear-gradient(left bottom, #55acfd, #6596ff);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top right, #55acfd, #6596ff);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top right, #55acfd, #6596ff);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to top right, #55acfd, #6596ff);
	/* 标准的语法 */
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
}

.ry-a li a.active p {
	color: #4ca7ff !important;
}

.ry-a li a.active .ry-b {
	display: block;
}

.ry-a li a.active .ry-h {
	display: none;
}

.ry-aa {
	background: #fff;
	margin: 5px;
	height: 120px;
	width: 120px;
	border-radius: 50%;
	display: block;
	overflow: hidden;
}

.ry-aaa {
	margin: 5px;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	border: 3px solid #fff;
	display: block;
}

.ry-a li a.active .ry-aaa {
	margin: 5px;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	border: 3px solid #9cc8ff;
	display: block;
}

.ry-ul {
	display: block;
	overflow: hidden;
	padding: 15px 30px;
}

.ry-ul li {
	display: block;
	overflow: hidden;
	padding: 20px 0;
}

.ry-ul li span {
	width: 10%;
	text-align: center;
	font-size: 14px;
	color: #5f9aff;
	display: block;
	float: left;
}

.ry-ul li p {
	width: 90%;
	text-align: left;
	font-size: 14px;
	color: #8c8c8c;
	display: block;
	margin-bottom: 0;
	float: left;
}

.ry-bb {
	display: none;
}

.case-ul {
	display: block;
	height: auto;
	overflow: hidden;
	padding: 40px 0;
}

.case-ul li {
	display: block;
	float: left;
	width: 50%;
	padding: 10px 0;
}

.case-ul li a {
	display: block;
	margin: 0 21px;
	background: #fff;
	overflow: hidden;
	padding: 13px 15px;
	transition: 0.3s;
}

.case-ul li a:hover {
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
}

.case-ul li a .case-li-l {
	display: block;
	height: auto;
	overflow: hidden;
	width: 42%;
	height: auto;
	float: left;
}

.case-ul li a .case-li-l img {
	display: block;
	width: 100%;
	transition: 0.3s;
}

.case-ul li a:hover .case-li-l img {
	transform: scale(1.1);
}

.case-ul li a .case-li-r {
	display: block;
	height: auto;
	overflow: hidden;
	width: 58%;
	height: auto;
	float: left;
}

.case-ul li a .case-li-r h3 {
	display: block;
	font-size: 18px;
	color: #585858;
	margin-bottom: 0;
	padding-left: 18px;
	padding-bottom: 30px;
	font-weight: 500;
}

.case-ul li a .case-li-r p {
	display: block;
	font-size: 14px;
	color: #585858;
	margin-bottom: 0;
	padding-left: 18px;
}

/*首页第一屏焦点图*/
.bannerBox{ text-align:center; overflow:hidden;}
.bannerBox_con{text-align:left; margin:0 auto; max-width:1920px; position:relative;}
/* 1920 等宽视口下让 banner 全宽(覆盖 bxslider 初始化时锁住的 ul.width=首图1498px) */
.bannerBox,
.bannerBox .bx-wrapper,
.bannerBox .bx-viewport,
.bannerBox .banner1{ width:100% !important; }
.bannerBox .banner1 > li{ width:100% !important; }
.bannerBox .banner1 > li > img{ width:100% !important; height:auto; display:block; }

/* 首页 slogn 大图：占位广告位（BannerAd ViewComponent，position=home_slogn）
   尺寸 721x177 匹配原图 tdql2026_slogn.png，admin 端 Advertisement 表可换图 */
.home-slogn-slot {
    position: absolute;
    left: 115px;
    top: 200px;
    width: 721px;
    height: 177px;
    z-index: 999;
}
.home-slogn-slot > a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.home-slogn-slot img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* home_slogn 位置的 slogn 标语: 用 background-image 渲染透明 PNG (img 标签会让透明区域显示为白框) */
.home-slogn-slot .home-slogn-bg {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

/* 首页报名倒计时模块 - 参照原型 itime_box + counter_con 风格 */
.registration-countdown {
    position: absolute;
    left: 20px;
    top: 410px;
    width: 721px;
    z-index: 999;
    color: #fff;
}

.reg-race-title {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 4px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.reg-countdown-label {
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 60px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.registration-countdown .counter_con {
    width: 96px;
    height: 115px;
    float: left;
    background: #b7d253;
    background-color: rgba(183, 210, 83, 0.7);
    margin: 0 10px 0 0;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
}

.registration-countdown .counter_con span {
    display: block;
    line-height: 74px;
    font-size: 24px;
}

.reg-ended-msg {
    display: none;
    width: 300px;
    height: 115px;
    line-height: 115px;
    background: rgba(220, 53, 69, 0.85);
    border: 1px solid #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

/* 首页开赛倒计时位置：参照原型 tdql2026_slogn 下方布局 */
.head-top .itime_box {
    top: 475px;
}

/* 平板：0~999px 参照原型 tdql2026_slogn + itime_box 响应式 */
@media only screen and (min-width: 0px) and (max-width: 999px) {
    .home-slogn-slot {
        left: 0;
        top: 120px;
        width: 400px;
        height: 120px;         /* 原版 h=120,文字压缩更紧凑(非等比缩放) */
    }

    .registration-countdown {
        left: 0;
        top: 270px;
        width: 400px;
    }
    .reg-race-title { font-size: 20px; }
    .reg-countdown-label { font-size: 14px; line-height: 40px; }
    .registration-countdown .counter_con {
        width: 48px;
        height: 57px;
        font-size: 12px;
        margin: 0 10px 0 0;
    }
    .registration-countdown .counter_con span {
        line-height: 30px;
        font-size: 14px;
    }
    .reg-ended-msg {
        width: 164px;
        height: 57px;
        line-height: 57px;
        font-size: 14px;
    }

    .head-top .itime_box {
        top: 250px;
        left: 0;
    }
}

/* 手机竖屏：0~480px 参照原型 */
@media only screen and (min-width: 0px) and (max-width: 480px) {
    .home-slogn-slot {
        left: 5px;
        top: 70px;
        width: 200px;
        height: 60px;           /* 原版 h=60,文字进一步压缩 */
    }

    .registration-countdown {
        left: 5px;
        top: 155px;
        width: 200px;
    }
    .reg-race-title {
        font-size: 14px;
        font-weight: normal;
        line-height: 1.3;
    }
    .reg-countdown-label {
        font-size: 12px;
        font-weight: normal;
        line-height: 30px;
    }
    .registration-countdown .counter_con {
        width: 30px;
        height: 35px;
        font-size: 11px;
        font-weight: normal;
        margin: 0 6px 0 0;
    }
    .registration-countdown .counter_con span {
        line-height: 17px;
        font-size: 12px;
        font-weight: normal;
    }
    .reg-ended-msg {
        width: 100px;
        height: 35px;
        line-height: 35px;
        font-size: 12px;
        font-weight: normal;
    }

    .head-top .itime_box {
        top: 120px;
        left: 5px;
    }
}

.itime_box{ position:absolute; left:115px; top:475px; width:450px;   display:block; z-index:999; color:#fff;}

.itime_tit{ display:block; font-size:20px; font-weight:bold; line-height:60px;}

.counter_con{ width:96px;  height: 115px; float: left; background: #b7d253 ;background-color: rgba(183, 210, 83, 0.7); margin-top: 0px; text-align:center; border:1px solid #fff; border-radius:8px; margin:0 10px 0 0;}
.counter_con span{ display:block;line-height:74px; font-size:24px; }

/*首屏变黑*/
.bannerBox::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, 
    rgba(0,0,0,0.6) 0%, 
    rgba(0,0,0,0.4) 30%, 
    rgba(0,0,0,0.3) 60%, 
    rgba(0,0,0,0) 100%
  );
}

/*总赞助商banner*/
.zhanzhutop_banner{ width:100%;}
.zhanzhutop_banner img {width:100%; height:auto;}

/*tdql end*/
@media only screen and (min-width:1367px) and (max-width:1600px) {
	.bg1 .f-bg {
		margin-top: 25%;
	}
}

@media only screen and (min-width: 1000px) and (max-width:1366px) {
	.bg1 .f-bg {
		margin-top: 30%;
	}
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
	.fz .fz-a {
		width: 200px;
		margin-left: 20px;
	}
	.fz .tab-content {
		width: 650px;
	}
}