/*
 * Website Style
 * Karson
 * 2023-12-01
 *
*/

body { 
    background-color: #dbf6e8;
    background-image: -webkit-linear-gradient(180deg, #dbf6e8 0%, #f5f5f5 3%);
    background-image: -moz-linear-gradient(180deg, #dbf6e8 0%, #f5f5f5 3%);
    background-image: -o-linear-gradient(180deg, #dbf6e8 0%, #f5f5f5 3%);
    background-image: linear-gradient(180deg, #dbf6e8 0%, #f5f5f5 3%);

	font-size: 14px;
	color: #6e7b84;
	line-height: 1.5;
	font-family: "PingFang SC","Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;	
}

/* Basic */
a { text-decoration: none; }
.q19-border { border: 1px solid #ededed!important; }
.q19-card { border-color: #ededed; }
.q19-card-header { padding: 8px 10px; border-bottom-color: #ededed; }
.q19-card-body { padding: 10px; }

/* Top */
.q19-top-navbar { 
	box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px 0px;
}
.q19-logo img { 
	width: 137px;
	height: auto;
	margin-left: 2px;
}
.q19-navbar-expand-lg .q19-navbar-nav .q19-nav-link:hover { 
	color: #198754!important;
}
.q19-racename{margin-bottom: 10px;}

/* 顶部导航栏 */
header {
	background-color:#62b88f;
	color: #fff;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.q19-nav-container {
	display: flex;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
	padding: 10px;
	justify-content: space-between;
}
.q19-nav-menu a.q19-active {
	background-color: #fff;
	color: #00f260;
}
.q19-logo {
	font-size: 28px;
	font-weight: bold;
	color: #fff;
}

.q19-nav-menu {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
}

.q19-nav-menu li {
	position: relative;
	margin-left: 25px;
}

.q19-nav-menu a {
	color: #fff;
	font-size: 16px;
	transition: color 0.3s, background-color 0.3s;
	padding: 10px 15px;
	display: block;
	border-radius: 4px;
}

.q19-nav-menu a:hover {
	background-color: rgba(245, 240, 240, 0.1);
	color: #fff;
}

/* 二级导航 */
.q19-sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #62b88f; /* 深蓝色 */
	list-style: none;
	padding: 10px 0;
	margin: 0;
	min-width: 180px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	z-index: 100;
}

.q19-sub-menu li {
	margin: 0;
}

.q19-sub-menu a {
	padding: 10px 15px;
	font-size: 14px;
}

.q19-nav-menu li:hover .q19-sub-menu {
	display: block;
}

.q19-menu-toggle {
	display: none;
	font-size: 28px;
	cursor: pointer;
	color: #fff;
}

#hot_league {
	margin: 5px;
}
.q19-header_newnav {
	width: 1200px;
	display: flex;
	align-items: center;
	background: #ffffff;
	margin: 0 auto;
}
.q19-headline {
	display: flex;
	align-items: center;
	margin-right: 50px;
}
/* 添加向下箭头 */
.q19-has-submenu > a::after {
	content: "▼"; /* 向下箭头符号 */
	font-size: 12px;
	margin-left: 8px;
	transition: transform 0.3s ease;
}

/* 鼠标悬停时旋转箭头 */
.q19-has-submenu:hover > a::after {
	transform: rotate(180deg);
}
#newNav {
	display: flex;
	flex-wrap: wrap;
	padding: 10px 10px;
}
.q19-teamslists{padding-right: 15px;}
.q19-famous-nav {
	color: #fff;
	background-color: #e9d8d955;
	display: flex;
	align-items: center;
	overflow-x: auto;
}
.q19-famous-nav-item {
	display: flex;
	justify-content: center;
	min-width: 80px;
	margin: 6px 5px;
	color: #fff;
	padding: 2.5px;
	border-radius: 5px;
	background-color: #FF9E29;
}
.q19-famous-nav-item a {
	display: flex;
	align-items: center;
}
@media (max-width: 768px) {
	.q19-famous-nav-item {
		min-width: 90px;
	}
	.q19-nav_reg, .q19-header_newnav, .q19-focus {
		width: 100%;
	}
	.q19-headline {
		margin-right: 0;
		overflow: auto;
		padding: 4px;
	}
	#newNav {
		flex-wrap: nowrap;
		white-space: nowrap;
		overflow: auto;
	}

	.q19-nav-menu {
		display: none;
		flex-direction: column;
		background-color: #62b88f;
		position: absolute;
		top: 60px;
		left: 0;
		right: 0;
		padding: 20px;
	}

	.q19-nav-menu.q19-active {
		display: flex;
		z-index: 1000;
	}

	.q19-nav-menu li {
		margin: 10px 0;
	}

	.q19-menu-toggle {
		display: block;
	}

	.q19-container {
		flex-direction: column;
	}

	.q19-sub-menu {
		position: static;
		display: none;
		background-color: rgba(0, 0, 0, 0.1);
		padding-left: 20px;
	}

	.q19-nav-menu li:hover .q19-sub-menu {
		display: none;
	}

	.q19-nav-menu li.q19-active .q19-sub-menu {
		display: block;
	}
	.q19-has-submenu > a::after {
		content: "▶"; /* 移动端改为向右箭头 */
	}

	.q19-has-submenu.q19-active > a::after {
		content: "▼"; /* 展开时改为向下箭头 */
	}
}



/* Top Live Item Style */
.q19-top-live .q19-card-header { 
    background: url(../images/card_head_bg.jpgg') no-repeat 0 -60px;
    background-size: cover;
    color: #FFF;
}
.q19-top-live-item-body .q19-dw { 
	margin-bottom: 15px;
	align-items: center;
	text-align: center;
}
.q19-top-live-item-body .q19-dw .q19-vs { 
	min-width: 56px;
	font-size: 14px;
	font-weight: 700;
}
.q19-top-live-item-body .q19-dw .q19-icons img { 
	display: block;
	margin: 0 auto 5px;
	vertical-align: middle;
}
.q19-top-live-item-body .q19-dw .q19-icons div { 
	width: 105px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.q19-top-live-item-body .q19-state { 
	text-align: center;
}
.q19-top-live-item-body .q19-state a { 
	font-size: 12px;
}

/* Main layout Style */
.q19-t-hd { 
	position: relative;
	padding-bottom: 10px;
	border-bottom: 1px solid #ededed;
}
.q19-t-hd h3 { 
	margin: 0;
	color: #333;
	font-size: 16px;
	font-weight: 700;
}
.q19-t-hd:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 66px;
	height: 1px;
	background: #198754;
}
.q19-top-news { 
	padding: 15px 10px;
	border: 1px solid #ededed;
	border-radius: 6px;
}
.q19-top-news-body .q19-lf { 
	float: left;
	width: 540px;
}
.q19-top-news-body .q19-rg { 
	margin-left: 550px;
}
.q19-top-news-body a { 
	color: #212529!important;
}
.q19-top-news-body a:hover { 
	color: #03a87c!important;
}
.q19-top-news-body .q19-lf a { 
	position: relative;
	overflow: hidden;
	color: #FFF!important;
}
.q19-top-news-body .q19-lf a img { 
	display: block;
	width: 100%;
	height: 328px;
	margin: 0;
	border-radius: 4px;
}
.q19-top-news-body .q19-lf a div { 
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 200;
	padding: 15px;
	background: linear-gradient(to top,#000000 0%,rgba(0,0,0,0) 100%);
	border-radius: 0 0 6px 6px;
}
.q19-top-news-body .q19-lf a div h5 { 
	margin: 0;
	font-size: 18px;
	text-align: center;
}
.q19-top-news-rg .q19-item { 
	margin-bottom: 14px;
}
.q19-top-news-rg .q19-item .q19-thumb img { 
	max-width: 100%;
	border-radius: 4px;
}
.q19-top-news-rg .q19-item .q19-info { 
	text-align: justify;
}
.q19-top-news-rg .q19-item .q19-info a { 
	font-size: 15px;
}
.q19-top-news-rg .q19-item:last-child { 
	margin-bottom: 0;
}

/* hot-tags */
.q19-hot-tags { 
	padding: 10px 10px;
	border: 1px solid #ededed;
	border-radius: 6px;
	font-size: 0;
	line-height: 0;
}
.q19-hot-tags a, .q19-hot-tags span { 
	display: inline-block;
	margin-right: 10px;
	padding: 5px 10px;
	border: 1px solid #ededed;
	border-radius: 6px;
	color: #212529!important;
	font-size: 14px;
	line-height: 22px;
}

.q19-hot-tagsb a, .q19-hot-tagsb span { 
	display: inline-block;
	margin-right: 10px;
	padding: 5px 10px;
	border: 1px solid #ededed;
	border-radius: 6px;
	color: #212529!important;
	font-size: 14px;
	line-height: 22px;
	margin-top: 10px;
}

.q19-hot-tagsb { 
	padding: 10px 10px;
	border: 1px solid #ededed;
	border-radius: 6px;
	font-size: 0;
	line-height: 0;
}


.q19-hot-tags .q19-more { 
	float: right;
	margin-right: 0;
	color: #198754!important;
}
.q19-hot-tags a:hover { 
	color: #198754!important;
}
.q19-hot-tags span { 
	background-color: #198754;
	color: #FFF!important;
}
@media (max-width: 768px) {
    .q19-hot-tags {
        display: none !important; /* 强制隐藏元素 */
    }
}
/* latest-match */
.q19-latest-match { 
	padding: 15px;
	border: 1px solid #ededed;
	border-radius: 6px;
}
.q19-latest-match li:last-child { 
	border-bottom: 0;
}
.q19-list-match-item { 
	padding: 15px 0;
	border-bottom: 1px solid #ededed;
}
.q19-list-match-item .q19-info-a .q19-icons { 
	float: left;
	width: 24px;
	padding-top: 10px;
}
.q19-list-match-item .q19-info-a .q19-name-times { 
	min-width: 130px;
	margin-left: 44px;
}
.q19-list-match-item .q19-info-a .q19-name-times span { 
	display: block;
}
.q19-list-match-item .q19-info-a .q19-name-times span:first-child { 
	width: 120px;
	margin-bottom: 5px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	
	color: #212529;
}
.q19-list-match-item .q19-info-b .q19-box span { 
	display: block;
}
.q19-list-match-item .q19-info-b .q19-box .q19-icons { 
	margin-right: 10px;
}
.q19-list-match-item .q19-info-b .q19-box .q19-name { 
	min-width: 210px;
	margin-right: 10px;
	color: #212529;
}
.q19-list-match-item .q19-info-b .q19-box .q19-bfen { 
	width: 22px;
	background-color: #eceded;
	color: #000;
	text-align: center;
}
.q19-list-match-item .q19-info-b .q19-box:first-child { 
	margin-bottom: 10px;
}
.q19-list-match-item .q19-info-c { 
	width: 100%;
	padding-left: 15px;
}
.q19-list-match-item .q19-info-c .q19-inr-box { 
	float: right;
}
.q19-list-match-item .q19-info-c .q19-box { 
	padding: 0 10px;
}
.q19-list-match-item .q19-info-c .q19-box a { 
	color: #6e7b84!important;
	text-align: center;
}
.q19-list-match-item .q19-info-c .q19-box img { 
	display: block;
	margin: 0 auto 5px;
}
.q19-list-match-item .q19-info-c .q19-box span { 
	display: block;
}
.q19-list-match-item .q19-info-d { 
	min-width: 120px;
	text-align: right;
}

/* Nes Match Item */
.q19-match-item { padding: 15px 0; border-bottom: 1px solid #ededed; color: #333; }
.q19-match-item .q19-left-info { flex-shrink: 0; width: 270px; font-size : 0; }
.q19-match-item .q19-left-info div { display: inline-block; vertical-align: middle; font-size: 14px; }
.q19-match-item .q19-left-info .q19-event { max-width: 122px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.q19-match-item .q19-left-info .q19-time { padding-left: 20px; padding-right: 20px; }
.q19-match-item .q19-middle-info { flex: 1; font-size: 0; text-align: center; }
.q19-match-item .q19-middle-info span { display: inline-block; font-size: 14px; }
.q19-match-item .q19-middle-info .q19-home { width: calc((100% - 70px) / 2); box-sizing: border-box; text-align: right; }
.q19-match-item .q19-middle-info .q19-vs { width: 70px; }
.q19-match-item .q19-middle-info .q19-away { width: calc((100% - 70px) / 2); box-sizing: border-box; text-align: left; }
.q19-match-item .q19-middle-info .q19-home .q19-name, .q19-match-item .q19-middle-info .q19-home img { display: inline-table; }
.q19-match-item .q19-middle-info .q19-away .q19-name, .q19-match-item .q19-middle-info .q19-away img { display: inline-table; }
.q19-match-item .q19-middle-info .q19-home img { margin-left: 10px; }
.q19-match-item .q19-middle-info .q19-away img { margin-right: 10px; }
.q19-match-item .q19-right-info { flex-shrink: 0; width: 170px; font-size: 0; text-align: right; }
.q19-match-item .q19-right-info a { display: inline-block; font-size: 14px; }
.q19-match-item .q19-right-info a:first-child { margin-right: 10px; }


/* Sidebar */
.q19-sidebar-box { 
	padding: 15px;
	border: 1px solid #ededed;
	border-radius: 6px;
}
.q19-sidebar-forecast .q19-item { 
	padding: 0 0 15px;
}
.q19-sidebar-forecast .q19-item:last-child { 
	padding-bottom: 0;
}
.q19-sidebar-forecast .q19-item .q19-t { 
	margin-bottom: 10px;
}
.q19-sidebar-forecast .q19-item .q19-t .q19-lf img { 
	float: left;
	width: 40px;
}
.q19-sidebar-forecast .q19-item .q19-t .q19-lf div { 
	margin-left: 50px;
}
.q19-sidebar-forecast .q19-item .q19-t .q19-lf div span { 
	display: block;
}
.q19-sidebar-forecast .q19-item .q19-t .q19-lf div span:first-child { 
	color: #000;
}
.q19-sidebar-forecast .q19-item .q19-t .q19-lf div span:last-child { 
	max-width: 50px;
	background-color: #198754;
	color: #FFF;
	font-size: 12px;
	text-align: center;
}
.q19-sidebar-forecast .q19-item .q19-t .q19-rg { 
	font-size: 0;
	line-height: 0;
}
.q19-sidebar-forecast .q19-item .q19-t .q19-rg span { 
	display: inline-block;
	padding: 0 5px;
	font-size: 12px;
	line-height: 22px;
}
.q19-sidebar-forecast .q19-item .q19-t .q19-rg span:first-child { 
	border-radius: 16px 0 0 16px;
	background-color: #dc3545;
	color: #FFF;
}
.q19-sidebar-forecast .q19-item .q19-t .q19-rg span:last-child { 
	background-color: #FFBFBF;
	color: #8C2300;
}
.q19-sidebar-forecast .q19-item .q19-b { 
	position: relative;
}
.q19-sidebar-forecast .q19-item .q19-b .q19-info { 
	height: 32px;
	overflow: hidden;
	border: 1px solid #d6ebeb;
	background-image: linear-gradient(35deg,#e9ffea 40%,#ffffff 90%);
	color: #000;
	line-height: 32px;
	text-indent: 10px;
}
.q19-sidebar-forecast .q19-item .q19-b .q19-info time { 
	color: #F2393F;
}
.q19-sidebar-forecast .q19-item .q19-b:before {
	content: '';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #e9ffea;
	position: absolute;
	top: -8px;
	left: 10px;
	z-index: 300;
}
.q19-sidebar-forecast .q19-item .q19-b:after {
	content: '';
	width: 0;
	height: 0;
	border-left: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
	border-bottom: 10px solid #d6ebeb;
	position: absolute;
	top: -9px;
	left: 10px;
}
.q19-sidebar-tabs .q19-nav-tabs .q19-nav-link { 
	padding: 5px 12px;
	color: #6e7b84!important;
}
.q19-sidebar-tabs .q19-nav-tabs .q19-nav-link.q19-active { 
	color: #000!important;
}
.q19-sidebar-tabs .q19-nav-tabs .q19-nav-item:first-child { 
	margin-left: 5px;
}
.q19-sidebar-tabs table a { 
	color: #000!important;
}
.q19-sidebar-tabs table a:hover { 
	color: #03a87c!important;
}
.q19-sidebar-tabs th { 
	color: #6e7b84;
	font-weight: 400;
}
.q19-sidebar-tabs td { 
	padding: 8px 0;
}
.q19-sidebar-tabs td:nth-child(n+2) { 
	padding: 8px 4px;
}
.q19-sidebar-tabs tr td:first-child { 
	width: 40px;
	background-color: #f2fff9;
	color: #000;
	text-align: center;
}
.q19-sidebar-tabs tr td:nth-child(n+3) { 
	text-align: center;
}

.q19-article-sub-menu {
    display: flex;
    flex-wrap: wrap;
}

.q19-article-sub-menu .q19-submenu-item {
    flex: 0 0 calc(33.33% - 10px); /* 设置每个子容器的宽度为33.33%，减去margin值 */
    margin: 5px; /* 设置子容器之间的间距 */
    padding: 3px 5px;
    border-radius: 4px;
    background-color: #2b8e64;
    color: #ffffff !important;
    text-align: center;
    box-sizing: border-box; /* 让子容器的宽度包括padding和border */
}

.q19-sidebar-article li { margin-bottom: 10px; padding: 10px; border-left: 3px solid #62b88f; background-color: #F3F4F7; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.q19-sidebar-article li a { color: #333!important; }
.q19-sidebar-article li a:hover { color: #03a87c!important; }
.q19-sidebar-article li:last-child { margin-bottom: 0; }


/* 500 */
.q19-paihang-box { width: 280px; margin: 0 auto; }
.q19-paihang-box h3 { margin: 0; padding: 10px; border-bottom: 1px solid #ebebeb; background-color: #FFF; font-size: 14px; text-align: center; }
.q19-paiming-table th { text-align: center; }
.q19-paiming-table tr th:nth-child(2) { width: 82px; }
.q19-paiming-table td { text-align: center; }

/* Nba Table */
.q19-nba-table .q19-tl { max-width: 93px!important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align: left!important; }


/* Matches List */
.q19-match-time-calendar { 
	border: 1px solid #ededed;
	border-radius: 6px;
	color: #000;
}
.q19-match-time-calendar .q19-inr-time-item { 
	
	border-right: 1px solid #ededed;
}
.q19-match-time-calendar .q19-inr-time-item:last-child { 
	border: 0;
}
.q19-match-time-calendar .q19-inr-time-item a { 
	padding: 10px 0;
	color: #000!important
}
.q19-match-time-calendar .q19-inr-time-item a p { margin: 0; padding: 5px 0; text-align: center; }
.q19-match-time-calendar .q19-inr-time-item a:hover { border-radius: 6px; background-color: #198754; color: #FFF!important; }

/* Show Match */
.q19-match-info { 
	padding: 20px;
	border-radius: 6px;
	background: #00f260;  
    background: -webkit-linear-gradient(to right, rgb(0, 242, 96), rgb(5, 117, 230)); 
    background: linear-gradient(to right, rgb(0, 242, 96), rgb(5, 117, 230));
	color: #FFF;
	font-size: 14px;
	text-align: center;
}
.q19-match-info .q19-top-info .q19-title { margin: 0 auto; font-size: 0; }
.q19-match-info .q19-top-info .q19-title span { display: inline-block; font-size: 14px; }
.q19-match-info .q19-top-info .q19-title .q19-event { margin-right: 10px; padding: 3px 8px; border-radius: 11px; background: #ff9800; }
.q19-match-info .q19-middle-info { padding: 15px 0; }
.q19-match-info .q19-middle-info .q19-home {  }
.q19-match-info .q19-middle-info .q19-vs { width: 260px; font-size: 32px; }
.q19-match-info .q19-middle-info img { width: 50px; height: 50px; margin-bottom: 10px; overflow: hidden; }
.q19-match-info .q19-middle-info h6 { font-size: 14px; }

.q19-matches-live { border-radius: 6px; background-color: #343434; }
.q19-matches-live .q19-menu a { display: block; padding: 10px; color: #FFF!important; }
.q19-matches-live .q19-menu .q19-doh { width: 120px; text-align: center; }
.q19-matches-live .q19-menu .q19-vid { background-color: #242629; text-indent: 40px; }
.q19-matches-live .q19-live-content { border-radius: 0 0 6px 6px; overflow: hidden; background-color: #343434; }
.q19-matches-live .q19-live-content .q19-iframe-wrap { width: 100%; height: 451px; border-radius: 0 0 6px 6px; background-color: #343434; }

.q19-no-donghua { position: relative; height: 451px; }
.q19-no-donghua-tips { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; color: #4caf50; font-size: 32px; }

.q19-show-matche-cont { padding: 15px; border: 1px solid #ededed; border-radius: 6px; }

.q19-show-matche-datatable .q19-table { 
		font-size: 14px;
	} .q19-show-matche-datatable .q19-table td { 
		max-width: 56px;
		padding: 10px 5px;
	} .q19-show-matche-datatable .q19-table th:first-child,.q19-show-matche-datatable .q19-table td:first-child { 
		text-align: left;
	} .q19-show-matche-datatable .q19-table td p { 
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical; /*设置对齐模式*/
		-webkit-line-clamp: 2; /*设置多行的行数，示例为2行*/
	} .q19-show-matche-datatable .q19-table td p:first-child { 
		margin-bottom: 5px;
	} .q19-show-matche-datatable .q19-table td p:nth-child(2) { 
		margin: 0;
	} .q19-show-matche-datatable .q19-table tr:last-child { 
		border-bottom: 0!important;
		border-color: none;
	} .q19-show-matche-datatable .q19-table tr:last-child td { 
		border: 0!important;
	} .q19-show-matche-datatable .q19-table th:last-child,.q19-show-matche-datatable .q19-table td:last-child { 
		text-align: right;
	}


.q19-matches-field-data { border-radius: 6px; background-color: #FFF; }
/* MatchDddPanel */
.q19-match-odd-panel {
    border: solid #eee;
    border-width: 0 1px;
    color: #666;
    font-size: 14px;
    text-align: center;
}
.q19-match-odd-panel .q19-lab {
    float: left;
    height: 30px;
    line-height: 30px;
}
.q19-match-odd-panel .q19-head {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-radius: 6px 6px 0 0;
    background-color: #f2f2f2;
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    overflow: hidden;
}
.q19-match-odd-panel .q19-ball, .q19-match-odd-panel .q19-instant, .q19-match-odd-panel .q19-primary {
    border-bottom: 1px solid #eee;
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
}
.q19-match-odd-panel .q19-ball .q19-data, .q19-match-odd-panel .q19-instant .q19-data, .q19-match-odd-panel .q19-primary .q19-data {
    float: left;
}
.q19-match-odd-panel .q19-data .q19-lab {
    border-left: 1px solid #eee;
    overflow: hidden;
}
.q19-match-odd-panel .q19-data .q19-lab div {
    width: 33.2%;
    float: left;
    overflow: hidden;
    height: 30px;
}
.q19-match-odd-panel .q19-data .q19-lab .q19-exponent {
    display: inline-block;
    height: 30px;
}

.q19-match-odd-panel .q19-w-82 { width: 82px; }
.q19-match-odd-panel .q19-w-272 { width: 213px; }
.q19-match-odd-panel .q19-w-271 { width: 212px; }


/* BasketballScores */
.q19-basketball-scores {
    border: solid #eee;
    border-width: 0 1px;
    color: #666;
    text-align: center;
}
.q19-basketball-scores .q19-head {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-radius: 6px 6px 0 0;
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    overflow: hidden;
    background-color: #f6f6f6;
}
.q19-basketball-scores .q19-lab {
    float: left;
    height: 30px;
    line-height: 30px;
}
.q19-basketball-scores .q19-ball, .q19-basketball-scores .q19-instant, .q19-basketball-scores .q19-primary {
    border-bottom: 1px solid #eee;
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
}
.q19-basketball-scores .q19-ball .q19-data, .q19-basketball-scores .q19-instant .q19-data, .q19-basketball-scores .q19-primary .q19-data {
    float: left;
}
.q19-basketball-scores .q19-data .q19-lab {
    border-left: 1px solid #eee;
}
.q19-basketball-scores .q19-data .q19-lab:last-child {
    color: #de1e30;
    font-weight: bold;
}
.q19-basketball-scores .q19-data .q19-lab .q19-score {
    width: 100%;

    float: left;

    overflow: hidden;
    height: 30px;
}
.q19-basketball-scores .q19-data .q19-lab .q19-exponent {
    display: inline-block;
    height: 30px;
}

.q19-basketball-scores .q19-w-82 {
    width: 82px;
}
.q19-basketball-scores .q19-w-199 {
    width: 156px;
}
.q19-basketball-scores .q19-w-200 {
    width: 154px;
}
.q19-basketball-scores .q19-w-271 {
    width: 271px;
}
.q19-basketball-scores .q19-w-272 {
    width: 272px;
}
.q19-basketball-scores .q19-w-1200 {
    width: 1200px;
    margin: 0 auto;
}


.q19-show-related-matches { padding: 15px; border: 1px solid #ededed; border-radius: 6px; }



/* Show Live */
.q19-latest-live { 
	padding: 15px;
	border: 1px solid #ededed;
	border-radius: 6px;
}
.q19-live-item-card { 
	border-color: #ededed;
}
.q19-live-item-card .q19-card-body { 
	padding: 10px 5px;
}
.q19-live-item-cardbody .q19-info { 
	margin-left: 5px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.q19-live-item-cardbody .q19-info h6 { 
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 400;
	text-align: justify;
}
.q19-live-item-cardbody .q19-info h6 a { 
	display: block;
	overflow: hidden;
	color: #000!important;
}
.q19-live-item-cardbody .q19-info h6 a:hover { 
	color: #198754!important;
}
.q19-live-item-cardbody .q19-info .q19-meta { 
	font-size: 12px;
	color: #999;
}
.q19-live-item-card .q19-thumb { 
	position: relative;
}
.q19-live-item-card .q19-thumb .q19-photo { 
	height: 131px;
}
.q19-live-item-card .q19-thumb .q19-live-status { 
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 100;
	padding: 3px 6px;
	background-color: #ff5722;
	border-radius: 0 6px 0 6px;
	color: #FFF;
	font-size: 12px;
	font-weight: 200;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
}
.q19-live-item-card .q19-thumb .q19-live-race { 
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	background: rgb(0 0 0 / 0%);  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(41 43 40) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(41 43 40) 100%);
}
.q19-live-item-card .q19-thumb .q19-live-race span {
	display: block;
	padding: 5px 10px;
	color: #FFF;
	font-size: 12px;
	font-weight: 400;
}

/* show-live */
.q19-show-live-header { 
	padding: 10px 15px;
	border: 1px solid #ededed;
	border-bottom: 0;
	border-radius: 6px 6px 0 0;
}
.q19-show-live-header .q19-meta { 
	margin-left: 10px;
	padding-top: 4px;
}
.q19-show-live-header .q19-meta h1 { 
	margin-bottom: 5px;
	color: #000;
	font-size: 16px;
}
.q19-show-live-header .q19-meta .q19-info { 
	font-size: 0;
	color: #999;
	line-height: 0;
}
.q19-show-live-header .q19-meta .q19-info span { 
	display: inline-block;
	padding: 0 15px 0 0;
	font-size: 12px;
	line-height: 22px;
}
.q19-show-live-header .q19-meta .q19-info a { 
	color: #000!important;
}

.q19-live-player { 
	background-color: #000;
	border-radius: 0 0 6px 6px;
}
.q19-live-player .q19-dplayer .q19-dplayer-video-wrap video { 
	object-fit: cover;
}
.q19-live-player .q19-dplayer { border-radius: 0 0 6px 6px; }

.q19-relevant-live { 
	padding: 15px;
	border: 1px solid #ededed;
	border-radius: 6px;
}

.q19-duibiao { position: absolute; top: 40px; left: 15px; right: 15px; bottom: 30px; }
.q19-duibiao .q19-inr img { border-radius: 21px; }

/* List News */
.q19-latest-news { 
	padding: 15px;
	border: 1px solid #ededed;
	border-radius: 6px;
}
.q19-list-news-item { 
	padding: 15px 0;
	border-bottom: 1px solid #ededed;
}
.q19-list-news-item:first-child { 
	padding-top: 0;
}
.q19-list-news-item:last-child { 
	padding-bottom: 0;
	border-bottom: 0;
}
.q19-list-news-item .q19-info .q19-label { 
	margin-bottom: 12px;
}
.q19-list-news-item .q19-info .q19-label a { 
	color: #1a8a56!important;
	font-weight: 700;
}
.q19-list-news-item .q19-info .q19-tit { 
	margin-bottom: 10px;
}
.q19-list-news-item .q19-info .q19-tit a { 
	color: #000!important;
}
.q19-list-news-item .q19-info .q19-tit a:hover { 
	color: #198754!important;
}
.q19-list-news-item .q19-info p { 
	margin-bottom: 10px;
}
.q19-list-news-item .q19-info p:last-child { 
	margin-bottom: 0;
}

/* show-news */
.q19-show-news { 
	padding: 15px;
	border: 1px solid #ededed;
	border-radius: 6px;
}
.q19-show-news-header { 
	padding: 25px 0;
	text-align: center;
}
.q19-show-news-header .q19-title { 
	margin-bottom: 20px;
	color: #000;
	font-size: 26px;
}
.q19-show-news-header .q19-show-news-meta span { 
	display: inline-block;
	padding: 0 10px;
}
.q19-show-news-header .q19-show-news-meta a { 
	color: #198754!important;
}
.q19-show-news-content { 
	color: #333;
	font-size: 15px;
	line-height: 26px;
}
.q19-show-news-content img, .q19-show-news-content p img { 
	display: block;
	max-width: 100%;
	margin: 15px auto;
}
.q19-relative-news { 
	padding: 15px;
	border: 1px solid #ededed;
	border-radius: 6px;
}

/* Show Live Chat */
.q19-show-live-chat { height: 100%; padding: 10px 15px 0; overflow: hidden; border: 1px solid #ededed; border-radius: 6px; }
.q19-show-live-chat ul { position: relative; border-bottom: 1px solid #ededed; }
.q19-chat-tab-menu { height: 34px; }
.q19-chat-tab-menu li { padding: 5px 0; text-align: center; }
.q19-chat-tab-menu li.q19-current { position: relative; top: 1px; z-index: 100; border: 1px solid #ededed; border-bottom: 0; background-color:#fff; }
.q19-chat-tab-menu li a { font-size: 14px; color: #000!important; }
.q19-chat-tab-menu li a:hover { border: 0; border-radius: 0; }
.q19-chat-tab-menu li.q19-current a { color: #198754!important; font-weight: 700; }

.q19-chat-tab-item { position: relative; height: 100%; }
.q19-chat-tab-item > div { display: flex; flex-direction: column; height: 100%; }
.q19-live-chat-msg { flex: 1; max-height: 448px; min-height: 280px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 15px 0 0;}
.q19-live-chat-msg .q19-item-msg { margin-bottom: 10px; color: #333; font-size: 14px; }
.q19-live-chat-msg .q19-item-msg span { font-size: 14px; }
.q19-live-chat-msg .q19-item-msg .q19-lv-number { margin-right: 5px; border-radius: 4px; } 
.q19-live-chat-msg .q19-item-msg .q19-name { color: #237b52; }
.q19-live-chat-post { flex: 0 0 auto; height: 60px; padding: 10px 0 5px; border-top: 1px solid #ededed; background-color: #FFFFFF; }

.q19-chat-no-login { position:relative; }
.q19-chat-no-login .q19-tips { position: absolute; top: 10px; left: 0; right: 0; text-align: center; }
.q19-chat-no-login .q19-tips a { color: #000!important; }

/* Expert */
.q19-expert-list .q19-hd ul { border-bottom: 1px solid #ededed; }
.q19-expert-list .q19-hd .q19-nav-tabs .q19-nav-link.q19-active { border-color: #ededed #ededed #FFFFFF #ededed; background-image: linear-gradient(181deg,#198754 56%,#1e665f 100%); color: #FFF!important; }
.q19-expert-item { padding: 15px 0; border-bottom: 1px solid #ededed; }
.q19-expert-item:last-child { border-bottom: 0!important; }
.q19-expert-item .q19-info .q19-name-box .q19-sp1 { color: #000!important; font-size: 18px; }
.q19-expert-item .q19-info .q19-name-box .q19-badge { vertical-align: text-top; }
.q19-expert-item .q19-info .q19-matchess { margin-top: 5px; padding: 5px 0; background-image: linear-gradient(35deg,#e9ffea 60%,#ffffff 100%); }
.q19-expert-item .q19-info .q19-matchess a { color: #000!important; font-size: 16px; }
.q19-expert-item .q19-info .q19-matchess a .q19-sp1 { color: #f44336!important; padding-left: 10px; padding-right: 10px; }
.q19-expert-item .q19-info .q19-matchess a .q19-sp2 { padding-left: 20px; padding-right: 20px; }
.q19-expert-item .q19-other { width: 120px; }
.q19-expert-item .q19-other span { display: block; text-align: right; }
.q19-expert-item .q19-other .q19-sp1 .q19-btn { font-size: 22px; font-weight: 700; font-family: Oswald-Regular; }
.q19-expert-item .q19-other .q19-sp2 .q19-btn { font-size: 12px; }
.q19-expert-item .q19-other span .q19-btn { padding: 0; }

.q19-show-expert { border: 1px solid #ededed; border-radius: 6px; }
.q19-show-expert-header { padding: 15px; }
.q19-show-expert-record,.q19-show-expert-curinfo,.q19-show-expert-content,.q19-relevant-expert-list { padding: 15px; border: 1px solid #ededed; border-radius: 6px; }
.q19-show-expert-header .q19-rg span { display: block; text-align: right; }
.q19-show-expert-header .q19-rg .q19-sp1 { color: #dc3545; font-size: 22px; font-weight: 700; }
.q19-show-expert-header .q19-rg .q19-sp2 { font-size: 12px; }
.q19-show-expert-user-about { border-top: 1px solid #ededed; }
.q19-show-expert-record .q19-hd,.q19-show-expert-curinfo .q19-hd,.q19-show-expert-content .q19-hd { margin-bottom: 15px; color: #333; font-size: 18px; font-weight: 700; }
.q19-show-expert-record .q19-bd span { width: 40px; height: 40px; margin: 0 10px; overflow: hidden; color: #FFF; text-align: center; line-height: 40px; }
.q19-show-expert-curinfo .q19-bd .q19-md { padding: 15px 0; }
.q19-show-expert-curinfo .q19-bd .q19-md .q19-box { color: #333; font-size: 24px; }
.q19-show-expert-curinfo .q19-bd .q19-md .q19-vs { padding-left: 25px; padding-right: 25px; color: #198754; font-size: 38px; }


.q19-show-expert-curinfo .q19-top-info { margin-bottom: 35px; padding: 15px 0 15px; border-bottom: 1px solid #ededed; text-align: center; }
.q19-show-expert-matches-info .q19-bd-info .q19-box .q19-icons { height: 70px; }
.q19-show-expert-matches-info .q19-bd-info .q19-box .q19-icons img { display: block; height: 68px; margin: 0 auto; border-radius: 35px; }
.q19-show-expert-matches-info .q19-bd-info .q19-box .q19-name { padding: 5px 0 0; font-size: 22px; color: #333; }
.q19-show-expert-matches-info .q19-bd-info .q19-vs { padding: 0 75px; font-size: 38px; color: #198754; font-weight: 700; }
.q19-show-expert-curinfo .q19-mb-info { margin-top: 25px; text-align: center; }

.q19-show-expert-body { border: 1px solid #ededed; }
.q19-show-expert-body .q19-lef { width: 60px;  background-color: #198754; color: #FFF; font-size: 18px; text-align: center; }
.q19-show-expert-body .q19-lef span { display: inline-block; margin-top: 18px; writing-mode: vertical-lr; writing-mode: tb-lr; }
.q19-show-expert-body .q19-rig {  font-size: 18px; }
.q19-show-expert-body .q19-rig .q19-host-team, .q19-show-expert-body .q19-rig .q19-visiting-team { width: 50%; height: 100%; color: #000; text-align: center; }
.q19-show-expert-body .q19-rig .q19-host-team { background-color: #e9ffea; }

.q19-show-expert-body .q19-rig .q19-visiting-team { background-color: #e9ffea; }
.q19-show-expert-body .q19-rig .q19-host-team p:first-child, .q19-show-expert-body .q19-rig .q19-visiting-team p:first-child { margin-top: 15px; }
.q19-show-expert-body .q19-rig .q19-rcm { position: relative; overflow:hidden; background-color: #ffc107; }
.q19-show-expert-body .q19-rig .q19-rcm::after {
    content: "推";
    text-align: center;
    background-color: #f2330e;
    width: 90px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: -25px;
    top: 5px;
    color: #fff;
    transform: rotate(-45deg);
    font-size: 20px
}

.q19-show-expert-release .q19-lef, .q19-show-expert-release .q19-rig {  }
.q19-show-expert-body .q19-release-no { padding-top: 13px; padding-bottom: 13px; background: url(../images/bg_release.pngg'); }
.q19-show-expert-body .q19-rig .q19-release-box { width: 35%; margin: 0 auto; }
.q19-release-box .q19-input-group .q19-form-control { height: 42px; }
.q19-release-box .q19-input-group .q19-input-group-text { padding: 0; }
.q19-release-box .q19-get-pass .q19-btn { width: 100%; }
.q19-show-expert-analysis { padding: 15px; background-color: #edf8ee; color: #333; font-size: 14px; line-height: 26px; }
#expert_neirong img, .q19-show-expert-analysis img { display: block; max-width: 100%; height: 100%; margin: 10px auto; }
#host_team_bt, #visiting_team_bt { color: #F00; }


/* Sidebar Kefu */
.q19-suspension { width: 46px; height: 210px; position: fixed; right: 30px; bottom: 60px; z-index: 9999; }
.q19-suspension .q19-consult { display: block; position: relative; width: 46px; height: 46px; background-image: url(../images/headset.pngg'); 
 background-repeat: no-repeat; background-position: 50% 50%; background-size: 70%; background-color: #198754; }
.q19-suspension .q19-consult .q19-suspension-list { display: none; position: absolute; top: -180px; right: 45px; bottom: 0; width: 190px; z-index: 30;
 overflow: hidden; border: 1px solid #ddd; background-color: #FFF; }

.q19-suspension-list-content { position: absolute; width: 100%; background: #fff; }
.q19-suspension-list ul { margin: 0; }
.q19-suspension-list ul li { width: 100%; padding: 15px 10px; overflow: hidden; border-bottom: 1px solid #ddd; }
.q19-suspension-list-content ul li:last-child { border-bottom: 0; }
.q19-suspension-list-content ul li .q19-icons { float: left; width: 52px; }
.q19-suspension-list-content ul li .q19-txts { width: 100%; margin-left: 62px; color: #000; }
.q19-suspension-list-content ul li .q19-txts h6 { margin: 0 0 5px 0; font-size: 15px; }
.q19-suspension-list-content ul li .q19-txts p { margin: 0; color: #F00; }
.q19-suspension a.q19-consult:hover .q19-suspension-list { display: block !important; }


.q19-suspension .q19-cart { background-image: url(../images/app.pngg'); display: block; position: relative; width: 46px; height: 46px; 
 margin-top: 10px; border: 1px solid #bcbcbc; background-color: #38C152; background-repeat: no-repeat; background-position: 50% 50%; 
 background-size: 70%; }
.q19-suspension .q19-cart .q19-pic { display: none; position: absolute; top: -120px; left: -129px; bottom: 0; width: 129px; }
.q19-suspension .q19-cart .q19-pic .q19-pic-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; border: 1px solid #ddd; 
 background-color: #FFF; color: #333; text-align: center; }
.q19-suspension .q19-cart .q19-pic .q19-pic-content div { padding: 5px 0; }
.q19-suspension a.q19-cart:hover .q19-pic { display: block; }
.q19-suspension .q19-back-top {
    background-image: url(../images/top-icon.pngg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 70%;
    display: block;
    width: 46px;
    height: 46px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
    margin-top: 10px;
}


/* Pages */
.q19-pages { padding: 15px; border: 1px solid #ededed; background-color: #FFF; border-radius: 6px; }
.q19-pages .q19-pagination { display: flex; justify-content: center; align-items: center; margin: 0; }
.q19-pages .q19-pagination li { margin: 0 5px; border: 1px solid #ededed; background-color: #FFF; font-size: 14px; text-align: center; }
.q19-pages .q19-pagination li a { display: block; padding: 5px 12px; color: #333; }
.q19-pages .q19-pagination li.q19-active { background-color: #2b8e64; color: #FFF; }
.q19-pages .q19-pagination li.q19-active a { color: #FFF!important; }

/* Footer */
.q19-footer { 
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #111111;
	color: #999999;
}
.q19-footer-info { 
	margin-bottom: 15px;
	padding-top: 5px;
}
.q19-footer-info p { 
	margin-bottom: 10px;
}
.q19-footer-logo img { 
	width: 169px;
	height: 44px;
}
.q19-footer-appdown a img { 
	width: 90%;
}
.q19-footer a { 
	color: #999!important;
}

/* Media */

@media (min-width: 768px){}
@media (min-width: 992px) { 
	.q19-navbar-expand-lg {
		padding-top: 0;
		padding-bottom: 0;
	}
	.q19-navbar-expand-lg .q19-navbar-nav .q19-nav-link { 
		position: relative;
		padding: 18px 16px;
		color: #333!important;
		font-size: 16px;
	}
	.q19-navbar-expand-lg .q19-navbar-nav .q19-nav-link.q19-active:after{
		content: "";
		position: absolute;
		left: 50%;
		margin-left: -10px;
		bottom: 0;
		width: 20px;
		height: 4px;
		background: #198754;
		animation: .4s both activeScaleX;
		-webkit-animation: .4s both activeScaleX;
	}
}
@media (min-width: 1200px) {}
@media screen and (min-width: 1440px) {}

@media (max-width: 1140px){
   .q19-top-live-item-body .q19-dw .q19-icons img { 
        width: 36px;
        height: 36px;
    }
    .q19-top-live-item-body .q19-dw .q19-vs {
        min-width: auto;
        font-size: 14px;
    }
    .q19-top-live .q19-card-header:first-child span {
        width: 102px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .q19-top-news {
        display: none;
    }
   /* #sidebar { display: none; }*/
	.q19-col-3 {
    flex: 0 0 auto;
    width: 100%;
}
}

@media (max-width: 1024px){
    .q19-top-navbar .q19-navbar-toggler {
        padding: 5px;
    }
    .q19-top-navbar .q19-navbar-toggler .q19-navbar-toggler-icon {
        width: 19px;
        height: 19px;
    }
    .q19-navbar-nav .q19-nav-item {
        border-bottom: 1px solid #ededed;
        text-align: center;
    }
    .q19-top-r .q19-text-end {
        text-align: center!important;
    }
    .q19-top-r .q19-dropdown .q19-show {
        left: 45%;
        right: 45%;
    }
    .q19-top-live-item-body .q19-dw .q19-icons div { width: 100%; }
    .q19-hot-tags a, .q19-hot-tags span { width: 100px; margin-bottom: 10px; text-align: center; }
    #latest-match li {
        display: block!important;
        padding-bottom: 0!important;
    }
    #latest-match li .q19-left-info, #latest-match li .q19-middle-info, #latest-match li .q19-right-info {
        width: 100% !important;
    }
    .q19-left-info .q19-icon, .q19-left-info .q19-event {
        width: calc((100% - 125px) / 2); box-sizing: border-box;
    }
    .q19-left-info .q19-time {
        width: 125px;
    }
    .q19-match-item .q19-left-info .q19-event {
        max-width: 100%!important;
        text-align: right!important;
    }
    #latest-match li .q19-left-info {
        padding-bottom: 10px;
    }
    #latest-match li .q19-middle-info {
        padding: 15px 15px;
        border-top: 1px solid #ededed;
        border-bottom: 1px solid #ededed;
    }
    #latest-match li .q19-right-info {
        background-color: #eaffeb;
        text-align: center!important;
    }
    
    .q19-live-item-card .q19-thumb .q19-photo { height: 110px; }

    .q19-expert-item .q19-info .q19-matchess a span {
        font-size: 14px;
    }
    
    .q19-show-expert-body .q19-rig .q19-release-box {
        width: 56%;
    }
    
    .q19-endplayer {
        height: 410px !important;
    }
    .q19-sidebar-jifen { display: none; }
    .q19-sidebar-banner {
        padding: 15px;
        border: 1px solid #ebebeb;
        border-radius: 6px;
        background-color: #FFFFFF;
    }
    .q19-sidebar-banner a img {
        width: 100%;
        height: 100%;
    }
    
    .q19-footer-logo img {
        display: block;
        margin: 0 auto;
    }
    .q19-footer-info {
        text-align: center;
    }
    .q19-footer-appdown {
        justify-content: center !important;
    }
}



/* ----- 分页 ----- */
.q19-pagebar .q19-pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.q19-pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 2px 6px;
  margin: 0 2px;
  border-radius: 5px;
}
.q19-pagination span {
    color: #333;
    font-size: 14px;
    padding: 4px 2px;
    margin: 0 5px;
    border-radius: 5px;
}
.q19-pagination a:hover {
  color: #2b8e64;
  border: 1px solid #2b8e64;
}
.q19-pagination a.q19-page-num-current {
  color: #fff;
  background: #2b8e64;
  border: 1px solid #2b8e64;
  border-radius: 5px;
}
.q19-tac.q19-text-secondary {
    color: #ccc;
    text-align: center;
}
/* ----- 分页end ----- */


    
        
       /* 响应式样式 - 确保移动端导航底色在最上层 */
@media (max-width: 768px) {
    .q19-nav-menu {
        display: none;
        flex-direction: column;
        position: fixed; /* 改为fixed定位，脱离文档流，避免被其他元素遮挡 */
        top: 0; /* 从顶部开始显示 */
        left: 0;
        right: 0;
        background-color: #62b88f !important; /* 强制应用底色，!important提高优先级 */
        padding: 1rem;
        z-index: 9999; /* 极高的层级，确保在所有元素上方 */
        margin: 0; /* 清除可能的外边距影响 */
        border: none; /* 清除可能的边框影响 */
        box-shadow: none; /* 清除可能的阴影干扰 */
    }
    
    .q19-nav-menu.q19-show {
        display: flex;
    }
    
    .q19-nav-menu li {
        margin: 0;
        padding: 0.8rem 1rem; /* 增加内边距，提升点击体验 */
        position: relative; /* 确保子元素层级基于此 */
    }
    
    .q19-nav-menu li:hover {
        background-color: #4bad7e !important; /* 强制应用hover底色 */
    }
    
    .q19-sub-menu {
        position: static;
        background-color: #62b88f !important; /* 子菜单与父菜单保持一致底色 */
        margin-left: 1rem;
        margin-top: 0.5rem;
        padding-left: 0.5rem; /* 缩进子菜单，区分层级 */
        z-index: 9999; /* 子菜单同样保持高层级 */
    }
    
    .q19-menu-toggle {
        display: block;
        position: relative;
        z-index: 10000; /* 确保汉堡按钮在导航菜单上方，避免被遮挡 */
    }
}


/* 基础样式 - 针对a链接的红色外框、绿色底色、白色文字 */
.q19-live a {
    background-color: #ec0e0e;
    color: #ffffff !important;
    /* 去除默认下划线 */
    text-decoration: none;
    /* 内边距：控制内容与边框的距离 */
    padding: 6px 12px;
    /* 块级显示，确保边框包裹整个内容 */
    display: block;
    /* 文本居中 */
    text-align: center;
    /* 轻微圆角优化视觉 */
    border-radius: 3px;
    /* 基础字体大小 */
    font-size: 14px;
    /* 字体加粗突出显示 */
    font-weight: bold;
}
.q19-end a {
    background-color: #62b88f;
    color: #ffffff !important;
    /* 去除默认下划线 */
    text-decoration: none;
    /* 内边距：控制内容与边框的距离 */
    padding: 6px 12px;
    /* 块级显示，确保边框包裹整个内容 */
    display: block;
    /* 文本居中 */
    text-align: center;
    /* 轻微圆角优化视觉 */
    border-radius: 3px;
    /* 基础字体大小 */
    font-size: 14px;
    /* 字体加粗突出显示 */
    font-weight: bold;
}
/* 鼠标悬停效果（可选增强） */
.q19-right-info a:hover {
    /* 悬停时加深绿色底色 */
    background-color: #62b88f;
    /* 悬停时边框加粗 */
    border-width: 2.5px;
}

/* 自适应调整 - 小屏幕（手机，≤576px） */
@media (max-width: 576px) {
    .q19-right-info a {
        padding: 4px 8px;
        font-size: 12px;
        border-width: 1.5px; /* 小屏幕边框略细 */
    }
}

/* 自适应调整 - 中等屏幕（平板，577px-992px） */
@media (min-width: 577px) and (max-width: 992px) {
    .q19-right-info a {
        padding: 5px 10px;
        font-size: 13px;
    }
}
.zhibo_btn a {
    background: #00f260;
    color: #000;
    border-radius: 18px;
    text-align: center;
    padding: 0px 18px;
    line-height: 36px;
    font-size: 16px;
/    margin: 0px 5px 10px 0;
    display: inline-block;
    text-indent: 0;
    font-weight: 600;
    transition: transform 0.5s;
    animation: spring-animation 1s infinite alternate;
}
.zhibo_btn a:active {
  transform: scale(0.9);
}
 
@keyframes spring-animation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}