/*
 * 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; }
.Rslengine-border { border: 1px solid #ededed!important; }
.Rslengine-card { border-color: #ededed; }
.Rslengine-card-header { padding: 8px 10px; border-bottom-color: #ededed; }
.Rslengine-card-body { padding: 10px; }

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

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

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

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

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

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

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

/* 二级导航 */
.Rslengine-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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

/* hot-tags */
.Rslengine-hot-tags { 
	padding: 10px 10px;
	border: 1px solid #ededed;
	border-radius: 6px;
	font-size: 0;
	line-height: 0;
}
.Rslengine-hot-tags a, .Rslengine-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;
}

.Rslengine-hot-tagsb a, .Rslengine-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;
}

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


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

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


/* Sidebar */
.Rslengine-sidebar-box { 
	padding: 15px;
	border: 1px solid #ededed;
	border-radius: 6px;
}
.Rslengine-sidebar-forecast .Rslengine-item { 
	padding: 0 0 15px;
}
.Rslengine-sidebar-forecast .Rslengine-item:last-child { 
	padding-bottom: 0;
}
.Rslengine-sidebar-forecast .Rslengine-item .Rslengine-t { 
	margin-bottom: 10px;
}
.Rslengine-sidebar-forecast .Rslengine-item .Rslengine-t .Rslengine-lf img { 
	float: left;
	width: 40px;
}
.Rslengine-sidebar-forecast .Rslengine-item .Rslengine-t .Rslengine-lf div { 
	margin-left: 50px;
}
.Rslengine-sidebar-forecast .Rslengine-item .Rslengine-t .Rslengine-lf div span { 
	display: block;
}
.Rslengine-sidebar-forecast .Rslengine-item .Rslengine-t .Rslengine-lf div span:first-child { 
	color: #000;
}
.Rslengine-sidebar-forecast .Rslengine-item .Rslengine-t .Rslengine-lf div span:last-child { 
	max-width: 50px;
	background-color: #198754;
	color: #FFF;
	font-size: 12px;
	text-align: center;
}
.Rslengine-sidebar-forecast .Rslengine-item .Rslengine-t .Rslengine-rg { 
	font-size: 0;
	line-height: 0;
}
.Rslengine-sidebar-forecast .Rslengine-item .Rslengine-t .Rslengine-rg span { 
	display: inline-block;
	padding: 0 5px;
	font-size: 12px;
	line-height: 22px;
}
.Rslengine-sidebar-forecast .Rslengine-item .Rslengine-t .Rslengine-rg span:first-child { 
	border-radius: 16px 0 0 16px;
	background-color: #dc3545;
	color: #FFF;
}
.Rslengine-sidebar-forecast .Rslengine-item .Rslengine-t .Rslengine-rg span:last-child { 
	background-color: #FFBFBF;
	color: #8C2300;
}
.Rslengine-sidebar-forecast .Rslengine-item .Rslengine-b { 
	position: relative;
}
.Rslengine-sidebar-forecast .Rslengine-item .Rslengine-b .Rslengine-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;
}
.Rslengine-sidebar-forecast .Rslengine-item .Rslengine-b .Rslengine-info time { 
	color: #F2393F;
}
.Rslengine-sidebar-forecast .Rslengine-item .Rslengine-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;
}
.Rslengine-sidebar-forecast .Rslengine-item .Rslengine-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;
}
.Rslengine-sidebar-tabs .Rslengine-nav-tabs .Rslengine-nav-link { 
	padding: 5px 12px;
	color: #6e7b84!important;
}
.Rslengine-sidebar-tabs .Rslengine-nav-tabs .Rslengine-nav-link.Rslengine-active { 
	color: #000!important;
}
.Rslengine-sidebar-tabs .Rslengine-nav-tabs .Rslengine-nav-item:first-child { 
	margin-left: 5px;
}
.Rslengine-sidebar-tabs table a { 
	color: #000!important;
}
.Rslengine-sidebar-tabs table a:hover { 
	color: #03a87c!important;
}
.Rslengine-sidebar-tabs th { 
	color: #6e7b84;
	font-weight: 400;
}
.Rslengine-sidebar-tabs td { 
	padding: 8px 0;
}
.Rslengine-sidebar-tabs td:nth-child(n+2) { 
	padding: 8px 4px;
}
.Rslengine-sidebar-tabs tr td:first-child { 
	width: 40px;
	background-color: #f2fff9;
	color: #000;
	text-align: center;
}
.Rslengine-sidebar-tabs tr td:nth-child(n+3) { 
	text-align: center;
}

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

.Rslengine-article-sub-menu .Rslengine-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 */
}

.Rslengine-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; }
.Rslengine-sidebar-article li a { color: #333!important; }
.Rslengine-sidebar-article li a:hover { color: #03a87c!important; }
.Rslengine-sidebar-article li:last-child { margin-bottom: 0; }


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

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


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

/* Show Match */
.Rslengine-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;
}
.Rslengine-match-info .Rslengine-top-info .Rslengine-title { margin: 0 auto; font-size: 0; }
.Rslengine-match-info .Rslengine-top-info .Rslengine-title span { display: inline-block; font-size: 14px; }
.Rslengine-match-info .Rslengine-top-info .Rslengine-title .Rslengine-event { margin-right: 10px; padding: 3px 8px; border-radius: 11px; background: #ff9800; }
.Rslengine-match-info .Rslengine-middle-info { padding: 15px 0; }
.Rslengine-match-info .Rslengine-middle-info .Rslengine-home {  }
.Rslengine-match-info .Rslengine-middle-info .Rslengine-vs { width: 260px; font-size: 32px; }
.Rslengine-match-info .Rslengine-middle-info img { width: 50px; height: 50px; margin-bottom: 10px; overflow: hidden; }
.Rslengine-match-info .Rslengine-middle-info h6 { font-size: 14px; }

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

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

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

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


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

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


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

    float: left;

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

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


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



/* Show Live */
.Rslengine-latest-live { 
	padding: 15px;
	border: 1px solid #ededed;
	border-radius: 6px;
}
.Rslengine-live-item-card { 
	border-color: #ededed;
}
.Rslengine-live-item-card .Rslengine-card-body { 
	padding: 10px 5px;
}
.Rslengine-live-item-cardbody .Rslengine-info { 
	margin-left: 5px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.Rslengine-live-item-cardbody .Rslengine-info h6 { 
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 400;
	text-align: justify;
}
.Rslengine-live-item-cardbody .Rslengine-info h6 a { 
	display: block;
	overflow: hidden;
	color: #000!important;
}
.Rslengine-live-item-cardbody .Rslengine-info h6 a:hover { 
	color: #198754!important;
}
.Rslengine-live-item-cardbody .Rslengine-info .Rslengine-meta { 
	font-size: 12px;
	color: #999;
}
.Rslengine-live-item-card .Rslengine-thumb { 
	position: relative;
}
.Rslengine-live-item-card .Rslengine-thumb .Rslengine-photo { 
	height: 131px;
}
.Rslengine-live-item-card .Rslengine-thumb .Rslengine-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;
}
.Rslengine-live-item-card .Rslengine-thumb .Rslengine-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%);
}
.Rslengine-live-item-card .Rslengine-thumb .Rslengine-live-race span {
	display: block;
	padding: 5px 10px;
	color: #FFF;
	font-size: 12px;
	font-weight: 400;
}

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

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

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

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

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

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

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

.Rslengine-chat-tab-item { position: relative; height: 100%; }
.Rslengine-chat-tab-item > div { display: flex; flex-direction: column; height: 100%; }
.Rslengine-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;}
.Rslengine-live-chat-msg .Rslengine-item-msg { margin-bottom: 10px; color: #333; font-size: 14px; }
.Rslengine-live-chat-msg .Rslengine-item-msg span { font-size: 14px; }
.Rslengine-live-chat-msg .Rslengine-item-msg .Rslengine-lv-number { margin-right: 5px; border-radius: 4px; } 
.Rslengine-live-chat-msg .Rslengine-item-msg .Rslengine-name { color: #237b52; }
.Rslengine-live-chat-post { flex: 0 0 auto; height: 60px; padding: 10px 0 5px; border-top: 1px solid #ededed; background-color: #FFFFFF; }

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

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

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


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

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

.Rslengine-show-expert-body .Rslengine-rig .Rslengine-visiting-team { background-color: #e9ffea; }
.Rslengine-show-expert-body .Rslengine-rig .Rslengine-host-team p:first-child, .Rslengine-show-expert-body .Rslengine-rig .Rslengine-visiting-team p:first-child { margin-top: 15px; }
.Rslengine-show-expert-body .Rslengine-rig .Rslengine-rcm { position: relative; overflow:hidden; background-color: #ffc107; }
.Rslengine-show-expert-body .Rslengine-rig .Rslengine-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
}

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


/* Sidebar Kefu */
.Rslengine-suspension { width: 46px; height: 210px; position: fixed; right: 30px; bottom: 60px; z-index: 9999; }
.Rslengine-suspension .Rslengine-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; }
.Rslengine-suspension .Rslengine-consult .Rslengine-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; }

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


.Rslengine-suspension .Rslengine-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%; }
.Rslengine-suspension .Rslengine-cart .Rslengine-pic { display: none; position: absolute; top: -120px; left: -129px; bottom: 0; width: 129px; }
.Rslengine-suspension .Rslengine-cart .Rslengine-pic .Rslengine-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; }
.Rslengine-suspension .Rslengine-cart .Rslengine-pic .Rslengine-pic-content div { padding: 5px 0; }
.Rslengine-suspension a.Rslengine-cart:hover .Rslengine-pic { display: block; }
.Rslengine-suspension .Rslengine-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 */
.Rslengine-pages { padding: 15px; border: 1px solid #ededed; background-color: #FFF; border-radius: 6px; }
.Rslengine-pages .Rslengine-pagination { display: flex; justify-content: center; align-items: center; margin: 0; }
.Rslengine-pages .Rslengine-pagination li { margin: 0 5px; border: 1px solid #ededed; background-color: #FFF; font-size: 14px; text-align: center; }
.Rslengine-pages .Rslengine-pagination li a { display: block; padding: 5px 12px; color: #333; }
.Rslengine-pages .Rslengine-pagination li.Rslengine-active { background-color: #2b8e64; color: #FFF; }
.Rslengine-pages .Rslengine-pagination li.Rslengine-active a { color: #FFF!important; }

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

/* Media */

@media (min-width: 768px){}
@media (min-width: 992px) { 
	.Rslengine-navbar-expand-lg {
		padding-top: 0;
		padding-bottom: 0;
	}
	.Rslengine-navbar-expand-lg .Rslengine-navbar-nav .Rslengine-nav-link { 
		position: relative;
		padding: 18px 16px;
		color: #333!important;
		font-size: 16px;
	}
	.Rslengine-navbar-expand-lg .Rslengine-navbar-nav .Rslengine-nav-link.Rslengine-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){
   .Rslengine-top-live-item-body .Rslengine-dw .Rslengine-icons img { 
        width: 36px;
        height: 36px;
    }
    .Rslengine-top-live-item-body .Rslengine-dw .Rslengine-vs {
        min-width: auto;
        font-size: 14px;
    }
    .Rslengine-top-live .Rslengine-card-header:first-child span {
        width: 102px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .Rslengine-top-news {
        display: none;
    }
   /* #sidebar { display: none; }*/
	.Rslengine-col-3 {
    flex: 0 0 auto;
    width: 100%;
}
}

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

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



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


    
        
       /* 响应式样式 - 确保移动端导航底色在最上层 */
@media (max-width: 768px) {
    .Rslengine-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; /* 清除可能的阴影干扰 */
    }
    
    .Rslengine-nav-menu.Rslengine-show {
        display: flex;
    }
    
    .Rslengine-nav-menu li {
        margin: 0;
        padding: 0.8rem 1rem; /* 增加内边距，提升点击体验 */
        position: relative; /* 确保子元素层级基于此 */
    }
    
    .Rslengine-nav-menu li:hover {
        background-color: #4bad7e !important; /* 强制应用hover底色 */
    }
    
    .Rslengine-sub-menu {
        position: static;
        background-color: #62b88f !important; /* 子菜单与父菜单保持一致底色 */
        margin-left: 1rem;
        margin-top: 0.5rem;
        padding-left: 0.5rem; /* 缩进子菜单，区分层级 */
        z-index: 9999; /* 子菜单同样保持高层级 */
    }
    
    .Rslengine-menu-toggle {
        display: block;
        position: relative;
        z-index: 10000; /* 确保汉堡按钮在导航菜单上方，避免被遮挡 */
    }
}


/* 基础样式 - 针对a链接的红色外框、绿色底色、白色文字 */
.Rslengine-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;
}
.Rslengine-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;
}
/* 鼠标悬停效果（可选增强） */
.Rslengine-right-info a:hover {
    /* 悬停时加深绿色底色 */
    background-color: #62b88f;
    /* 悬停时边框加粗 */
    border-width: 2.5px;
}

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

/* 自适应调整 - 中等屏幕（平板，577px-992px） */
@media (min-width: 577px) and (max-width: 992px) {
    .Rslengine-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);
  }
}