body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #f2f3f5;
	color: #333;
	font-family: 'Microsoft Yahei';
	min-width: 1200px
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

a {
	text-decoration: none;
	color: #333
}

html {
	-webkit-text-size-adjust: 100%;
	line-height: 1.15
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

a:hover {
	text-decoration: none;
	color: #e7662f
}

.toplo {
	overflow: hidden;
	padding: 10px 0px;
	background: #FFF
}

.toplo .logo {
	float: left
}

.toplo .slogan {
	float: right;
	margin-top: 20px;
}

.wrapper {
	width: 1200px;
	margin: 0 auto
}

.titleBlock {
	height: 16px;
	width: 6px;
	background-color: #e7662f;
	border-radius: 9999px;
	padding: 0px !important;
}

.headerc {
	background-color: #191925;
	height: 56px;
	min-width: 1200px;
	position: -webkit-sticky;
	width: 100%;
	z-index: 12;
	margin-bottom: 10px;
}

.headers,
.headersb {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%
}

.headersb {
	-webkit-box-flex: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-align-items: center;
	align-items: center;
	background-color: transparent;
	border: 0;
	color: hsla(0, 0%, 100%, .88);
	cursor: pointer;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 24px;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0 12px;
	position: relative;
	width: 48px
}

.headerlg {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 146px;
	height: 48px;
	float: left;
	position: relative;
	z-index: 51;
	margin-top: 20px;
}

.headerlg__img {
	height: auto;
	width: 100%
}

.headern {
	height: 56px;
}

.headern,
.headerni {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.headerni {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-align-items: center;
	align-items: center;
	cursor: pointer;
	font-size: 16px;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative;
}

.headerni.navItem {
	background: #e7662f;
}

.headerni.navItem a {
	padding: 6px 0px
}

.headernim {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	background-color: #fff;
	border-radius: 0 0 4px 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	left: 0;
	max-height: 0;
	overflow: hidden;
	position: absolute;
	top: 100%;
	-webkit-transition: max-height .3s ease-out;
	transition: max-height .3s ease-out;
	width: 100%;
	display: none;
	z-index: 34333;
	text-align: center
}

.headernim a {
	word-break: break-all;
	font-size: 16px;
	height: 45px;
	line-height: 45px;
	display: inline-block;
	width: 91px;
	color: #fff;
	font-weight: 700;
}

.sanjis {
	width: 300px;
}

.headernim a:hover {
	color: #262626
}

.headernl {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-align-items: center;
	align-items: center;
	color: hsla(0, 0%, 100%, .8);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	font-weight: 500;
	height: 100%;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-transition: width .3s;
	transition: width .3s;
	white-space: nowrap;

	font-weight: 700;
	color: #fff;
	width: 85px;
}

.headernl:hover {
	color: #fff
}

.headernl--more:before {
	position: absolute;
	top: 45px;
	border: 5px solid transparent;
	border-bottom: 0;
	border-top-color: #fff;
	content: "";
	margin-left: 4px;
	opacity: .7;
	-webkit-transition: all .3s;
	transition: all .3s
}

.headerni:hover {
	background: #e7662f;
}

.headerni:hover .headernim {
	max-height: 100vh;
	display: block;
	background: #e7662f;
}

.headerni:hover .headernl--more:before {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.header__content {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 66px;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 auto;
	position: relative;
	width: 1200px
}

.main__container {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 auto 10px;
	position: relative;
	width: 1200px
}

.main_container {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto 10px;
	position: relative;
	width: 1200px
}

.homecon {}

.fhdb {
	position: fixed;
	right: 25px;
	bottom: 30px;
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	z-index: 101;
	display: none;
	justify-content: center;
	align-items: center;
	padding: 5px 10px;
}

.fhdb img {
	width: 40px;
	height: 40px;
	margin-right: 5px;
	float: left;
}

.stitem {
	width: 100%;
	overflow: hidden;
	background: #FFF;
	margin-bottom: 20px;
}

.stitem__title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 20px;
	font-weight: 500;
	height: 46px;
	line-height: 46px;
	position: relative;
	color: #e7662f;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	padding: 0 15px;
	border-top: 3px solid #e7662f;
	background-color: #fff;
	border-radius: 4px;
}

.stitem__title::before {
	content: "";
	display: block;
	width: 4px;
	height: 20px;
	background-color: #e7662f;
	margin-right: 10px;
}

.stitem__title span {
	color: #e7662f;
	font-weight: 700;
	font-size: 18px;
	text-align: left;
	flex: 1;
	/* 关键修复：确保span占据剩余空间 */
}

.stitem__title a {
	color: #e7662f;
	text-decoration: none;
	font-size: 12px;
	margin-left: auto;
	/* 关键修复：使链接靠右 */
}

.titleBlock {
	display: none;
	/* 隐藏原有的titleBlock，使用伪元素代替 */
}

.stitem__title h1 {
	padding: 0px 10px;
	color: #333;
	font-weight: 700;
	font-size: 18px
}

.main-right {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px;
	width: 260px
}

.news_tags {
	overflow: hidden;
	margin: 10px 0px;
}

.news_tags span {
	font-size: 16px;
	font-weight: bold;
	display: block;
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
}

.news_tags a {
	border-radius: 9999px;
	border: 1px solid #eee;
	background: #f5f5f5;
	color: #666;
	padding: 6px 30px;
	margin-right: 10px;
	display: block;
	float: left;
	margin-bottom: 5px;
}

.news_tags a:hover {
	border: 1px solid #eee;
	background: #e7662f;
	color: #fff
}

.huvrb {
	padding: 10px;
	overflow: hidden;
	background: #FFF;
}

.huvrb li {
	width: 96%;
	white-space: nowrap
}

.huvrb li {
	position: relative
}

.huvrb li i.nico {
	display: inline-block;
	width: 10px;
	height: 10px;
	line-height: 10px;
	margin: 12px 10px 0 0;
	text-align: center;
	font-size: 12px;
	color: #fff;
	vertical-align: top;
	background: url(../images/dd.png) no-repeat center;
	background-size: 5px
}

.huvrb li i.vico {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 6px 5px 0 0;
	text-align: center;
	font-size: 12px;
	color: #fff;
	vertical-align: top;
	background: url(../images/sp.png) no-repeat center;
	background-size: 20px
}

.huvrb li i.zuqiu {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 6px 5px 0 0;
	text-align: center;
	font-size: 12px;
	color: #fff;
	vertical-align: top;
	background: url(../images/zuqiu.png) no-repeat center;
	background-size: 20px
}

.huvrb li i.lanqiu {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 6px 5px 0 0;
	text-align: center;
	font-size: 12px;
	color: #fff;
	vertical-align: top;
	background: url(../images/lanqiu.png) no-repeat center;
	background-size: 20px
}

.huvrb li a {
	display: inline-block;
	width: 98%;
	line-height: 2;
	font-size: 16px;
	text-align: justify;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.huvrb li em {
	position: absolute;
	right: 0;
	top: 18%;
	color: #999
}

.huvrb2 {
	padding: 10px;
	overflow: hidden;
	background: #FFF;
}

.huvrb2 li {
	width: calc(50% - 22px);
	white-space: nowrap;
	float: left;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0px 5px;
	position: relative
}

.huvrb2 li i.zuqiu {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 8px 5px 0 0;
	text-align: center;
	font-size: 12px;
	color: #fff;
	vertical-align: top;
	background: url(../images/zuqiu.png) no-repeat center;
	background-size: 20px
}

.huvrb2 li i.lanqiu {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 8px 5px 0 0;
	text-align: center;
	font-size: 12px;
	color: #fff;
	vertical-align: top;
	background: url(../images/lanqiu.png) no-repeat center;
	background-size: 20px
}

.huvrb2 li a {
	display: inline-block;
	width: 98%;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	text-align: justify;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.huvrb2 li em {
	position: absolute;
	right: 0;
	top: 18%;
	color: #999
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-feature-settings: inherit;
	font-variation-settings: inherit;
	font-size: 100%;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	color: inherit;
	margin: 0;
	padding: 0;
	border: none;
}

.mainscon {
	width: 740px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background: #FFF
}

.xw_cinfo {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	font-size: 14px;
	margin-bottom: 16px
}

.xw_cinfo-title {
	color: hsla(0, 0%, 100%, .88);
	font-size: 36px;
	font-weight: 500;
	line-height: 48px;
	padding-bottom: 25px
}

.xw_cinfo-time {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	margin-left: 12px
}

.xw_content {
	font-size: 18px;
	line-height: 36px;
	position: relative;
	text-align: justify;
	word-break: break-all
}

.xw_content table {
	border-collapse: collapse
}

.xw_content iframe {
	height: 424px;
	width: 752px
}

.xw_content img {
	border-radius: 4px;
	display: block;
	margin: 0 auto;
	max-width: 100%;
	opacity: .9
}

.lblis {
	width: 100%;
	overflow: hidden
}

.lblis .lblis1 {
	float: left;
	width: 630px
}

.lblis .lblis2 {
	float: right;
	width: 630px
}

.footer {
	min-width: 1200px;
	position: relative;
	width: 100%;
}

.footer__desc {
	background-color: #152d2c;
	border-top: #e7662f 4px solid;
	min-width: 1200px;
	padding: 8px 0 6px;
	position: relative;
	width: 100%;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	color: #fff
}

.footer__desc .yqlj {}

.footer__desc .yqlj span {
	margin-right: 10px;
}

.footer__desc .yqlj a {
	margin-right: 10px;
	color: #fff
}

.footer__desc .gywm {}

.footer__desc .gywm span {
	margin-top: 20px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

.footer__desc .gywm p {
	margin-right: 10px;
}

.footer__bq {
	background-color: #274543;
	min-width: 1200px;
	padding: 8px 0 6px;
	position: relative;
	width: 100%;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	color: #fff
}

.footer__bq a {
	color: #fff
}

.jijinlt {
	overflow: hidden;
	padding: 0px 6px
}

.jijinlt a {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px dashed #eee;
	background-size: 26px;
	font-size: 16px;
	overflow: hidden;
	float: left;
	width: 100%
}



.jijinlt i.zuqiu {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 10px 5px 0 0;
	text-align: center;
	font-size: 12px;
	color: #fff;
	vertical-align: top;
	background: url(../images/zuqiu.png) no-repeat center;
	background-size: 20px
}

.jijinlt i.lanqiu {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 10px 5px 0 0;
	text-align: center;
	font-size: 12px;
	color: #fff;
	vertical-align: top;
	background: url(../images/lanqiu.png) no-repeat center;
	background-size: 20px
}






.fenye {
	clear: both;
	padding: 20px 0 20px 0;
	text-align: center
}

.fenye .active_page {
	background-color: #51C332;
	color: #fff
}

.fenye a {
	display: inline-block;
	padding: 0 12px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #ddd;
	margin: 5px;
	font-size: 14px;
	background-color: #fff;
	color: #999;
	border-radius: 5px;
}

.fenye b,
.page a:hover {
	display: inline-block;
	padding: 0 12px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #e7662f;
	margin: 5px;
	font-size: 14px;
	background-color: #e7662f;
	color: #fff;
	border-radius: 5px;
}

.fenye a b {
	background-color: #152d2c;
	padding: 0;
	color: #999999;
	display: inline
}

.shiplbs {
	margin: 20px 0 0;
	overflow: hidden
}

.shiplbs .video-detail {
	width: 180px;
	float: left;
	margin-left: 20px;
	margin-bottom: 10px
}

.shiplbs .img-show {
	width: 100%;
	height: 118px;
	position: relative;
	overflow: hidden;
	display: block
}

.shiplbs .img-show img {
	width: 100%;
	height: auto
}

.shiplbs .img-show .play {
	position: absolute;
	width: 46px;
	height: 46px;
	left: 50%;
	top: 50%;
	margin-left: -23px;
	margin-top: -23px
}

.shiplbs .img-show .icon5 {
	width: 46px;
	height: 46px;
	background: url(../images/v.png) no-repeat center
}

.shiplbs .img-show:hover .icon5 {
	background: url(../images/v2.png) no-repeat center
}

.shiplbs .img-detail {
	padding: 0px;
	margin: 0px;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	text-align: center;
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.shiplby {
	margin: 20px 0 0;
	overflow: hidden
}

.shiplby .video-detail {
	width: 219px;
	float: left;
	margin-left: 12px;
	margin-bottom: 10px
}

.shiplby .img-show {
	width: 100%;
	height: 145px;
	position: relative;
	overflow: hidden;
	display: block
}

.shiplby .img-show img {
	width: 100%;
	height: auto
}

.shiplby .img-show .play {
	position: absolute;
	width: 46px;
	height: 46px;
	left: 50%;
	top: 50%;
	margin-left: -23px;
	margin-top: -23px
}

.shiplby .img-show .icon5 {
	width: 46px;
	height: 46px;
	background: url(../images/v.png) no-repeat center
}

.shiplby .img-show:hover .icon5 {
	background: url(../images/v2.png) no-repeat center
}

.shiplby .img-detail .biaoti {
	padding: 0px;
	margin: 0px;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	text-align: center;
	font-size: 16px
}

.nyvideo {
	position: relative;
}

.nyvideo img.full {
	width: 100%;
	height: 540px
}

.nyvideo img.play_icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
	height: 80px;
}

.nyvideo:hover {
	opacity: .4
}

.nyvideo:hover .full {
	opacity: .8
}

.nyvideo:hover .play_icon {
	opacity: .6
}

.libkxb {
	margin-bottom: 10px
}

.libkxb span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px
}

.libkxb a {
	display: block;
	height: 30px;
	line-height: 30px
}

* {
	margin: 0px;
	padding: 0px;
	list-style: none
}

.xinwlisr {
	overflow: hidden;
	padding: 0px 5px
}

.xinwlisr li {
	line-height: 35px;
	padding: 5px 0
}

.xinwlisr li h4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	font-size: 16px;
	background: url(../images/sb.gif) no-repeat left center;
	padding-left: 10px;
	font-weight: normal
}

.xinwlisr li span {
	font-size: 13px;
	color: #999999;
	padding-left: 10px;
	float: right
}

.hide {
	display: none
}

.xuanxink {
	background: #fff;
	margin-bottom: 10px;
}

.xuanxink ul {
	height: 50px;
}

.xuanxink li {
	height: 50px;
	line-height: 50px;
	text-align: center;
	padding: 0 22px;
	float: left;
	cursor: pointer;
	list-style: none;
	font-weight: bold
}

.xuanxink li.on {
	color: #e7662f;
	border-bottom: #e7662f 3px solid;
	height: 47px;
	line-height: 47px;
}

#top_fl_container {
	width: 100%;
	/* 修改为100% */
	display: flex;
	overflow: hidden;
	position: relative
}

#top_fl_container .swiper-wrapper {
	padding: 0 0px
}

#top_fl_container .swiper-slide {
	width: -moz-max-content !important;
	width: max-content !important
}

#top_fl_container .slide_next,
#top_fl_container .slide_prev {
	width: 44px;
	height: 50px;
	position: absolute;
	top: 0;
	z-index: 99;
	display: flex;
	align-items: center;
	background-color: #fff
}

#top_fl_container .slide_next {
	right: 0
}

#top_fl_container .slide_prev {
	left: 0
}

#top_fl_container .slide_next s,
#top_fl_container .slide_prev s {
	display: inline-block;
	margin: 0 auto;
	width: 11px;
	height: 11px;
	border-bottom: 2px solid #333;
	border-right: 2px solid #333
}

#top_fl_container .slide_next s {
	transform: rotate(-45deg);
	margin-left: 14px
}

#top_fl_container .slide_prev s {
	transform: rotate(135deg);
	margin-left: 14px
}

/*
#top_fl_container .swiper-button-disabled {
	opacity:0;
	display:none
}*/
.zhibolb {
	padding-bottom: 10px;
	margin-bottom: 20px;
	background: #FFF
}

.zhibolb .hotzb {
	padding: 12px 6px;
	border-bottom: 1px solid #eee;
	overflow: hidden;
	align-items: center;
	display: grid;
	grid-template-columns: 15% 85%;
	font-weight: 700
}

.zhibolb .hotzb a.items-center {}

.zhibolb .hotzb .zbxbox {}

.zhibolb .hotzb .zbxbox2 {
	width: 600px;
	margin: 0 auto;
	margin-top: 10px;
}

.hotzb .status {
	display: flex;
	justify-content: center;
	column-gap: 6px;
	padding-top: 32px;
	height: max-content;
}

.hotzb .zb_0 {}

.hotzb .zb_00 {
	display: grid;
	grid-template-columns: 2fr 1fr 2fr;
}

.hotzb .zb_1 {}

.hotzb .zb_2 {
	text-align: center
}

.hotzb .zb_2 img {}

.hotzb .zb_3 {}

.hotzb .sj {
	text-align: center;
	font-size: 16px;
}

.hotzb .bt {
	white-space: nowrap;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-overflow: ellipsis;
	text-align: center;
}

.hotzb .zd {
	width: 120px;
	margin-right: 10px;
	white-space: nowrap;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-overflow: ellipsis;
	float: left
}

.hotzb .zdlogo {
	width: 24px;
	margin-right: 10px;
	float: left
}

.hotzb .zdlogo img {
	width: 24px;
	vertical-align: middle
}

.hotzb .zdbf {
	margin-right: 2px;
	width: 30px;
	background: #eee;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	float: left
}

.hotzb .kdbf {
	margin-right: 10px;
	width: 30px;
	background: #eee;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	float: right
}

.hotzb .kdlogo {
	margin-right: 10px;
	width: 24px;
	float: right
}

.hotzb .kdlogo img {
	width: 24px;
	vertical-align: middle
}

.hotzb .kd {
	margin-right: 10px;
	white-space: nowrap;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-overflow: ellipsis;
	float: right
}

.hotzb .status p {
	font-size: 14px;
	line-height: 28px;
	height: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
	color: #FFF
}

.hotzb .status.live p {
	color: #fc403c
}

.hotzb .status.live img {
	margin-right: 5px
}

.hotzb .status.prelive p {
	color: #979797
}

.zbxbox {
	width: 600px;
	margin: 0 auto;
	margin-top: 20px;
}

.zbxhh {
	float: left;
	display: flex;
	align-items: center;
	font-size: 14px
}

.zbxhh:first-child:before {
	content: "";
	width: 17px;
	height: 16px;
	background: url(../images/live_icon.png) no-repeat;
	background-position: 50%;
	background-size: 17px 16px;
	margin-right: 3px
}

.zbboxw2 {
	float: left;
	width: 400px
}

.zbboxw2 p {
	color: #e7662f;
	font-size: 14px;
	border-bottom: 1px solid #e7662f;
	font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: pointer;
	float: left;
	margin-right: 10px
}

.zbxbox .vmre {
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 16px;
	cursor: pointer;
	float: left
}

.zbxbox .vmre:after {
	content: "";
	width: 23px;
	height: 16px;
	background: url(../images/chevron-down.png) no-repeat;
	background-position: 50%;
	background-size: 12px 7px
}

.zbxbox .vmre.show:after {
	transform: rotate(180deg)
}

.gbzbc {
	display: block;
	text-align: center;
	margin: 0 auto;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #e7662f;
	background-color: #D3FFF5;
	border-radius: 2px;
	margin-top: 10px
}

.gbzbc a {
	color: #e7662f
}

.gbzbc:hover {
	color: #D3FFF5;
	background-color: #e7662f;
}

.gbzbc:hover a {
	color: #D3FFF5
}

.qiugkx {
	overflow: hidden;
	margin-left: -10px
}

.qiugkx a {
	display: block;
	float: left;
	width: 84px;
	margin-left: 10px;
	background: #152d2c;
	margin-top: 10px;
	padding: 5px
}

.qiugkx a img {
	width: 40px;
	height: 40px;
	display: block;
	margin: 0 auto
}

.qiugkx a span {
	height: 30px;
	line-height: 30px;
	display: block;
	text-align: center;
	font-size: 12px
}

.fscom {
	font-size: 16px;
	font-weight: 700;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.boxbsbj {
	background: #FFF
}

.qiugkxp {
	overflow: hidden;
	margin-left: -9px
}

.qiugkxp a {
	display: block;
	float: left;
	width: 67px;
	margin-left: 5px;
	margin-top: 10px;
	padding: 5px
}

.qiugkxp a .img {
	width: 40px;
	height: 40px;
	border: 1px #eee solid;
	padding: 10px;
	border-radius: 2px;
}

.qiugkxp a img {
	width: 40px;
	height: 40px;
	display: block;
}

.qiugkxp a span {
	height: 30px;
	line-height: 30px;
	display: block;
	text-align: center;
	font-size: 12px
}

.qylis {
	margin: 20px 0 0;
	margin-left: -20px;
	overflow: hidden
}

.qylis a {
	width: 86px;
	float: left;
	margin-left: 20px;
	margin-bottom: 10px;
	display: block;
	padding: 10px
}

.dahs a {
	width: 94px;
}

.qylis .img-show {
	position: relative;
	overflow: hidden;
	display: block;
	text-align: center;
	width: 70px;
	height: 70px;
}

.qylis .img-show img {
	width: 70px;
	height: 70px;
	margin: 0 auto
}

.qylis .img-detail {
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	text-align: center;
	font-size: 16px
}

.tvlod {
	margin: 0px 0 0;
	overflow: hidden
}

.tvlod a {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-overflow: ellipsis;
	width: 92px;
	float: left;
	margin-left: 20px;
	margin-bottom: 10px;
	display: block;
	padding: 7px 10px;
	border-radius: 3px;
	font-size: 14px;
}

.ssax a {
	width: 107px;
}

.lbxwd {
	margin-left: -10px;
	overflow: hidden
}

.lbxwd li {
	padding: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	box-sizing: border-box;
	margin-left: 10px;
	border-bottom: #eee 1px solid
}

.lbxwd li .lbxwd_img {
	float: left;
	margin-right: 20px
}

.lbxwd li .lbxwd_img img {
	width: 160px;
	height: 110px
}

.lbxwd li .lbxwd_text {}

.lbxwd_biaoti {
	font-size: 16px;
	font-weight: bold;
	overflow: hidden;
	line-height: 30px;
	height: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-overflow: ellipsis;
	margin-bottom: 10px
}

.lbxwd_jianjie {
	color: #909090;
	height: 40px;
	line-height: 20px;
	margin-bottom: 5px;
	overflow: hidden;
	font-size: 14px;
	margin-bottom: 10px
}

.lbxwd_time {
	color: #A8A8A8;
	background-image: url(../images/time.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 13px;
	padding-left: 20px;
	display: inline-block
}

.zblmnb {
	display: flex;
	justify-content: space-between;
	overflow: auto
}

.zblmnb li {
	float: left
}

.zblmnb li a {
	display: block;
	width: 200px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	text-align: center;
	cursor: pointer;
	color: hsla(0, 0%, 100%, .88);
	background: #152d2c;
	height: 40px;
	line-height: 40px
}

.zblmnb li:first-child a {
	border-radius: 4px 0px 0px 4px
}

.zblmnb li a.active {
	background: #e7662f;
	color: #fff
}

.zblmnb li:last-child a {
	border-radius: 0px 4px 4px 0px
}

.zhibolb h6 {
	display: flex;
	height: 24px;
	line-height: 24px;
	align-items: center;
	margin: 10px 0px
}

.zhibolb h6 time {
	font-size: 12px;
	font-weight: 400;
	line-height: 25px;
	color: #999999;

}

.match h6 time:before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 18px;
	background: #1c969f;
	margin-right: 6px;
	position: relative;
	top: 2px
}

.zbllc {}

.shizhis .name .en {
	display: flex;
	font-size: 12px;
	color: #bbb
}

.youcda {
	border-radius: 4px;
	padding: 0 10px;
	overflow: hidden;
	background: #152d2c
}

.youcda img {
	float: left;
	height: 40px;
	width: auto;
	margin-top: 5px
}

.youcda span {
	float: left;
	height: 50px;
	line-height: 50px;
	margin-left: 10px;
	font-size: 20px;
	color: #fff
}

.youcda .yc-dh {
	float: right
}

.youcda .yc-dh a {
	display: inline-block;
	font-size: 16px;
	margin-left: 10px;
	padding: 0px 10px;
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
	border-radius: 4px;
	color: #fff
}

.youcda .yc-dh a.active {
	background: #e7662f;
	color: #FFF
}

.top20 {
	margin-top: 10px
}

.tuwenlb {}

.tuwenlb ul {
	margin-left: -20px;
	overflow: hidden
}

.tuwenlb ul li {
	width: 220px;
	background: #152d2c;
	border-radius: 4px;
	padding: 10px;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px
}

.tuwenlb ul li .img {
	height: 135px;
	position: relative;
	overflow: hidden
}

.tuwenlb ul li .img img {
	width: 100%;
	height: 135px
}

.tuwenlb ul li .biaoti {
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center
}

.tuwenbx {}

.tuwenbx ul {
	overflow: hidden
}

.tuwenbx ul li {
	width: 210px;
	border-radius: 4px;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px
}

.tuwenbx ul li .img {
	position: relative;
	overflow: hidden
}

.tuwenbx ul li .img img {
	width: 100%;
	height: 120px
}

.tuwenbx ul li .biaoti {
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center
}

.ybbox {}

.ybbox ul {}

.ybbox ul li {
	width: 393px;
	float: left;
	background-color: #f2f3f573;
	margin-left: 10px;
	margin-bottom: 10px
}

.ybbox h3 {
	height: 30px;
	padding: 0 8px;
	line-height: 30px;
	text-align: left;
	font-size: 16px;
	overflow: hidden
}

.dawn {
	padding: 0px 9px;
	height: 50px;
	line-height: 25px;
	font-size: 14px;
	color: #878787;
	overflow: hidden
}

.dawn em {
	display: inline-block;
	height: 18px;
	background: #e7662f;
	line-height: 18px;
	color: #fff;
	font-size: 14px;
	padding: 1px 6px;
	font-style: normal;
	border-radius: 3px;
	margin-right: 5px
}

.ijifen {
	background: #fff;
	margin-top: 10px
}

.ijifen .jfname {
	font-size: 18px;
	font-weight: bold;
	padding: 10px
}

.ijifen .rankingt {}

.lmbj {
	background: #e7662f;
	height: 40px;
	line-height: 40px;
	color: #FFF
}

.bgg {
	border-bottom: 1px solid #eee;
	color: #333
}

.log {
	display: flex;
	align-items: center;
	text-align: left
}

.truncate {
	padding-left: 5px
}

.rankingt .order {
	display: block;
	width: 28px;
	height: 28px;
	background: #444;
	font: 18px / 30px Helvetica;
	color: #fff;
	border-radius: 2px;
	text-align: center
}

.ijifen .rankingt div {}

.rankingt {
	display: grid;
	grid-template-columns: 5% 23% 9% 9% 9% 9% 9% 9% 9% 9%;
	height: 50px;
	align-items: center;
	padding: 0 30px
}

.ranking_lanqiu_table {
	display: grid;
	grid-template-columns: 6% 26% 17% 17% 17% 17%;
	height: 50px;
	align-items: center;
	padding: 0 30px
}

.jbbks {
	padding: 6px;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 10px;
	padding: 5px;
}

.jbbks p {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 10px
}

.jbbks p a {
	margin-right: 10px
}

.jbbks p span.biaoti {
	color: #f82d2d
}

.pangsd {
	margin: 10px 0 10px 0;
	position: relative;
	padding-top: 20px;
	border-top: 1px solid #eee
}

.pangsd p {
	margin-bottom: 10px
}

.shizhis {
	background: #152d2c url(../images/bg-qd.png) no-repeat;
	background-size: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px
}

.shizhis .icon {
	float: left;
	width: 50px;
	height: 50px;
	margin: 11px;
	object-fit: contain
}

.shizhis .name .zh {
	margin-top: 20px;
	font-size: 20px;
	color: #fff
}

.shizhis .name .zh h1 {
	font-size: 20px;
	font-weight: 500
}

.shizhis .worth {
	height: 72px;
	line-height: 72px;
	color: #FFF;
	font-size: 18px;
	padding: 0 20px 0 20px;
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #152d2c
}

.shizhis .worth::before {
	position: absolute;
	content: '';
	top: 0;
	border: solid transparent;
	border-right-color: #152d2c;
	border-top-color: #152d2c;
	border-width: 52px 20px;
	left: -42px;
	z-index: -1;
	transform: translateX(20px);
	animation-name: worth;
	animation-duration: .8s;
	animation-timing-function: cubic-bezier(0, 1.24, 0.75, 1.29);
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay: .4s
}

.shizhis .worth::after {
	position: absolute;
	content: '';
	top: 0;
	border: solid transparent;
	border-right-color: #152d2c;
	border-top-color: #152d2c;
	border-width: 52px 20px;
	left: -28px
}

.shizhis .name .en {
	display: flex;
	font-size: 12px;
	color: #bbb
}

.zanwu {
	text-align: center;
	background: #Fff;
	padding: 30px 0px;
	margin-top: 5px;
}

.zanwu img {
	width: 30px
}

.zanwu span {
	display: block;
	font-size: 12px;
	color: #999
}

.wenlis {
	padding: 10px;
	overflow: hidden
}

.wenlis li {
	margin-left: 8px;
	margin-right: 8px;
	border-bottom: #eee 1px solid;
	margin-bottom: 15px;
	overflow: hidden;
	padding: 0px
}

.wenlis li .btt {
	font-size: 18px;
	line-height: 28px
}

.wenlis li p {
	line-height: 21px;
	color: #888;
	padding-bottom: 9px
}

.wenlis li span {
	font-size: 12px;
	height: 28px;
	color: #8d8d8d;
	font-size: 12px;
	display: block;
	margin-right: 5px
}

.wenlis li span a {
	color: #e7662f
}

.citiaowd {
	padding: 6px;
	overflow: hidden;
	margin-bottom: 10px
}

.citp {
	float: left;
	margin-right: 10px
}

.citp img {
	width: 150px;
	height: 90px
}

.citzw {
	float: left;
	width: 750px;
	font-size: 14px;
	color: #666;
	line-height: 24px;
}

.zbhibbj {
	position: relative;
	height: 280px;
	width: 100%
}

.zuqiu_bj {
	background: url(../images/match-zuqiu.png) no-repeat center;
	background-size: 100%
}

.lanqiu_bj {
	background: url(../images/match-lanqiu.png) no-repeat center;
	background-size: 100%
}

.fixed_score_box .fixed_score_top {
	color: #fff
}

.zbqdl {
	text-align: center;
	width: 30%
}

.zbqdr {
	text-align: center;
	width: 30%
}

.zbqdl h1,
.zbqdr h1 {
	height: 26px;
	font-size: 20px;
	font-weight: bold;
	line-height: 26px;
	color: #FFFFFF;
	margin-top: 10px
}

.zbqdr .image_container,
.zbqdl .image_container {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto
}

.zbqdr .image_container img,
.zbqdl .image_container img {
	width: 56px;
	height: 56px;
	border-radius: 50%
}

.score_name {
	text-align: center;
	width: 40%
}

.league_name {
	width: 100%;
	height: 28px;
	line-height: 28px;
	padding: 4px 27px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	padding-top: 50px
}

.score {
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center
}

.zb_bf {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 25px 0;
	height: 39px;
	padding: 0 12px
}

.zb_bf>div {
	font-size: 32px;
	font-family: DIN;
	font-weight: bold;
	line-height: 39px;
	color: #FFFFFF
}

.zb_ztt {
	height: 36px;
	background: #FFFFFF;
	border-radius: 18px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	line-height: 36px;
	width: 140px;
	margin: auto;
	color: #333
}

.zb_ztt.live {
	color: #e7662f
}

.zbqdl.zbqdr {
	flex-direction: row-reverse
}

.zbqdl.zbqdr .image_container {
	margin-left: 20px
}

.zb_zds {
	margin-top: 10px;
	margin-bottom: 10px
}

.zbxinha {}

.zbxinha ul {}

.zbxinha ul li {
	margin-right: 10px;
	background: #CCC;
	display: inline-block;
	padding: 10px 20px;
	margin: 0px 5px;
	margin-bottom: 5px;
	border-radius: 6px
}

.zbxinha ul li.f {
	background: #0275e8
}

.zbxinha ul li.f a {
	color: #fff
}

.zbxinha ul li.f {
	background: linear-gradient(135deg, #51c332, #e7662f);
	color: white;
	padding: 3px 28px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 10px;
	cursor: pointer;
	border: none;
	transition: transform 0.5s;
	animation: spring-animation 1s infinite alternate;
	border-radius: 25px;
}

.zbxinha ul li.f:active {
	transform: scale(0.9);
}

@keyframes spring-animation {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

.renmensd ul {
	padding: 10px;
	background: #152d2c;
	overflow: hidden
}

.renmensd a {
	border-top-left-radius: 1px;
	border-bottom-left-radius: 1px;
	display: inline-block;
	font-size: 14px !important;
	height: 26px;
	line-height: 26px;
	margin: 0 13px 5px 0;
	padding: 0 5px 0 9px;
	position: relative;
	text-decoration: none
}

.xw-zwsa {
	background: #fff;
	padding: 10px;
}

.lvzbda {
	position: relative
}

.lvzbda img {
	width: 100%;
}

.lvzbda span {
	width: 90px;
	height: 90px;
	position: absolute;
	top: calc(50% - 41px);
	left: calc(50% - 41px);
}

.lvzbda span img {
	width: 90px;
	height: 90px;
}

.wnr {
	text-align: center;
	padding-top: 10px
}

.dh-header {
	background: url(../images/search_lightblueBG.png) no-repeat center;
	height: 227px;
	margin-top: -10px;
	margin-bottom: 10px;
}

.content_box {
	width: 100%;
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
	padding-top: 35px;
}

.gridss {
	display: grid;
	grid-template-columns: 1fr 146px;
	align-items: center;
	column-gap: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: -5px;
}

.gridss #search {
	box-sizing: border-box;
	width: 100%;
	border-radius: .375rem;
	border-style: none;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 16px;
	padding-bottom: 16px;
	font-size: 20px;
	color: #999
}

.gridss a {
	height: 60px;
	color: #fff !important;
}

.gridss a span {
	color: transparent;
	display: inline-block;
	height: 60px;
	width: 146px;
}

.kkg {
	margin-top: 26px;
	display: flex;
	align-items: center;
	font-size: 17px;
	color: #e7662f
}

.kkg span {
	margin-left: 70px;
	min-width: 53px;
}

.kkg .hff {
	display: flex;
	flex-wrap: wrap;
	column-gap: 18px;
	-moz-column-gap: 18px;
	row-gap: 5px;
}

.kkg .hff a {
	text-decoration-line: underline;
	color: #e7662f
}

.cypd {}

.cypd ul {}

.cypd ul li {
	float: left;
	display: inline-block;
	width: 58px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #eee;
	margin-bottom: 10px;
}

.cypd ul li .img {
	border-radius: 3px;
	color: transparent;
	display: inline-block;
	height: 58px;
	width: 58px;
}

.cypd ul li:hover {
	border: 1px solid #e7662f;
}

.cypd ul li img {
	height: 100%;
	object-fit: contain;
	width: 54px;
	margin: 0 auto;
}

.cypd ul li h4 {
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	font-weight: normal;
	overflow: hidden;
	text-align: center
}

.cypd ul li:hover h4 {
	color: #e7662f;
	font-weight: 700;
}

.tagslb {
	display: grid;
	justify-content: space-between;
	gap: 16px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
	grid-template-columns: repeat(auto-fill, minmax(calc(50% - 12px), 1fr));
	padding-bottom: 20px;
}

.tagslb a {
	border: 1px solid #eee;
	border-radius: 2px;
	background: #f5f5f5;
	color: #999;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 3px 6px;
}

.qbj {
	background: none
}

.xwzxl {
	margin: 10px
}

.xwzxl ul {}

.xwzxl ul li {
	overflow: hidden;
	border-bottom: #eee 1px solid;
	padding: 6px 0px;
}

.xwzxl ul li img {
	width: 144px;
	height: 100px;
	float: left;
	margin-right: 10px;
}

.xwzxl ul li h4 {
	font-size: 14px;
	font-weight: normal;
	line-height: 22px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.xwzxl2 {
	overflow: hidden;
	padding: 0px 15px
}

.xwzxl2 li {
	line-height: 35px;
	padding: 5px 0
}

.xwzxl2 li h4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	font-size: 16px;
	background: url(../images/text_inactive.png) no-repeat left center;
	padding-left: 23px;
	font-weight: normal
}

.xwzxl2 li span {
	font-size: 13px;
	color: #999999;
	padding-left: 10px;
	float: right
}

.xwzxl2 li a:hover h4 {
	background: url(../images/text_active.png) no-repeat left;
}

a .dhvideo-icon {
	width: 20px;
	height: 20px;
	background-image: url(/images/video_inactive.png);
	background-repeat: no-repeat;
	background-size: cover
}

a:hover .dhvideo-icon {
	background-image: url(/images/video_active.png)
}

a .dhcompmatches-icon {
	width: 20px;
	height: 20px;
	background-image: url(/images/matchvideo_inactive.png);
	background-repeat: no-repeat;
	background-size: cover
}

a:hover .dhcompmatches-icon {
	background-image: url(/images/matchvideo_active.png)
}

.ycmore {
	display: block;
	text-align: center;
	margin: 10px 10px;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #e7662f;
	background-color: #D3FFF5;
	border-radius: 5px
}

.ycmore a {
	color: #e7662f
}

.ycmore:hover {
	color: #D3FFF5;
	background-color: #e7662f;
}

.ycmore:hover a {
	color: #D3FFF5
}

.zblistt {
	background: #fff;
	margin-bottom: 20px;
	border-radius: 5px;
	overflow: hidden
}

.zbtitlt {
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 10px;
}

.zbtitlt .riqi {
	float: left;
	background: #eee;
	height: 20px;
	line-height: 20px;
	border-radius: 0 30px 30px 0px;
	font-size: 12px;
	padding: 0px 5px;
}

.zbtitlt .gengxs {
	float: right;
	font-size: 10px;
	color: #999;
	padding-right: 10px;
}

.zblistt a.zbtkda {
	border-bottom: 1px solid #eee;
	font-size: 14px;
	font-weight: 700;
	display: grid;
	grid-template-columns: 50px 120px 1fr 90px;
	height: 50px;
	line-height: 50px;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
}

.zblistt a.zbtkda .zb_2 {
	display: grid;
	grid-template-columns: 1fr 30px 1fr;
}

.zblistt a.zbtkda .zb_2 .zd {
	justify-self: end;
}

.zblistt a.zbtkda .zb_2 .vs {
	text-align: center;
}

.zblistt .status {
	color: #fff;
	font-weight: 700;
	text-align: center;
	padding: 4px 0;
	border-radius: 5px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	margin-top: 10px;
}

.zblistt .status.prelive {
	background: linear-gradient(180deg, #c1c1c1, #929292);
}

.zblistt .status.live {
	background: linear-gradient(180deg, #ff7769, #f93231);
}

.spzxxc {
	float: left;
	width: 900px;
	background: #1D1D1D;
}

.spzxxc-right {
	float: right;
	width: 300px;
	background: #1D1D1D
}

.stitem2 {
	width: 100%;
	overflow: hidden;
}

.stitem2__title {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 20px;
	font-weight: 500;
	height: 46px;
	line-height: 46px;
	position: relative;
	color: #e7662f;
	margin-bottom: 10px;
	border-bottom: 1px solid #e7662f;
	padding-left: 10px;
}

.stitem2__title img {
	width: 20px;
	height: 20px;
}

.stitem2__title span {
	padding: 0px 10px;
	color: #fff;
	font-weight: 700;
	font-size: 18px
}

.xwzxl3 {
	margin: 10px
}

.xwzxl3 ul {}

.xwzxl3 ul li {
	overflow: hidden;
	border-bottom: #302f2f 1px solid;
	padding: 6px 0px;
}

.xwzxl3 ul li img {
	width: 100px;
	height: 75px;
	float: left;
	margin-right: 10px;
}

.xwzxl3 ul li h4 {
	font-size: 14px;
	font-weight: normal;
	line-height: 22px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: #fff
}

.xw-zwsa__title2 {
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	padding: 0px 10px;
}

.xw_cinfo2 {
	font-size: 14px;
	padding: 10px;
	color: #999;
	overflow: hidden
}

.xw_cinfo-name2 {
	float: right
}

.xw_cinfo-time2 {
	float: left
}

.news_tags2 {
	overflow: hidden;
	margin: 0px 10px;
}

.news_tags2 span {
	font-size: 14px;
	font-weight: bold;
	display: block;
	height: 24px;
	line-height: 24px;
	margin-bottom: 10px;
}

.news_tags2 a {
	border-radius: 9999px;
	border: 1px solid #000;
	background: #f5f5f5;
	color: #666;
	padding: 6px 10px;
	margin-right: 10px;
	display: block;
	float: left;
	margin-bottom: 5px;
}

.news_tags2 a:hover {
	background: #e7662f;
	color: #fff
}

.dftiyu-video__list-label {
	color: #e7662f;
	padding: 0px 10px;
}

.dftiyu-video__list {
	color: #fff;
	padding: 10px;
}

.dftiyu-video__list a {
	display: block;
	height: 20px;
	line-height: 20px;
	color: #fff;
}

.syxwzx {
	margin: 10px
}

.syxwzx ul {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	column-gap: 12px;
	padding: 20px;
}

.syxwzx ul li {
	display: flex;
	flex-direction: column;
}

.syxwzx ul li .imgg {
	position: relative;
	height: 122px;
	width: 100%;
}

.syxwzx ul li .imgt {
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	width: 100%;
	justify-content: space-between;
	-moz-column-gap: 10px;
	column-gap: 10px;
	background-color: rgba(0, 0, 0, .53);
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	line-height: 30px;
	box-sizing: border-box;
	color: #FFF
}

.syxwzx ul li img {
	height: 122px;
	width: 100%;
}

.syxwzx ul li .titee {
	margin-top: 17px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: 14px;
	line-height: 23px;
}

a,
abbr,
acronym,
address,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: 1;
	background: #fff;
	font-family: microsoft yahei;
	font-size: 12px
}

li,
ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: "";
	content: none
}

img {
	border: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 400
}

input,
select {
	vertical-align: middle
}

.clear {
	display: block !important;
	clear: both !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden
}

.clearfix {
	zoom: 1
}

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

.spacer {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0
}

a {
	color: #333;
	text-decoration: none
}

@media (min-width:640px) {
	.container {
		max-width: 640px
	}
}

@media (min-width:768px) {
	.container {
		max-width: 768px
	}
}

@media (min-width:1024px) {
	.container {
		max-width: 1024px
	}
}

@media (min-width:1200px) {
	.container {
		max-width: 1200px
	}
}

@media (min-width:1280px) {
	.container {
		max-width: 1280px
	}
}

@media (min-width:1536px) {
	.container {
		max-width: 1536px
	}
}

.static {
	position: static
}

.absolute {
	position: absolute
}

.relative {
	position: relative
}

.bottom-0 {
	bottom: 0
}

.bottom-\[-21px\] {
	bottom: -21px
}

.bottom-\[14px\] {
	bottom: 14px
}

.left-0 {
	left: 0
}

.left-\[calc\(50\%_-_12\.5px\)\] {
	left: calc(50% - 12.5px)
}

.left-\[calc\(50\%_-_50px\)\] {
	left: calc(50% - 50px)
}

.right-\[-3px\] {
	right: -3px
}

.right-\[-7px\] {
	right: -7px
}

.top-0 {
	top: 0
}

.top-\[-80\%\] {
	top: -80%
}

.top-\[calc\(50\%_-_12\.5px\)\] {
	top: calc(50% - 12.5px)
}

.top-\[calc\(50\%_-_50px\)\] {
	top: calc(50% - 50px)
}

.z-\[1\] {
	z-index: 1
}

.z-\[99\] {
	z-index: 99
}

.mx-\[20px\] {
	margin-left: 20px;
	margin-right: 20px
}

.mx-auto {
	margin-left: auto;
	margin-right: auto
}

.my-\[16px\] {
	margin-top: 16px;
	margin-bottom: 16px
}

.my-\[17px\] {
	margin-top: 17px;
	margin-bottom: 17px
}

.mb-\[10px\] {
	margin-bottom: 10px
}

.mb-\[16px\] {
	margin-bottom: 16px
}

.mb-\[20px\] {
	margin-bottom: 20px
}

.ml-\[20px\] {
	margin-left: 20px
}

.ml-\[24px\] {
	margin-left: 24px
}

.ml-\[40px\] {
	margin-left: 40px
}

.ml-\[4px\] {
	margin-left: 4px
}

.ml-\[5px\] {
	margin-left: 5px
}

.ml-\[6px\] {
	margin-left: 6px
}

.ml-auto {
	margin-left: auto
}

.mr-\[6px\] {
	margin-right: 6px
}

.mt-\[-10px\] {
	margin-top: -10px
}

.mt-\[10px\] {
	margin-top: 10px
}

.mt-\[12px\] {
	margin-top: 12px
}

.mt-\[14px\] {
	margin-top: 14px
}

.mt-\[16px\] {
	margin-top: 16px
}

.mt-\[17px\] {
	margin-top: 17px
}

.mt-\[20px\] {
	margin-top: 20px
}

.mt-\[25px\] {
	margin-top: 25px
}

.mt-\[26px\] {
	margin-top: 26px
}

.mt-\[30px\] {
	margin-top: 30px
}

.mt-\[40px\] {
	margin-top: 40px
}

.mt-\[6px\] {
	margin-top: 6px
}

.box-border {
	box-sizing: border-box
}

.box-content {
	box-sizing: content-box
}

.line-clamp-2 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.block {
	display: block
}

.inline-block {
	display: inline-block
}

.flex {
	display: flex
}

.table {
	display: table
}

.grid {
	display: grid
}

.hidden {
	display: none
}

.h-0 {
	height: 0
}

.h-\[101px\] {
	height: 101px
}

.h-\[116px\] {
	height: 116px
}

.h-\[120px\] {
	height: 120px
}

.h-\[16px\] {
	height: 16px
}

.h-\[20px\] {
	height: 20px
}

.h-\[22px\] {
	height: 22px
}

.h-\[24px\] {
	height: 24px
}

.h-\[28px\] {
	height: 28px
}

.h-\[32px\] {
	height: 32px
}

.h-\[36px\] {
	height: 36px
}

.h-\[3px\] {
	height: 3px
}

.h-\[40px\] {
	height: 40px
}

.h-\[42\.5px\] {
	height: 42.5px
}

.h-\[42px\] {
	height: 42px
}

.h-\[44px\] {
	height: 44px
}

.h-\[4px\] {
	height: 4px
}

.h-\[50px\] {
	height: 50px
}

.h-\[56px\] {
	height: 56px
}

.h-\[64px\] {
	height: 64px
}

.h-\[6px\] {
	height: 6px
}

.h-\[70px\] {
	height: 70px
}

.h-\[8px\] {
	height: 8px
}

.h-\[98px\] {
	height: 98px
}

.h-\[inherit\] {
	height: inherit
}

.h-fit {
	height: -moz-fit-content;
	height: fit-content
}

.h-max {
	height: -moz-max-content;
	height: max-content
}

.min-h-\[227px\] {
	min-height: 227px
}

.min-h-\[64px\] {
	min-height: 64px
}

.min-h-\[84px\] {
	min-height: 84px
}

.w-0 {
	width: 0
}

.w-\[100px\] {
	width: 100px
}

.w-\[120px\] {
	width: 120px
}

.w-\[22px\] {
	width: 22px
}

.w-\[24px\] {
	width: 24px
}

.w-\[32px\] {
	width: 32px
}

.w-\[33px\] {
	width: 33px
}

.w-\[370px\] {
	width: 370px
}

.w-\[42px\] {
	width: 42px
}

.w-\[4px\] {
	width: 4px
}

.w-\[54px\] {
	width: 54px
}

.w-\[60px\] {
	width: 60px
}

.w-\[6px\] {
	width: 6px
}

.w-\[80px\] {
	width: 80px
}

.w-\[8px\] {
	width: 8px
}

.w-\[90px\] {
	width: 90px
}

.w-\[98px\] {
	width: 98px
}

.w-\[inherit\] {
	width: inherit
}

.w-full {
	width: 100%
}

.w-min {
	width: -moz-min-content;
	width: min-content
}

.min-w-0 {
	min-width: 0
}

.min-w-\[240px\] {
	min-width: 240px
}

.min-w-\[24px\] {
	min-width: 24px
}

.min-w-\[53px\] {
	min-width: 53px
}

.max-w-\[1200px\] {
	max-width: 1200px
}

.max-w-\[90px\] {
	max-width: 90px
}

.transform {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-pointer {
	cursor: pointer
}

.auto-cols-\[36px\] {
	grid-auto-columns: 36px
}

.grid-flow-col {
	grid-auto-flow: column
}

.grid-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr))
}

.grid-cols-5 {
	grid-template-columns: repeat(5, minmax(0, 1fr))
}

.grid-cols-\[113px_68px_4fr_1fr_2fr_2fr_1fr\] {
	grid-template-columns: 113px 68px 4fr 1fr 2fr 2fr 1fr
}

.grid-cols-\[120px_80px_1fr\] {
	grid-template-columns: 120px 80px 1fr
}

.grid-cols-\[140px_1fr\] {
	grid-template-columns: 140px 1fr
}

.grid-cols-\[150px_120px_1fr_270px\] {
	grid-template-columns: 150px 120px 1fr 270px
}

.grid-cols-\[18px_1fr\] {
	grid-template-columns: 18px 1fr
}

.grid-cols-\[1fr_10px_1fr\] {
	grid-template-columns: 1fr 10px 1fr
}

.grid-cols-\[1fr_120px_1fr\] {
	grid-template-columns: 1fr 120px 1fr
}

.grid-cols-\[1fr_146px\] {
	grid-template-columns: 1fr 146px
}

.grid-cols-\[1fr_35px\] {
	grid-template-columns: 1fr 35px
}

.grid-cols-\[1fr_80px_1fr\] {
	grid-template-columns: 1fr 80px 1fr
}

.grid-cols-\[1fr_90px_1fr\] {
	grid-template-columns: 1fr 90px 1fr
}

.grid-cols-\[1fr_auto_1fr\] {
	grid-template-columns: 1fr auto 1fr
}

.grid-cols-\[24px_1fr\] {
	grid-template-columns: 24px 1fr
}

.grid-cols-\[25px_1fr\] {
	grid-template-columns: 25px 1fr
}

.grid-cols-\[2fr_1fr_1fr_1fr\] {
	grid-template-columns: 2fr 1fr 1fr 1fr
}

.grid-cols-\[30px_1fr\] {
	grid-template-columns: 30px 1fr
}

.grid-cols-\[30px_1fr_178px\] {
	grid-template-columns: 30px 1fr 178px
}

.grid-cols-\[35px_1fr\] {
	grid-template-columns: 35px 1fr
}

.grid-cols-\[36px_1fr\] {
	grid-template-columns: 36px 1fr
}

.grid-cols-\[3fr_3fr_1fr\] {
	grid-template-columns: 3fr 3fr 1fr
}

.grid-cols-\[60px_auto_1fr_80px\] {
	grid-template-columns: 60px auto 1fr 80px
}

.grid-cols-\[80px_120px_1fr\] {
	grid-template-columns: 100px 120px 1fr
}

.grid-cols-\[80px_80px_1fr\] {
	grid-template-columns: 80px 80px 1fr
}

.grid-cols-\[repeat\(auto-fill\2c max\(80px\)\)\] {
	grid-template-columns: repeat(auto-fill, max(80px))
}

.grid-cols-\[repeat\(auto-fill\2c minmax\(73px\2c 1fr\)\)\] {
	grid-template-columns: repeat(auto-fill, minmax(73px, 1fr))
}

.grid-cols-\[repeat\(auto-fill\2c minmax\(98px\2c 1fr\)\)\] {
	grid-template-columns: repeat(auto-fill, minmax(98px, 1fr))
}

.grid-rows-4 {
	grid-template-rows: repeat(4, minmax(0, 1fr))
}

.flex-row-reverse {
	flex-direction: row-reverse
}

.flex-col {
	flex-direction: column
}

.flex-wrap {
	flex-wrap: wrap
}

.items-end {
	align-items: flex-end
}

.items-center {
	align-items: center
}

.justify-start {
	justify-content: flex-start
}

.justify-end {
	justify-content: flex-end
}

.justify-center {
	justify-content: center
}

.justify-between {
	justify-content: space-between
}

.justify-around {
	justify-content: space-around
}

.justify-evenly {
	justify-content: space-evenly
}

.gap-2 {
	gap: .5rem
}

.gap-\[10px\] {
	gap: 10px
}

.gap-\[20px\] {
	gap: 20px
}

.gap-\[4px\] {
	gap: 4px
}

.gap-\[6px\] {
	gap: 6px
}

.gap-x-\[10px\] {
	-moz-column-gap: 10px;
	column-gap: 10px
}

.gap-x-\[12px\] {
	-moz-column-gap: 12px;
	column-gap: 12px
}

.gap-x-\[14px\] {
	-moz-column-gap: 14px;
	column-gap: 14px
}

.gap-x-\[16px\] {
	-moz-column-gap: 16px;
	column-gap: 16px
}

.gap-x-\[18px\] {
	-moz-column-gap: 18px;
	column-gap: 18px
}

.gap-x-\[20px\] {
	-moz-column-gap: 20px;
	column-gap: 20px
}

.gap-x-\[25px\] {
	-moz-column-gap: 25px;
	column-gap: 25px
}

.gap-x-\[34px\] {
	-moz-column-gap: 34px;
	column-gap: 34px
}

.gap-x-\[4px\] {
	-moz-column-gap: 4px;
	column-gap: 4px
}

.gap-x-\[5px\] {
	-moz-column-gap: 5px;
	column-gap: 5px
}

.gap-x-\[6px\] {
	-moz-column-gap: 6px;
	column-gap: 6px
}

.gap-x-\[8px\] {
	-moz-column-gap: 8px;
	column-gap: 8px
}

.gap-x-\[min\(5\%\2c _48px\)\] {
	-moz-column-gap: min(5%, 48px);
	column-gap: min(5%, 48px)
}

.gap-x-\[min\(5\%\2c _50px\)\] {
	-moz-column-gap: min(5%, 50px);
	column-gap: min(5%, 50px)
}

.gap-y-\[10px\] {
	row-gap: 10px
}

.gap-y-\[16px\] {
	row-gap: 16px
}

.gap-y-\[17px\] {
	row-gap: 17px
}

.gap-y-\[20px\] {
	row-gap: 20px
}

.gap-y-\[6px\] {
	row-gap: 6px
}

.justify-self-start {
	justify-self: start
}

.justify-self-end {
	justify-self: end
}

.overflow-hidden,
.truncate {
	overflow: hidden
}

.truncate {
	text-overflow: ellipsis
}

.truncate,
.whitespace-nowrap {
	white-space: nowrap
}

.rounded {
	border-radius: .25rem
}

.rounded-\[100px\] {
	border-radius: 100px
}

.rounded-\[3px\] {
	border-radius: 3px
}

.rounded-\[4px\] {
	border-radius: 4px
}

.rounded-\[5px\] {
	border-radius: 5px
}

.rounded-full {
	border-radius: 9999px
}

.rounded-md {
	border-radius: .375rem
}

.border {
	border-width: 1px
}

.border-\[8px\] {
	border-width: 8px
}

.border-b {
	border-bottom-width: 1px
}

.border-b-0 {
	border-bottom-width: 0
}

.border-b-4 {
	border-bottom-width: 4px
}

.border-r {
	border-right-width: 1px
}

.border-t {
	border-top-width: 1px
}

.border-t-0 {
	border-top-width: 0
}

.border-t-\[3px\] {
	border-top-width: 3px
}

.border-solid {
	border-style: solid
}

.border-none {
	border-style: none
}

.border-\[\#6EC285\] {
	--tw-border-opacity: 1;
	border-color: rgb(110 194 133/var(--tw-border-opacity, 1))
}

.border-\[\#CCCCCC\] {
	--tw-border-opacity: 1;
	border-color: rgb(204 204 204/var(--tw-border-opacity, 1))
}

.border-\[\#E7662F\] {
	--tw-border-opacity: 1;
	border-color: rgb(231 102 47/var(--tw-border-opacity, 1))
}

.border-\[\#EAEAEA\] {
	--tw-border-opacity: 1;
	border-color: rgb(234 234 234/var(--tw-border-opacity, 1))
}

.border-\[\#EEEEEE\] {
	--tw-border-opacity: 1;
	border-color: rgb(238 238 238/var(--tw-border-opacity, 1))
}

.border-\[\#EaEaEa\] {
	--tw-border-opacity: 1;
	border-color: rgb(234 234 234/var(--tw-border-opacity, 1))
}

.border-\[\#F1B6C2\] {
	--tw-border-opacity: 1;
	border-color: rgb(241 182 194/var(--tw-border-opacity, 1))
}

.border-\[\#F99133\] {
	--tw-border-opacity: 1;
	border-color: rgb(249 145 51/var(--tw-border-opacity, 1))
}

.border-\[\#dcdcdc\] {
	--tw-border-opacity: 1;
	border-color: rgb(220 220 220/var(--tw-border-opacity, 1))
}

.border-\[\#e5e5e5\] {
	--tw-border-opacity: 1;
	border-color: rgb(229 229 229/var(--tw-border-opacity, 1))
}

.border-\[\#e7662f\] {
	--tw-border-opacity: 1;
	border-color: rgb(231 102 47/var(--tw-border-opacity, 1))
}

.border-\[\#eee\] {
	--tw-border-opacity: 1;
	border-color: rgb(238 238 238/var(--tw-border-opacity, 1))
}

.border-\[\#f6f6f6\] {
	--tw-border-opacity: 1;
	border-color: rgb(246 246 246/var(--tw-border-opacity, 1))
}

.border-pri-orange {
	--tw-border-opacity: 1;
	border-color: rgb(231 102 47/var(--tw-border-opacity, 1))
}

.border-transparent {
	border-color: transparent
}

.border-x-transparent {
	border-left-color: transparent;
	border-right-color: transparent
}

.border-b-\[\#191925\] {
	--tw-border-opacity: 1;
	border-bottom-color: rgb(25 25 37/var(--tw-border-opacity, 1))
}

.bg-\[\#191925\] {
	--tw-bg-opacity: 1;
	background-color: rgb(25 25 37/var(--tw-bg-opacity, 1))
}

.bg-\[\#E7662F\] {
	--tw-bg-opacity: 1;
	background-color: rgb(231 102 47/var(--tw-bg-opacity, 1))
}

.bg-\[\#E7E7E7\] {
	--tw-bg-opacity: 1;
	background-color: rgb(231 231 231/var(--tw-bg-opacity, 1))
}

.bg-\[\#EEEEEE\] {
	--tw-bg-opacity: 1;
	background-color: rgb(238 238 238/var(--tw-bg-opacity, 1))
}

.bg-\[\#F2F2F2\] {
	--tw-bg-opacity: 1;
	background-color: rgb(242 242 242/var(--tw-bg-opacity, 1))
}

.bg-\[\#F5F5F5\] {
	--tw-bg-opacity: 1;
	background-color: rgb(245 245 245/var(--tw-bg-opacity, 1))
}

.bg-\[\#F5FCF7\] {
	--tw-bg-opacity: 1;
	background-color: rgb(245 252 247/var(--tw-bg-opacity, 1))
}

.bg-\[\#F61111\] {
	--tw-bg-opacity: 1;
	background-color: rgb(246 17 17/var(--tw-bg-opacity, 1))
}

.bg-\[\#F8F8F8\] {
	--tw-bg-opacity: 1;
	background-color: rgb(248 248 248/var(--tw-bg-opacity, 1))
}

.bg-\[\#F9F9FE\] {
	--tw-bg-opacity: 1;
	background-color: rgb(249 249 254/var(--tw-bg-opacity, 1))
}

.bg-\[\#FF8204\] {
	--tw-bg-opacity: 1;
	background-color: rgb(255 130 4/var(--tw-bg-opacity, 1))
}

.bg-\[\#FFC527\] {
	--tw-bg-opacity: 1;
	background-color: rgb(255 197 39/var(--tw-bg-opacity, 1))
}

.bg-\[\#FFF5E7\] {
	--tw-bg-opacity: 1;
	background-color: rgb(255 245 231/var(--tw-bg-opacity, 1))
}

.bg-\[\#FFF5F7\] {
	--tw-bg-opacity: 1;
	background-color: rgb(255 245 247/var(--tw-bg-opacity, 1))
}

.bg-\[\#FFF8F4\] {
	--tw-bg-opacity: 1;
	background-color: rgb(255 248 244/var(--tw-bg-opacity, 1))
}

.bg-\[\#ccc\] {
	--tw-bg-opacity: 1;
	background-color: rgb(204 204 204/var(--tw-bg-opacity, 1))
}

.bg-\[\#e7662f\] {
	--tw-bg-opacity: 1;
	background-color: rgb(231 102 47/var(--tw-bg-opacity, 1))
}

.bg-\[\#f5f5f5\] {
	--tw-bg-opacity: 1;
	background-color: rgb(245 245 245/var(--tw-bg-opacity, 1))
}

.bg-\[\#f61111\] {
	--tw-bg-opacity: 1;
	background-color: rgb(246 17 17/var(--tw-bg-opacity, 1))
}

.bg-\[\#f6f6f6\] {
	--tw-bg-opacity: 1;
	background-color: rgb(246 246 246/var(--tw-bg-opacity, 1))
}

.bg-\[\#ff8204\] {
	--tw-bg-opacity: 1;
	background-color: rgb(255 130 4/var(--tw-bg-opacity, 1))
}

.bg-\[\#ffc527\] {
	--tw-bg-opacity: 1;
	background-color: rgb(255 197 39/var(--tw-bg-opacity, 1))
}

.bg-\[\#fff\] {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-\[rgba\(0\2c 0\2c 0\2c 0\.53\)\] {
	background-color: rgba(0, 0, 0, .53)
}

.bg-\[rgba\(255\2c _255\2c _255\2c _0\.70\)\] {
	background-color: hsla(0, 0%, 100%, .7)
}

.bg-pri-orange {
	--tw-bg-opacity: 1;
	background-color: rgb(231 102 47/var(--tw-bg-opacity, 1))
}

.bg-transparent {
	background-color: transparent
}

.bg-white {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-\[url\(\'\.\.\/images\/aboutus\.png\'\)\] {
	background-image: url(https://staticpc.byread.com/_next/static/media/aboutus.274b2964.png)
}

.p-\[15px\] {
	padding: 15px
}

.p-\[16px\] {
	padding: 16px
}

.p-\[20px\] {
	padding: 20px
}

.p-\[6px\] {
	padding: 6px
}

.px-\[10px\] {
	padding-left: 10px;
	padding-right: 10px
}

.px-\[12px\] {
	padding-left: 12px;
	padding-right: 12px
}

.px-\[15px\] {
	padding-left: 15px;
	padding-right: 15px
}

.px-\[16px\] {
	padding-left: 16px;
	padding-right: 16px
}

.px-\[18px\] {
	padding-left: 18px;
	padding-right: 18px
}

.px-\[20px\] {
	padding-left: 20px;
	padding-right: 20px
}

.px-\[30px\] {
	padding-left: 30px;
	padding-right: 30px
}

.px-\[36px\] {
	padding-left: 36px;
	padding-right: 36px
}

.px-\[40px\] {
	padding-left: 40px;
	padding-right: 40px
}

.px-\[8px\] {
	padding-left: 8px;
	padding-right: 8px
}

.px-\[9\%\] {
	padding-left: 9%;
	padding-right: 9%
}

.py-0 {
	padding-top: 0;
	padding-bottom: 0
}

.py-\[10px\] {
	padding-top: 10px;
	padding-bottom: 10px
}

.py-\[11px\] {
	padding-top: 11px;
	padding-bottom: 11px
}

.py-\[12px\] {
	padding-top: 12px;
	padding-bottom: 12px
}

.py-\[15px\] {
	padding-top: 15px;
	padding-bottom: 15px
}

.py-\[16px\] {
	padding-top: 16px;
	padding-bottom: 16px
}

.py-\[17px\] {
	padding-top: 17px;
	padding-bottom: 17px
}

.py-\[20px\] {
	padding-top: 20px;
	padding-bottom: 20px
}

.py-\[4px\] {
	padding-top: 4px;
	padding-bottom: 4px
}

.py-\[6px\] {
	padding-top: 6px;
	padding-bottom: 6px
}

.py-\[7px\] {
	padding-top: 7px;
	padding-bottom: 7px
}

.py-\[8px\] {
	padding-top: 8px;
	padding-bottom: 8px
}

.py-\[9px\] {
	padding-top: 9px;
	padding-bottom: 9px
}

.pb-\[10px\] {
	padding-bottom: 10px
}

.pb-\[13px\] {
	padding-bottom: 13px
}

.pb-\[15px\] {
	padding-bottom: 15px
}

.pb-\[20px\] {
	padding-bottom: 20px
}

.pb-\[27px\] {
	padding-bottom: 27px
}

.pb-\[6px\] {
	padding-bottom: 6px
}

.pl-\[10px\] {
	padding-left: 10px
}

.pl-\[15px\] {
	padding-left: 15px
}

.pl-\[20px\] {
	padding-left: 20px
}

.pl-\[30px\] {
	padding-left: 30px
}

.pr-\[166px\] {
	padding-right: 166px
}

.pr-\[20px\] {
	padding-right: 20px
}

.pr-\[6px\] {
	padding-right: 6px
}

.pt-\[14px\] {
	padding-top: 14px
}

.pt-\[15px\] {
	padding-top: 15px
}

.pt-\[17px\] {
	padding-top: 17px
}

.pt-\[18px\] {
	padding-top: 18px
}

.pt-\[1px\] {
	padding-top: 1px
}

.pt-\[20px\] {
	padding-top: 20px
}

.pt-\[22px\] {
	padding-top: 22px
}

.pt-\[40px\] {
	padding-top: 40px
}

.text-left {
	text-align: left
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

.text-start {
	text-align: start
}

.text-end {
	text-align: end
}

.font-sans {
	font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

.\!text-\[20px\] {
	font-size: 20px !important
}

.text-\[12px\] {
	font-size: 12px
}

.text-\[14px\] {
	font-size: 14px
}

.text-\[15px\] {
	font-size: 15px
}

.text-\[16px\] {
	font-size: 16px
}

.text-\[17px\] {
	font-size: 17px
}

.text-\[18px\] {
	font-size: 18px
}

.text-\[20px\] {
	font-size: 20px
}

.text-\[24px\] {
	font-size: 24px
}

.text-\[26px\] {
	font-size: 26px
}

.text-\[28px\] {
	font-size: 28px
}

.text-base {
	font-size: 1rem;
	line-height: 1.5rem
}

.font-bold {
	font-weight: 700
}

.font-light {
	font-weight: 300
}

.font-normal {
	font-weight: 400
}

.italic {
	font-style: italic
}

.leading-\[20px\] {
	line-height: 20px
}

.leading-\[21px\] {
	line-height: 21px
}

.leading-\[22px\] {
	line-height: 22px
}

.leading-\[23px\] {
	line-height: 23px
}

.leading-\[24px\] {
	line-height: 24px
}

.leading-\[28px\] {
	line-height: 28px
}

.leading-\[30px\] {
	line-height: 30px
}

.leading-\[40px\] {
	line-height: 40px
}

.leading-none {
	line-height: 1
}

.leading-normal {
	line-height: 1.5
}

.text-\[\#000\] {
	--tw-text-opacity: 1;
	color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.text-\[\#013281\] {
	--tw-text-opacity: 1;
	color: rgb(1 50 129/var(--tw-text-opacity, 1))
}

.text-\[\#13737A\] {
	--tw-text-opacity: 1;
	color: rgb(19 115 122/var(--tw-text-opacity, 1))
}

.text-\[\#292422\] {
	--tw-text-opacity: 1;
	color: rgb(41 36 34/var(--tw-text-opacity, 1))
}

.text-\[\#292E2E\] {
	--tw-text-opacity: 1;
	color: rgb(41 46 46/var(--tw-text-opacity, 1))
}

.text-\[\#333333\],
.text-\[\#333\] {
	--tw-text-opacity: 1;
	color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.text-\[\#666666\],
.text-\[\#666\] {
	--tw-text-opacity: 1;
	color: rgb(102 102 102/var(--tw-text-opacity, 1))
}

.text-\[\#777777\] {
	--tw-text-opacity: 1;
	color: rgb(119 119 119/var(--tw-text-opacity, 1))
}

.text-\[\#8B8B8B\] {
	--tw-text-opacity: 1;
	color: rgb(139 139 139/var(--tw-text-opacity, 1))
}

.text-\[\#999999\],
.text-\[\#999\] {
	--tw-text-opacity: 1;
	color: rgb(153 153 153/var(--tw-text-opacity, 1))
}

.text-\[\#E7662F\] {
	--tw-text-opacity: 1;
	color: rgb(231 102 47/var(--tw-text-opacity, 1))
}

.text-\[\#FFF\] {
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.text-\[\#f00\] {
	--tw-text-opacity: 1;
	color: rgb(255 0 0/var(--tw-text-opacity, 1))
}

.text-black {
	--tw-text-opacity: 1;
	color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.text-pri-orange {
	--tw-text-opacity: 1;
	color: rgb(231 102 47/var(--tw-text-opacity, 1))
}

.text-white {
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.underline {
	text-decoration-line: underline
}

.underline-offset-2 {
	text-underline-offset: 2px
}

.filter {
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur-\[2px\] {
	--tw-backdrop-blur: blur(2px);
	backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}

:root {
	--primary-color: #e7662f;
	--sub-theme-color: #fff8f4
}

body {
	background-color: #f6f6f6;
	color: #333
}

.titleBlock {
	height: 16px;
	width: 6px;
	background-color: var(--primary-color);
	border-radius: 9999px
}

.bTopb {
	border-top: 3px solid var(--primary-color)
}

.container {
	max-width: 1200px;
	width: 100%;
	height: auto;
	margin: 0 auto
}

.partition820 {
	width: 100%;
	display: grid;
	grid-template-columns: 820px calc(100% - 840px);
	-moz-column-gap: 20px;
	column-gap: 20px
}

.scrollButton {
	position: fixed;
	right: 25px;
	bottom: 30px;
	cursor: pointer;
	z-index: 101;
	display: none
}

.showButton {
	display: flex;
	justify-content: center;
	align-items: center
}

.top_game {
	margin-top: -10px;
	width: 100%;
	height: auto;
	background-color: #000;
	position: relative;
	transform: translateX(-50%);
	left: 50%;
	background-size: 100%;
	background-image: url(https://staticpc.byread.com/_next/static/media/topGameImg.f8bfe603.png)
}

.top_game_content {
	height: 282px;
	display: flex;
	gap: 12px;
	box-sizing: border-box
}

.top_game_img {
	margin: 0 auto;
	height: auto;
	max-width: 1200px
}

.top_game_img_center {
	display: flex;
	align-items: center;
	justify-content: center
}

.top_game_content .game_content {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	width: 100%;
	position: relative;
	overflow: hidden
}

.top_game_content .game_content .game_icon {
	width: 300px;
	height: 200px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%)
}

.game_content_top {
	width: 320px;
	margin: 0 auto;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	background-image: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .2), transparent)
}

.game_content_conter {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	position: relative
}

.game_content_conter_left,
.game_content_conter_right {
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	display: inline-block;
	width: 200px;
	height: 30px;
	line-height: 30px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden
}

.game_content_conter_score,
.game_content_left_score,
.game_content_right_score {
	font-size: 36px;
	font-weight: 700;
	color: #fff
}

.game_content_conter_score {
	margin: 0 10px
}

.game_content_bottom {
	position: relative;
	width: 160px;
	height: 48px;
	line-height: 48px;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	text-align: center
}

.particulars-wrap {
	width: 100%;
	margin: -20px auto 0;
	padding: 1rem;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	display: flex;
	align-items: center;
	position: relative
}

.particulars_conter_signal {
	width: 60px;
	height: 60px;
	text-align: center;
	margin: 0 20px
}

.particulars_conter_signal img {
	width: 100%;
	height: 100%
}

.particulars_conter {
	display: flex;
	flex-wrap: wrap;
	-moz-column-gap: 15px;
	column-gap: 15px;
	margin-left: 5px;
	row-gap: 3px
}

.signalCon>.stream.no_stream {
	background: #999;
	height: 57px;
	justify-content: center;
	font-weight: 700;
	font-size: 16px
}

.signalCon>.stream {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 57px;
	line-height: 57px;
	background: #ee3838;
	border-radius: 5px;
	color: #fff;
	min-width: 125px;
	gap: .5rem;
	cursor: pointer
}

.signalCon>.stream a {
	color: #fff;
	font-weight: 700;
	font-size: 16px;
}

.match-desc {
	width: 100%;
	text-align: left;
	background-color: #fff;
	border-radius: 6px;
	box-sizing: border-box;
	padding: 20px;
	margin: 20px auto 0;
	line-height: 20px
}

.fixsco_tab_content {
	padding: 20px;
	background: #fff
}

.fixsco_block_nav {
	display: flex;
	height: 62px;
	background: #fff;
	border-top: 3px solid var(--primary-color);
	border-bottom: 1px solid #f1f1f1
}

.fixsco_block_nav li {
	width: 220px;
	text-align: center;
	float: left;
	border-bottom: 2px solid #fff;
	cursor: pointer;
	box-sizing: border-box
}

.fixsco_block_nav li a {
	font-size: 18px;
	color: #333;
	line-height: 54px;
	display: inline-block;
	font-weight: 700
}

.fixsco_block_nav li.active a {
	color: var(--primary-color);
	border-bottom: 6px solid var(--primary-color)
}

.fixsco_synopsis {
	width: 100%;
	background: #fff;
	position: relative
}

.fixsco_synopsis_nav {
	display: flex;
	justify-content: center;
	padding-top: 34px
}

.fixsco_line1 {
	left: 0
}

.fixsco_line1,
.fixsco_line2 {
	width: 225px;
	height: 40px;
	border-bottom: 1px solid #e5e5e5;
	position: absolute;
	top: 33px
}

.fixsco_line2 {
	right: 0
}

.fixsco_synopsis_nav li {
	float: left;
	width: 200px;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden
}

.fixsco_synopsis_nav li span {
	float: left;
	font: 16px/16px microsoft yahei;
	color: var(--primary-color)
}

.fixsco_synopsis_nav li.hover {
	border-bottom: none;
	background: var(--primary-color)
}

.fixsco_synopsis_nav li.hover span {
	color: #fff
}

.fixsco_synopsis_list {
	width: 762px;
	height: auto;
	margin: 0 auto;
	padding-bottom: 36px
}

.fixsco_synopsis_li h1 {
	font: 700 16px/16px microsoft yahei;
	color: #333;
	padding-left: 8px;
	border-left: 4px solid var(--primary-color);
	margin-top: 34px
}

.fixsco_synopsis_li p {
	font: 16px/28px microsoft yahei;
	color: #666;
	margin-top: 20px;
	text-indent: 2em
}

.fixsco_table_box h2 {
	margin-top: 20px;
	color: #333;
	font-size: 18px;
	text-indent: 4px;
	border-left: 4px solid var(--primary-color);
	font-weight: 700
}

.fixsco_table {
	width: 100%;
	height: auto;
	background: #fff
}

.fixsco_table table {
	width: 100%;
	margin: 10px 0 0;
	border: 1px solid #eee
}

.fixsco_table table tbody tr th {
	font: 14px/28px microsoft yahei;
	color: #333;
	text-indent: 20px
}

.fixsco_table table tbody tr th:nth-child(3) {
	text-align: right
}

.fixsco_table table tbody tr th:nth-child(4) {
	text-align: center
}

.fixsco_table table tbody tr td {
	font: 14px/60px microsoft yahei;
	color: #333;
	border-top: 1px solid #e5e5e5;
	text-indent: 20px
}

.fixsco_table table tbody tr td:nth-child(3) {
	text-align: right
}

.fixsco_table table tbody tr td:nth-child(4) {
	text-align: center
}

.lineup_list {
	background: #fff
}

.lineup_list_name {
	display: flex
}

.lineup_name {
	width: 240px
}

.lineup_name span {
	float: right;
	color: #333
}

.lineup_name_tit {
	margin: 24px 24px 24px 0;
	color: #333;
	font-size: 18px;
	text-indent: 4px;
	border-left: 4px solid var(--primary-color);
	font-weight: 700;
	line-height: 16px
}

.lineup_name_center {
	width: 130px;
	font: 16px/64px microsoft yahei;
	float: left;
	text-align: center
}

.lineup_list_table {
	margin: 0 24px;
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: 50% 50%;
	border: 1px solid #e5e5e5
}

.lineup_list_table table {
	width: 100%
}

.lineup_list_table table tbody tr td {
	font: 14px/48px microsoft yahei;
	color: #333;
	text-align: center;
	border-top: 1px solid #e5e5e5;
	vertical-align: middle
}

.lineup_list_table table tbody tr .tdLeft {
	border-left: 1px solid #e5e5e5
}

.lineup_list_table table tbody tr .tdRight {
	border-right: 1px solid #e5e5e5
}

.lineup_list_table table tbody tr:last-child .tdLeft,
.lineup_list_table table tbody tr:last-child .tdRight {
	border-bottom: 1px solid #e5e5e5
}

.lineup_table_title {
	margin: 10px 0 15px;
	font-size: 18px;
	text-indent: 4px;
	color: #333;
	border-left: 4px solid #666
}

.lineup_team_info {
	display: flex;
	align-items: center;
	margin-left: 9.5rem
}

.formation_table>p.f_player {
	display: flex;
	font: 14px/48px microsoft yahei;
	border-bottom: 1px solid #e5e5e5;
	justify-content: flex-end
}

.formation_table>p.f_player:last-of-type {
	border-bottom: none
}

.formation_table.home>p.f_player {
	padding-right: 70px
}

.formation_table.away>p.f_player {
	flex-direction: row-reverse;
	padding-left: 70px
}

.stati_list {
	background: #fff
}

.stati_list_name {
	height: 30px
}

.stati_name {
	width: 366px;
	float: left
}

.stati_name img {
	width: 32px;
	height: 32px
}

.stati_name span {
	float: right;
	font: 14px/64px microsoft yahei;
	color: #333
}

.stati_list_name .stati_name.left img {
	float: right;
	margin-top: 17px
}

.stati_list_name .stati_name.left span {
	float: right;
	margin-right: 10px
}

.stati_list_name .stati_name.right img {
	float: left;
	margin-top: 17px
}

.stati_list_name .stati_name.right span {
	float: left;
	margin-left: 10px
}

.stati_name_center {
	border-left: 4px solid var(--primary-color);
	font-weight: 700
}

.stati_list_table h2,
.stati_name_center {
	margin-top: 20px;
	color: #333;
	font-size: 18px;
	text-indent: 4px
}

.stati_list_table h2 {
	margin-bottom: 10px;
	border-left: 4px solid #666
}

.stati_list_table table {
	width: 100%;
	border: 1px solid #eee
}

.stati_list_table table tbody tr td {
	font: 14px/48px microsoft yahei;
	color: #333;
	text-align: center;
	border-top: 1px solid #e5e5e5;
	vertical-align: middle
}

.stati_list_table .bar {
	width: 100%;
	height: 4px
}

.stati_list_table .bar i {
	display: block;
	height: 4px
}

.stati_list_table .bar i.win {
	background: #283ae1
}

.stati_list_table .bar i.lose {
	background: #ccc
}

.stati_list_table .details_lst {
	border: 1px solid #eaeaea;
	padding: 0 20px
}

.lr_progress_container {
	display: grid;
	grid-template-columns: calc((100% - 252px)/2) 76px 100px 76px calc((100% - 252px)/2);
	width: 100%;
	height: 49px;
	align-items: center;
	border-bottom: 1px solid #e5e5e5
}

.lr_progress_container:last-child {
	border-bottom: none
}

.lr_progress_container p {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px
}

.lr_progress_container .awayd,
.lr_progress_container .homed {
	height: 4px
}

.lr_progress_container .awayd[titledata]:hover:after,
.lr_progress_container .homed[titledata]:hover:after {
	content: attr(titledata);
	position: relative;
	background-color: rgba(0, 0, 0, .7);
	padding: 10px;
	margin-left: 20%;
	color: #fff;
	font-size: 12px;
	white-space: nowrap;
	z-index: 1;
	border-radius: 4px;
	box-shadow: 0 0 6px #333
}

.m-news-item:hover img {
	content: url(/images/icon-computer-active.png)
}

.lq .player_statistics {
	padding: 0 20px 20px
}

.lq .player_statistics .statistics_container {
	border: 1px solid #eaeaea;
	margin-top: 20px
}

.lq .player_statistics .data,
.lq .player_statistics .title {
	height: 47px;
	display: grid;
	grid-template-columns: 200px repeat(12, 1fr);
	border-bottom: 1px solid #eaeaea
}

.lq .player_statistics .data:last-child {
	border-bottom: none
}

.lq .player_statistics .data p,
.lq .player_statistics .title p {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px
}

.lq .player_statistics .data p:first-child,
.lq .player_statistics .title p:first-child {
	justify-content: flex-start;
	padding-left: 20px
}

.lq .player_statistics .title .teamName {
	font-weight: 700
}

.lq .player_statistics .title .teamName span {
	margin-right: 8px
}

.lq .team_statistics {
	padding: 0 20px 20px
}

.lq .team_statistics .team_chart {
	margin-top: 30px
}

.lq .team_statistics .team_chart .data {
	border: 1px solid #eaeaea
}

.lq .team_statistics .team_chart .team_name {
	display: grid;
	grid-template-columns: calc((100% - 128px)/2) 128px calc((100% - 128px)/2);
	width: 100%
}

.lq .team_statistics .team_chart .team_name div {
	display: flex;
	justify-content: center;
	align-items: center
}

.lq .team_statistics .team_chart .team_name .left {
	justify-content: flex-end
}

.lq .team_statistics .team_chart .team_name .left p {
	margin-right: 16px;
	font-size: 14px
}

.lq .team_statistics .team_chart .team_name .right {
	justify-content: flex-start
}

.lq .team_statistics .team_chart .team_name .right p {
	margin-left: 16px;
	font-size: 14px
}

.lq .team_statistics .team_chart .team_name .title p {
	font-size: 14px;
	font-weight: 700
}

.lq .team_statistics .real_time_data {
	border: 1px solid #eaeaea;
	margin-top: 20px
}

.lq .team_statistics .real_time_data .data,
.lq .team_statistics .real_time_data .title {
	display: grid;
	grid-template-columns: 200px repeat(9, 1fr);
	height: 47px;
	border-bottom: 1px solid #eaeaea
}

.lq .team_statistics .real_time_data .title {
	background: #e7e7e7
}

.lq .team_statistics .real_time_data .data:last-child {
	border-bottom: none
}

.lq .team_statistics .real_time_data .data p:first-child,
.lq .team_statistics .real_time_data .title p:first-child {
	justify-content: flex-start;
	padding-left: 20px
}

.lq .team_statistics .real_time_data .title p:first-child {
	font-weight: 700
}

.lq .team_statistics .real_time_data .data p,
.lq .team_statistics .real_time_data .title p {
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center
}

.lq .team_statistics .real_time_data .title p sup {
	font-size: 11px
}

.lq_real_time h2 {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #333;
	font-size: 18px;
	font-weight: 700;
	text-indent: 4px;
	border-left: 4px solid var(--primary-color)
}

.wq .score {
	display: flex;
	align-items: center
}

.wq .game_player {
	display: flex;
	gap: 3rem
}

.wq .image_container {
	width: 84px;
	height: 84px;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center
}

.wq .image_container img {
	width: 80px;
	border-radius: 50%;
	aspect-ratio: 1
}

.wq .image_container.wangqiu_double {
	position: relative
}

.wq .image_container.wangqiu_double>h1 {
	position: absolute;
	top: 90px;
	text-align: center;
	font-size: 20px;
	color: #fff
}

.wq .wq_prematch_container {
	padding: 0 0 20px
}

.wq .wq_prematch_container .pre_match_ana {
	margin-top: 20px;
	border: 1px solid #eee
}

.wq .wq_prematch_container .pre_match_ana .data,
.wq .wq_prematch_container .pre_match_ana .title {
	display: grid;
	grid-template-columns: 168px repeat(6, 1fr)
}

.wq .wq_prematch_container .pre_match_ana .title p {
	height: 35px;
	background-color: #fafafa;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: 700;
	color: #292e2e
}

.wq .dash_line {
	margin-top: 20px;
	border-bottom: 1px solid #eee
}

.wq .wq_prematch_container .pre_match_ana .data p {
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	text-align: center
}

.wq .wq_prematch_container .pre_match_ana .data {
	border-bottom: 1px solid #eee
}

.wq .wq_prematch_container .pre_match_ana .data:last-child {
	border-bottom: none
}

.wq .wq_prematch_container .pre_match_ana .title p:first-child {
	font-weight: 700
}

.wq .wq_prematch_container .pre_match_ana .data p:first-child {
	white-space: pre-wrap;
	padding: 0 20px;
	text-align: center
}

.wq .player_statistic {
	padding: 0 20px 20px
}

.wq .player_statistic .plyr_stc {
	border: 1px solid #eee;
	margin-top: 20px
}

.wq .player_statistic .plyr_stc .data,
.wq .player_statistic .plyr_stc .title {
	display: grid;
	grid-template-columns: calc(100% - 650px) repeat(7, 93px)
}

.wq .player_statistic .plyr_stc .title {
	background-color: #fafafa
}

.wq .player_statistic .plyr_stc .data {
	padding: 12px;
	border-bottom: 1px solid #eee
}

.wq .player_statistic .plyr_stc .data:last-child {
	border-bottom: none
}

.wq .player_statistic .plyr_stc .data p,
.wq .player_statistic .plyr_stc .title p {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px
}

.wq .player_statistic .plyr_stc .title p:first-child {
	font-weight: 700
}

.wq .player_statistic .plyr_stc .title p {
	padding: 12px;
	text-align: center;
	white-space: wrap;
	font-weight: 700;
	color: #999
}

.wq .technical_statistics {
	padding: 0 20px 20px
}

.wq .technical_statistics .tech_stats {
	margin-top: 20px;
	border: 1px solid #eee
}

.wq .technical_statistics .tech_stats .title {
	background-color: #fafafa;
	height: 35px
}

.wq .technical_statistics .tech_stats .data {
	height: 70px
}

.wq .technical_statistics .tech_stats .data,
.wq .technical_statistics .tech_stats .title {
	display: grid;
	grid-template-columns: calc(100% - 640px) repeat(8, 80px)
}

.wq .technical_statistics .tech_stats .data p,
.wq .technical_statistics .tech_stats .title p {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px
}

.wq .technical_statistics .tech_stats .title p {
	font-weight: 700;
	color: #999
}

.wq .technical_statistics .tech_stats .title p:first-child {
	font-weight: 700
}

.wq .technical_statistics .tech_stats .data p:first-child {
	padding: 0 20px;
	white-space: pre-wrap;
	text-align: center
}

.dh-header {
	background: url(../images/search_lightblueBG.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.dh-search-shadow {
	box-shadow: 0 1px 4px 0 rgba(238, 102, 44, .39)
}

.daohang-swiper {
	position: relative
}

.daohang-swiper .match-swiper.swiper {
	padding: 0 100px
}

.daohang-swiper .match-swiper .swiper-slide {
	width: -moz-max-content !important;
	width: max-content !important
}

.daohang-swiper .slide_next,
.daohang-swiper .slide_prev {
	width: 44px;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 99;
	display: flex;
	align-items: center
}

.daohang-swiper .slide_next {
	right: 0;
	background: linear-gradient(270deg, #ffa179 -9.74%, #ffcc95 29.27%, hsla(28, 95%, 86%, .78) 62.58%, rgba(255, 230, 219, .54) 85.28%, rgba(255, 230, 219, 0))
}

.daohang-swiper .slide_prev {
	left: 0;
	background: linear-gradient(90deg, #ffa179 -9.74%, #ffcc95 29.27%, hsla(28, 95%, 86%, .78) 62.58%, rgba(255, 230, 219, .54) 85.28%, rgba(255, 230, 219, 0))
}

.daohang-swiper .slide_next s,
.daohang-swiper .slide_prev s {
	display: inline-block;
	margin: 0 auto;
	width: 11px;
	height: 11px;
	border-bottom: 2px solid var(--primary-color);
	border-right: 2px solid var(--primary-color)
}

.daohang-swiper .slide_next s {
	transform: rotate(-45deg);
	margin-left: 14px
}

.daohang-swiper .slide_prev s {
	transform: rotate(135deg);
	margin-left: 14px
}

.full_width {
	width: 100%;
	min-height: 725px;
	background: #fff;
	padding: 20px 30px;
	margin-top: 20px
}

.cctv_list_outer {
	min-height: 40px;
	position: relative;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px
}

.saishi {
	display: flex;
	align-items: center;
	padding: 0 33px;
	font-size: 18px;
	font-weight: 700;
	color: #333
}

.popular_img {
	left: 5px
}

.popular_img,
.popular_text {
	z-index: 1;
	position: absolute
}

.popular_text {
	top: 4px;
	left: 12px;
	color: #fff;
	font-size: 6px;
	line-height: 37px;
	text-align: center
}

.saishi_title {
	padding: 10px 5px
}

.sub_saishiTitle {
	margin-left: -30px;
	display: flex;
	align-items: center
}

.cctv_grid {
	margin: 20px 10px;
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-gap: 30px 60px;
	justify-items: center;
	align-items: center;
	font-size: 14px
}

.hot_img {
	margin-bottom: 10px;
	-o-object-fit: contain;
	object-fit: contain;
	text-align: center
}

.hot_text {
	font-size: 14px;
	text-align: center;
	word-break: break-word;
	color: #333
}

.all_channels {
	max-width: 1200px;
	background: #fff;
	border-top: 3px solid var(--primary-color);
	box-sizing: border-box;
	margin: 0 auto 20px;
	padding: 17px 5px 20px
}

.all_channels_title {
	margin: 0 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee
}

.all_channels_title h3 {
	height: 24px;
	line-height: 24px;
	padding-left: 11px;
	position: relative;
	font-size: 14px;
	font-weight: 700;
	color: #333
}

.all_channels_title h3:before {
	display: block;
	content: "";
	width: 6px;
	height: 16px;
	position: absolute;
	background: var(--primary-color);
	border-radius: 5px;
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}

.all_channels_ul {
	display: flex;
	flex-wrap: wrap
}

.all_channels_item {
	width: 140px;
	height: 44px;
	line-height: 44px;
	background: #f8f8f8;
	border: 1px solid #f8f8f8;
	text-align: center;
	margin-top: 20px;
	margin-right: 15px;
	margin-left: 15px;
	color: #333;
	cursor: pointer
}

.all_channels_item a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box;
	cursor: pointer
}

.all_channels_item:hover,
.all_channels_item:hover a {
	border: 1px solid var(--primary-color);
	background: #fff8f4;
	color: var(--primary-color);
	cursor: pointer
}

.rtitle {
	height: 44px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.rtitle p {
	font-size: 18px;
	font-weight: 700;
	color: #333
}

.solidBox {
	display: flex;
	justify-content: center;
	align-items: center
}

.solidBox:before {
	content: "";
	display: block;
	width: 6px;
	height: 16px;
	background: var(--primary-color);
	margin: 0 5px 0 0;
	border-radius: 5px
}

.live_broadcast {
	border-top: 3px solid var(--primary-color);
	background-color: #fff;
	padding: 28px 20px 20px;
	box-sizing: border-box
}

.live_broadcast h1 {
	text-align: left;
	font-size: 24px;
	line-height: 31px;
	height: 31px;
	margin-bottom: 22px;
	font-weight: 700
}

.live_broadcast h1 span {
	color: #999;
	font-size: 16px;
	margin-left: 20px
}

.live_broadcast_link {
	width: 100%;
	height: 468px;
	position: relative
}

.live_broadcast_link a {
	font-size: 0;
	display: inline-block;
	width: 100%;
	height: 100%
}

.live_broadcast_link img {
	width: 100%
}

.channel-info {
	background-color: #fff;
	margin-top: 20px
}

.channel-info-con {
	display: flex;
	padding-top: 20px;
	border-top: 1px solid #eaeaea
}

.channel_left_box {
	width: 68px;
	height: 68px;
	overflow: hidden;
	position: relative;
	margin-right: 20px
}

.channel_left_box img {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.channel-info-text {
	width: 692px;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #333
}

.about_channel {
	margin-top: 20px;
	border-top: 3px solid var(--primary-color);
	background: #fff;
	box-sizing: border-box;
	padding: 13px 0 8px 20px
}

.about_channel_title {
	font-size: 18px;
	color: var(--primary-color);
	padding-left: 11px;
	margin-bottom: 20px;
	position: relative
}

.about_channel_title>h4 {
	color: var(--primary-color);
	font-weight: 700
}

.about_channel_title:after {
	position: absolute;
	display: block;
	content: "";
	width: 6px;
	height: 16px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: var(--primary-color)
}

.about_channel_box {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 12px
}

.about_channel .about_channel_list {
	width: 140px;
	height: 40px;
	border: none;
	margin-right: 20px;
	margin-bottom: 12px
}

.about_channel .about_channel_list a {
	display: block;
	width: 138px;
	height: 38px;
	line-height: 38px;
	background: #f8f8f8;
	border: 1px solid #eee;
	font-size: 14px;
	text-align: center;
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0 5px
}

.about_channel .about_channel_list a:hover {
	color: var(--primary-color);
	background: #e6efff;
	border: 1px solid var(--primary-color)
}

.hot_channel {
	border: none !important;
	border-top: 3px solid var(--primary-color) !important;
	background-color: #fff;
	padding: 13px 0 0;
	width: 360px;
	box-sizing: border-box
}

.hot_channel_title {
	display: flex;
	justify-content: space-between;
	color: var(--primary-color);
	margin-bottom: 10px;
	position: relative;
	padding: 0 20px
}

.hot_channel_title:after {
	display: block;
	position: absolute;
	content: "";
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 16px;
	background: var(--primary-color)
}

.hot_channel_title h4 {
	font-size: 18px;
	font-weight: 600;
	height: 24px;
	line-height: 24px;
	padding-left: 11px
}

.hot_channel_title a {
	color: var(--primary-color);
	font-size: 14px
}

.hot_channel_box {
	display: flex;
	flex-wrap: wrap;
	padding: 0 15px
}

.hot_channel_box a {
	color: #000;
	text-decoration: none;
	margin: 0 5px
}

.hot_channel_box a:hover,
.hot_channel_box a:hover p {
	color: var(--primary-color)
}

.hot_channel_box a:hover .hot_channel_list_img {
	border-bottom: 2px solid var(--primary-color)
}

.hot_channel_list {
	width: 72px;
	margin-bottom: 20px
}

.hot_channel_list_img {
	width: 72px;
	height: 70px;
	border-bottom: 2px solid transparent;
	overflow: hidden;
	position: relative;
	background: #f8f8f8
}

.hot_channel_list_img img {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.hot_channel_box p {
	color: #000;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	margin-top: 6px;
	height: 19px;
	line-height: 19px
}

.saicheng_nav {
	background: #fff;
	border-top: 3px solid var(--primary-color);
	display: flex;
	position: relative;
	margin-top: 26px;
	display: grid;
	grid-template-columns: 120px 120px 1fr 240px;
	justify-items: center;
	align-items: center;
	min-height: 80px
}

.saicheng_nav .title {
	font-size: 18px;
	font-weight: 700;
	line-height: 21px;
	color: #000
}

.rotation {
	background: var(--primary-color);
	border-radius: 4px;
	font-size: 14px;
	font-weight: 700;
	line-height: 26px;
	color: #fff;
	margin-left: 35px;
	width: 60px;
	position: relative;
	padding: 0 12px;
	height: 28px;
	align-self: center;
	text-align: center
}

.rotation:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent var(--primary-color);
	position: absolute;
	right: -5px;
	top: 10px
}

.round {
	flex-wrap: wrap
}

.round,
.round_num {
	display: flex;
	align-items: center
}

.round_num {
	width: 24px;
	height: 24px;
	justify-content: center;
	color: #333;
	font-size: 12px;
	margin: 5px 6px
}

.round .active,
.round_num:hover {
	color: #fff;
	font-weight: 700;
	background: var(--primary-color);
	border-radius: 4px;
	cursor: pointer
}

.default_date {
	width: 140px;
	height: 36px;
	background: var(--primary-color);
	border-radius: 18px;
	text-align: center;
	color: #fff;
	line-height: 36px;
	font-size: 14px;
	z-index: 1;
	align-self: center
}

.season_list {
	margin-top: 10px;
	background: #f5f5f5;
	border-radius: 14px;
	color: #333;
	position: absolute;
	right: 60px;
	display: none;
	z-index: 99
}

.season_list.active {
	display: block
}

.season_option {
	text-indent: 0;
	font-size: 14px;
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #ccc;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer
}

.season_option:last-child {
	border-bottom: none
}

.time_show {
	text-align: left
}

.time_show,
.time_show a {
	font-weight: 700;
	font-size: 16px;
	color: var(--primary-color);
	display: flex;
	align-items: center
}

.time_show a {
	justify-content: center;
	-moz-column-gap: 8px;
	column-gap: 8px
}

.match_box {
	width: 100%;
	margin-top: 10px
}

.schedule_title {
	display: flex;
	align-items: center
}

.schedule_title span {
	padding-left: 10px;
	font: 700 14px microsoft yahei;
	color: #666;
	height: 30px;
	display: block;
	line-height: 30px;
	width: 200px
}

.grid_match {
	display: grid;
	grid-template-columns: 14% 14% 3% 15% 12% 15% 3% 24%;
	align-items: center;
	height: 60px;
	font: 14px/64px microsoft yahei;
	color: #000;
	border-bottom: 1px solid #e5e5e5
}

.grid_match:hover {
	background-color: var(--sub-theme-color)
}

.match_status {
	color: #666
}

.date_box {
	padding: 20px;
	margin-bottom: 20px;
	background: #fff;
	border-top: 3px solid var(--primary-color)
}

.text_image {
	display: flex;
	align-items: center;
	justify-content: flex-start
}

.lanqiu_match .score {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 5px;
	text-align: center
}

.last_schedule {
	display: flex;
	justify-content: flex-end
}

.schedule_button {
	height: 34px;
	width: 133px;
	background-color: var(--primary-color);
	padding: 7px 12px;
	display: flex;
	align-items: center;
	-moz-column-gap: 5px;
	column-gap: 5px
}

.schedule_button.prelive {
	background-color: #999
}

.schedule_button img {
	max-height: 16px
}

.schedule_button {
	font-size: 14px;
	color: #fff;
	text-decoration: none
}

.saicheng_cup_nav {
	background: #fff;
	border-top: 3px solid var(--primary-color);
	display: flex;
	position: relative;
	margin-top: 26px;
	align-items: center;
	height: 80px;
	padding-left: 20px
}

.saicheng_cup_nav .title {
	font-size: 18px;
	font-weight: 700;
	line-height: 21px;
	color: #000
}

.round_nav {
	min-height: 42px;
	display: flex;
	flex-wrap: wrap;
	padding: 20px;
	width: 80%
}

.round_option {
	width: 94px;
	height: 32px;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
	padding: 10px 0;
	background: #fff;
	cursor: pointer;
	border-radius: 4px;
	margin-left: 10px
}

.round_nav .active {
	background: var(--primary-color);
	color: #fff
}

.saicheng_lanqiu_nav {
	height: 87px
}

.saicheng_lanqiu_content,
.saicheng_lanqiu_nav {
	max-width: 1200px;
	background: #fff;
	border-top: 3px solid var(--primary-color);
	align-items: center
}

.saicheng_lanqiu_content {
	width: 100%;
	margin-top: 10px;
	padding-left: 16px;
	padding-right: 16px
}

.lanqiu_title {
	background: #ddd;
	height: 36px;
	font-size: 18px;
	color: #f72921;
	padding: 9px 0 0 15px;
	margin-bottom: 20px
}

.lanqiu_match_title {
	height: 28px;
	background: #f3f3f3;
	display: grid;
	grid-template-columns: 12% 16% 22% 12% 22% 16%;
	align-items: center
}

.lanqiu_match_title div {
	text-align: center;
	font-size: 14px;
	color: #666;
	line-height: 28px
}

.lanqiu_match {
	display: grid;
	grid-template-columns: 12% 16% 22% 12% 22% 16%;
	height: 58px;
	font: 16px/58px microsoft yahei;
	color: #333;
	border: 1px solid #e5e5e5
}

.sjb_saicheng {
	padding: 1px 0;
	min-height: 770px;
	border-top: 3px solid var(--primary-color)
}

.content_match_tabs {
	margin: 1rem
}

.content_match_tabs>ul {
	width: 35%
}

.content_match_tabs>ul>li {
	display: table-cell;
	width: 1%
}

.content_match_tabs>ul>li:first-child a {
	border-radius: 5px 0 0 5px
}

.content_match_tabs>ul>li>a.active {
	background: var(--primary-color);
	color: #fff
}

.content_match_tabs>ul>li>a {
	display: block;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	cursor: pointer;
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
	padding: 10px 0
}

.content_match_tabs>ul>li:last-child a {
	border-radius: 0 5px 5px 0
}

.content_match_group .group_title {
	width: 700px;
	background: #f8f8f8;
	border: 1px solid #dfe5f1;
	border-radius: 0 22px 22px 0;
	padding: 10px 20px;
	margin-bottom: 10px
}

.content_match_group .group_title,
.content_match_group .group_title .country {
	display: flex;
	flex-direction: row;
	align-items: center
}

.content_match_group .group_title h1 {
	font-size: 16px;
	font-weight: 700;
	color: #000
}

.content_match_group .group_title .country {
	margin-left: 40px
}

.content_match_group .group_title .country img {
	width: 36px;
	height: 24px
}

.content_match_group .group_title .country span {
	font-size: 14px;
	margin-left: 8px;
	font-weight: 700;
	color: #000
}

.schedule_tables th {
	height: 32px;
	background: #f5f5f5;
	font-size: 14px;
	font-weight: 700;
	color: #999;
	margin-top: 10px
}

.schedule_tables tr td {
	padding: 20px 0 20px 15px
}

.schedule_tables th,
.schedule_tables tr td {
	text-align: left;
	padding-left: 15px
}

.schedule_tables tr td,
.schedule_tables tr td .against,
.schedule_tables tr td .correlation {
	font-size: 14px;
	font-weight: 400;
	color: #000
}

.schedule_tables tr td .against,
.schedule_tables tr td .correlation {
	display: flex;
	justify-content: center
}

.schedule_tables tr td .against a {
	color: #000;
	width: 114px;
	font-size: 14px
}

.schedule_tables tr td .against a,
.schedule_tables tr td .against strong {
	text-align: center
}

.schedule_tables tr td .against strong {
	font-weight: 700
}

.schedule_tables tr td .against a.winner {
	color: var(--primary-color);
	font-weight: 700;
	font-size: 14px
}

.schedule_tables tr td .correlation {
	justify-content: space-evenly;
	font-size: 14px
}

.correlation>a {
	color: #000
}

.wc_chart {
	height: 640px;
	position: relative;
	background: url(/images/wc-map.png) no-repeat;
	background-size: contain;
	margin: 40px 20px;
	width: 1160px
}

.wc_chart .icon {
	position: absolute;
	top: 40%;
	left: 45%
}

.wc_chart .match {
	width: 200px;
	position: absolute;
	display: flex;
	flex-direction: column;
	font-size: 15px;
	padding: 15px 10px
}

.wc_chart .match .date {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px
}

.wc_chart .third .date,
.wc_chart .top4m1 .date,
.wc_chart .top4m2 .date,
.wc_chart .winner .date {
	color: #fff
}

.wc_chart .match .teams {
	height: 50px;
	display: flex;
	justify-content: space-evenly;
	align-items: center
}

.wc_chart .match .teams .away,
.wc_chart .match .teams .home {
	flex: 1;
	display: flex;
	flex-direction: column
}

.wc_chart .match .teams .away {
	align-items: end
}

.wc_chart .match .teams .away span,
.wc_chart .match .teams .home span {
	margin-bottom: 6px
}

.wc_chart .match .score {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 2px
}

.wc_chart .top16m1,
.wc_chart .top16m5 {
	top: 0
}

.wc_chart .top16m2,
.wc_chart .top16m6 {
	top: 187px
}

.wc_chart .top16m3,
.wc_chart .top16m7 {
	top: 345px
}

.wc_chart .top16m4,
.wc_chart .top16m8 {
	top: 530px
}

.wc_chart .top16m5,
.wc_chart .top16m6,
.wc_chart .top16m7,
.wc_chart .top16m8 {
	right: 13px
}

.wc_chart .top8m1,
.wc_chart .top8m3 {
	top: 92px
}

.wc_chart .top8m2,
.wc_chart .top8m4 {
	top: 440px
}

.wc_chart .top8m1,
.wc_chart .top8m2 {
	left: 220px
}

.wc_chart .top8m3,
.wc_chart .top8m4 {
	right: 232px
}

.wc_chart .top4m1,
.wc_chart .top4m2 {
	top: 265px
}

.wc_chart .top4m1 {
	left: 280px
}

.wc_chart .top4m2 {
	right: 293px
}

.wc_chart .winner {
	top: 58px
}

.wc_chart .third {
	bottom: 58px
}

.wc_chart .third,
.wc_chart .winner {
	left: 473px
}

.time_container {
	background: #fff;
	padding: .25rem 0;
	max-width: 1200px;
	margin: 1rem auto
}

.time_container>.time_update {
	margin: 0 .8rem;
	padding: 0;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	color: #333
}

.table_border td {
	border-bottom: 1px solid #d8d6e4
}

.schedule-list {
	background: #fff;
	box-sizing: border-box;
	margin-top: 20px
}

.content_match_assist .data-tabs,
.content_match_rank .data-tabs,
.content_match_shooter .data-tabs {
	min-height: 80px;
	background-color: #fff;
	font-size: 18px;
	font-weight: 700;
	padding-left: 20px;
	display: flex;
	flex-direction: row;
	align-items: center
}

.data-tabs .data-title {
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 700;
	color: #000;
	margin-right: 10px
}

.data-tabs .tab-item.active {
	background: var(--primary-color);
	color: #fff
}

.data-tabs .tab-item {
	padding: 10px 40px;
	background: #fff;
	font-size: 16px;
	font-weight: 400;
	border: 1px solid var(--primary-color);
	border-radius: 4px;
	color: var(--primary-color);
	cursor: pointer
}

.sport_rank .tocr_block_table table {
	width: 100%
}

.sport_rank .tocr_block_table tr:first-child {
	height: 28px;
	width: 100%;
	background: #f8f8f8;
	font-size: 14px;
	font-weight: 700;
	color: #666
}

.sport_rank .tocr_block_table tr.group th {
	font-weight: 700;
	font-size: 14px
}

.sport_rank .tocr_block_table tr:not(:first-child) td:first-child {
	display: flex;
	align-items: center
}

.sport_rank .tocr_block_table tr:not(:first-child) td {
	padding-top: 10.5px;
	padding-bottom: 10.5px
}

.tocr_block_table tr:not(:first-child) td {
	color: #333;
	font-size: 16px
}

.sport_rank .tocr_block_table tr td:first-child {
	text-align: left;
	padding-left: 15px
}

.sport_rank .tocr_block_table tr td:nth-child(n+2) {
	width: 80px;
	text-align: center
}

.sport_rank .tocr_block_table tr td .logo_name {
	display: flex;
	align-items: flex-end;
	gap: 10px
}

.sport_rank .tocr_block_table tr td .logo_name span {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 21px;
	color: #000
}

.sport_rank .tocr_block_table tr:not(:first-child) td:first-child span:first-child {
	margin-right: 8px;
	width: 24px;
	height: 24px;
	background: #ccc;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	font-weight: 700
}

.sport_rank .tocr_block_table tr td#rank-1 span:first-child {
	background: #ff3131
}

.sport_rank .tocr_block_table tr td#rank-2 span:first-child {
	background: #ff8331
}

.sport_rank .tocr_block_table tr td#rank-3 span:first-child {
	background: #fcce35
}

.knock_table {
	display: none
}

.knock_active {
	display: block
}

.partition {
	margin-top: 20px;
	display: grid;
	grid-template-columns: 920px calc(100% - 920px);
	gap: 16px
}

.title1 {
	position: relative;
	font-weight: 700;
	padding: 21px 24px 12.5px;
	font-size: 18px;
	cursor: pointer
}

.title1>p {
	position: absolute;
	top: 7px;
	right: 20px;
	color: var(--primary-color)
}

.topImg {
	font-size: 14px;
	font-weight: 700;
	color: #5a5a5a;
	display: flex;
	align-items: center
}

.topImg img {
	width: 22px;
	height: 22px;
	margin-right: 10px
}

ul.leftCard3b80 li {
	padding: 0 10px
}

.leftCard3b80 * {
	font-size: 14px;
}

.leftCard3b80 .tWarp3b80 {
	height: 62px;
	display: flex;
	align-items: center;
	margin-right: 24px;
	line-height: 20px;
	border-bottom: 1px solid #ececec;
	box-sizing: border-box;
	width: 100%;
	clear: both;
	overflow: hidden
}

.leftCard3b80 li:last-child .tWarp3b80 {
	border-bottom: none
}

.leftCard3b80 .tCell3b80 {
	box-sizing: border-box;
	margin-left: auto
}

.leftCard3b80 .tCell3b80 a,
.leftCard3b80 .tCell3b80 div {
	font-size: 14px
}

.hot-status-3b80 {
	text-align: center;
	box-sizing: border-box;
	width: 55px;
	height: 25px;
	line-height: 25px;
	border: 1px solid #797979;
	font-size: 12px
}

.hot-status-3b80.blue_left {
	border: 1px solid var(--primary-color);
	color: var(--primary-color)
}

.hotLeft3b80 {
	width: 150px;
	text-align: right;
	justify-content: flex-start;
	grid-gap: 6px
}

.hotRight3b80 {
	width: 150px;
	justify-content: flex-end;
	flex-direction: row-reverse;
	grid-gap: 6px
}

.hotLeft3b80 span {
	text-align: left
}

.hotLeft3b80 span,
.hotRight3b80 span {
	display: inline-block;
	height: 20px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden
}

.hotRight3b80 span {
	width: 120px
}

.hot-bold-3b80 {
	text-align: center;
	font-weight: 700
}

.hotHref3b80 {
	width: 140px;
	height: 32px;
	text-align: right;
	background-color: var(--primary-color);
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	padding-right: 10px;
	border-radius: 5px
}

.leftCard3b80 li:hover {
	background-color: var(--sub-theme-color)
}

.dataBox,
.white {
	background-color: #fff
}

.dataBox {
	margin-top: 20px
}

.tWarp3b80>.tCell3b80 {
	display: table-cell;
	vertical-align: middle
}

.leftCard3b80 .timeLi {
	width: 23px;
	height: 23px
}

.leftCard3b80 .timeLi.small {
	max-width: 14.5px;
	max-height: 14.5px
}

.playLi {
	width: 16px;
	height: 16px
}

.hotHref3b80 a {
	color: #fff
}

.contentLi {
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: 15% 20% 65%;
	width: 63.5%
}

.small {
	width: 52.5%
}

.otherLinks {
	-moz-column-gap: 18px;
	column-gap: 18px
}

.otherLinks,
.otherLinks a {
	display: flex;
	align-items: center
}

.otherLinks a {
	border-radius: 2px;
	font-size: 14px;
	height: 31px;
	justify-content: center;
	padding: 0 12px
}

.otherLinks a:not(:first-child) {
	color: #999;
	border: 1px solid #999
}

.otherLinks a:first-child {
	background-color: var(--primary-color);
	color: #fff
}

.contentLi .tCell3b80 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 16px
}

.contentLi .tCell3b80.compName,
.contentLi .tCell3b80.time {
	width: auto;
	margin-left: unset
}

.contentLi .tCell3b80.compName span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 110px;
	display: block;
	text-align: start
}

.contentLi .tCell3b80.compName.esports {
	width: 100px;
	padding-right: 30px
}

.contentLi .tCell3b80.home {
	width: 150px;
	padding-right: 10px
}

.contentLi .tCell3b80.away {
	width: 150px;
	padding-left: 10px
}

.contentLi a .text-center>span.match {
	color: #000;
	font-weight: 700
}

.contentLi a .text-center>span.match:nth-of-type(2) {
	font-weight: 400
}

.contentLi a .text-center:nth-of-type(2) {
	margin: 0 5px 3px
}

.contentLi a:hover {
	color: var(--primary-color)
}

.dateMatch.show {
	display: block
}

.dateMatch.collapsed {
	display: none
}

.right-tag-3b80 {
	padding: 10px 10px 0
}

.right-tag-3b80 li {
	overflow: visible;
	float: left;
	height: auto;
	line-height: 14px;
	padding-right: 10px;
	padding-bottom: 10px
}

.right-tag-3b80 li a {
	font-size: 14px
}

.right-tag-3b80 li a:hover {
	color: #dc2221
}

.right-tag-3b80 li a.active {
	color: #000
}

.col_r2 li.href-3b80 {
	height: auto;
	padding: 0
}

.leftTime3b80 {
	text-align: center;
	width: 57px
}

.r-href-3b80 {
	display: block
}

.r-href-3b80:hover {
	color: var(--primary-color);
	background-color: var(--sub-theme-color)
}

.float-2-3b80>* {
	overflow: hidden;
	text-align: center;
	float: left;
	width: 50%;
	line-height: 30px;
	font-size: 14px
}

.tCell3b80>.actionBtns {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.tCell3b80>.actionBtns>a {
	background: #fff;
	border: 1px solid #999;
	border-radius: .2rem;
	color: #999;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	padding: .2rem 1rem
}

.tCell3b80>.actionBtns>a.active,
.tCell3b80>.actionBtns>a:hover {
	background: var(--primary-color);
	border: 1px solid var(--primary-color);
	color: #fff
}

.longtext-ignore {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: flex;
	justify-content: center;
	align-items: center
}

.articles_text {
	font-size: 16px;
	color: #333
}

.articles_text .title {
	margin-top: 20px
}

.articles_text .title h1 {
	font-size: 28px;
	line-height: 35px;
	color: #000;
	text-align: left;
	font-weight: 400
}

.articles_text .title time {
	display: block;
	font-size: 16px;
	color: #999;
	text-align: right
}

.articles_text img {
	display: block;
	margin: 0 auto;
	max-width: 100% !important;
	height: auto !important
}

.articles_text p {
	color: #000
}

.articles_text p,
.articles_text p a {
	font-size: 18px;
	line-height: 24px;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 30px
}

.articles_text pre {
	font-size: 16px;
	color: #333;
	line-height: 32px;
	text-align: left;
	margin-top: 20px;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all
}

.articles_text strong {
	font-weight: 700
}

.last\:border-none:last-child {
	border-style: none
}

.hover\:border-\[\#E7662F\]:hover,
.hover\:border-pri-orange:hover {
	--tw-border-opacity: 1;
	border-color: rgb(231 102 47/var(--tw-border-opacity, 1))
}

.hover\:bg-\[\#E7662F\]:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(231 102 47/var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#FFD8C7\]:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(255 216 199/var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#FFF6E5\]:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(255 246 229/var(--tw-bg-opacity, 1))
}

.hover\:bg-pri-orange:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(231 102 47/var(--tw-bg-opacity, 1))
}

.hover\:font-bold:hover {
	font-weight: 700
}

.hover\:text-\[\#E7662F\]:hover,
.hover\:text-pri-orange:hover {
	--tw-text-opacity: 1;
	color: rgb(231 102 47/var(--tw-text-opacity, 1))
}

.hover\:text-white:hover {
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.focus\:outline-none:focus {
	outline: 2px solid transparent;
	outline-offset: 2px
}

.group:last-child .group-last\:border-none {
	border-style: none
}

.group:hover .group-hover\:block {
	display: block
}

.group:hover .group-hover\:border-\[\#E7662F\] {
	--tw-border-opacity: 1;
	border-color: rgb(231 102 47/var(--tw-border-opacity, 1))
}

.group:hover .group-hover\:bg-pri-orange {
	--tw-bg-opacity: 1;
	background-color: rgb(231 102 47/var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:stroke-pri-orange {
	stroke: #e7662f
}

.group:hover .group-hover\:font-bold {
	font-weight: 700
}

.group:hover .group-hover\:text-\[\#E7662F\],
.group:hover .group-hover\:text-pri-orange {
	--tw-text-opacity: 1;
	color: rgb(231 102 47/var(--tw-text-opacity, 1))
}

@media (min-width:1200px) {
	.min12\:ml-\[70px\] {
		margin-left: 70px
	}

	.min12\:flex {
		display: flex
	}

	.min12\:w-\[260px\] {
		width: 260px
	}

	.min12\:w-\[280px\] {
		width: 280px
	}

	.min12\:w-\[320px\] {
		width: 320px
	}

	.min12\:w-\[340px\] {
		width: 240px
	}

	.min12\:w-\[420px\] {
		width: 420px
	}

	.min12\:w-\[760px\] {
		width: 760px
	}

	.min12\:w-\[850px\] {
		width: 940px
	}

	.min12\:w-\[860px\] {
		width: 860px
	}

	.min12\:w-\[900px\] {
		width: 900px
	}

	.min12\:w-\[920px\] {
		width: 920px
	}

	.min12\:max-w-\[100px\] {
		max-width: 100px
	}

	.min12\:max-w-\[1200px\] {
		max-width: 1200px
	}

	.min12\:max-w-\[360px\] {
		max-width: 360px
	}

	.min12\:max-w-\[820px\] {
		max-width: 820px
	}

	.min12\:grid-cols-\[30px_630px_1fr\] {
		grid-template-columns: 30px 630px 1fr
	}

	.min12\:grid-cols-\[370px_1fr\] {
		grid-template-columns: 370px 1fr
	}

	.min12\:grid-cols-\[80px_120px_1fr\] {
		grid-template-columns: 80px 120px 1fr
	}

	.min12\:justify-end {
		justify-content: flex-end
	}

	.min12\:gap-\[60px\] {
		gap: 60px
	}

	.min12\:gap-x-\[10px\] {
		-moz-column-gap: 10px;
		column-gap: 10px
	}

	.min12\:gap-x-\[50px\] {
		-moz-column-gap: 50px;
		column-gap: 50px
	}

	.min12\:px-\[100px\] {
		padding-left: 100px;
		padding-right: 100px
	}

	.min12\:px-\[16px\] {
		padding-left: 16px;
		padding-right: 16px
	}
}

@media (max-width:1200px) {
	.max12\:mt-\[20px\] {
		margin-top: 20px
	}

	.max12\:w-full {
		width: 100%
	}

	.max12\:grid-cols-\[1fr_35px\] {
		grid-template-columns: 1fr 35px
	}

	.max12\:grid-cols-\[290px_1fr\] {
		grid-template-columns: 290px 1fr
	}

	.max12\:grid-cols-\[30px_2fr_1fr\] {
		grid-template-columns: 30px 2fr 1fr
	}

	.max12\:grid-cols-\[35px_1fr\] {
		grid-template-columns: 35px 1fr
	}

	.max12\:grid-cols-\[80px_80px_1fr\] {
		grid-template-columns: 80px 80px 1fr
	}

	.max12\:justify-between {
		justify-content: space-between
	}

	.max12\:justify-evenly {
		justify-content: space-evenly
	}

	.max12\:px-\[12px\] {
		padding-left: 12px;
		padding-right: 12px
	}

	.max12\:px-\[20px\] {
		padding-left: 20px;
		padding-right: 20px
	}

	.max12\:px-\[50px\] {
		padding-left: 50px;
		padding-right: 50px
	}

	.max12\:pl-\[40px\] {
		padding-left: 40px
	}
}

@font-face {
	font-family: iconfont;
	src: url(https://staticpc.byread.com/_next/static/media/iconfont.ee2a237b.woff2) format("woff2"), url(https://staticpc.byread.com/_next/static/media/iconfont.75016730.woff) format("woff"), url(https://staticpc.byread.com/_next/static/media/iconfont.1540ea41.ttf) format("truetype")
}

.iconfont {
	font-family: iconfont !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-a-gundongzu97:before {
	content: "\e60d"
}

.icon-a-gundongzu94:before {
	content: "\e60e"
}

.icon-a-gundongzu98:before {
	content: "\e60f"
}

.icon-a-gundongzu96:before {
	content: "\e610"
}

.icon-a-gundongzu95:before {
	content: "\e611"
}

.icon-quanbu:before {
	content: "\e608"
}

.icon-lanqiu:before {
	content: "\e609"
}

.icon-zuqiu:before {
	content: "\e60a"
}

.icon-zonghe:before {
	content: "\e60b"
}

.icon-remen:before {
	content: "\e60c"
}

.icon-head-02:before {
	content: "\e600"
}

.icon-head-05:before {
	content: "\e601"
}

.icon-head-03:before {
	content: "\e602"
}

.icon-head-06:before {
	content: "\e603"
}

.icon-head-04:before {
	content: "\e604"
}

.icon-head-08:before {
	content: "\e605"
}

.icon-head-07:before {
	content: "\e606"
}

.icon-head-01-01:before {
	content: "\e607"
}

.lazy-load-image-background.opacity {
	opacity: 0
}

.lazy-load-image-background.opacity.lazy-load-image-loaded {
	opacity: 1;
	transition: opacity .3s
}



.pagination_container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.pagination_container .pagination {
	display: grid;
	grid-gap: 0 10px;
}

.pagination_container .pagination a,
.pagination_container .pagination p {
	border: 1px solid #ddd;
	text-decoration: none;
	color: #999;
	height: 36px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
}

.pagination_container .pagination p.active {
	color: #fff;
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.pagination_container .pagination a:hover {
	color: white;
	background-color: var(--primary-color);
}






.HotChannel_HotChannel__ipDZL {
	background-color: #fff;
	padding: 0 10px 20px;
	height: -moz-fit-content;
	height: fit-content
}

.HotChannel_data__rYMPp {
	padding: 0 10px;
	display: grid;
	width: 100%;
	grid-template-columns: repeat(4, calc(calc(100% - 33px)/4));
	gap: 20px 11px
}

.HotChannel_data__rYMPp a {
	display: flex;
	justify-content: center;
	align-items: center;
	row-gap: 7px;
	flex-direction: column
}

.HotChannel_more__dzYNu {
	font-size: 14px
}

.HotChannel_more__dzYNu,
.HotChannel_more__dzYNu:hover {
	color: var(--primary-color)
}

.HotChannel_data__rYMPp a img {
	border-bottom: 2px solid #fff
}

.HotChannel_data__rYMPp a p {
	font-size: 14px;
	color: #000;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center
}

.HotChannel_data__rYMPp a:hover p {
	color: var(--primary-color)
}

.HotChannel_data__rYMPp a:hover img {
	border-bottom: 2px solid var(--primary-color)
}

.swiper-slide {
	cursor: pointer
}

.contentmf a {
	cursor: pointer
}

.contentmf .today {
	color: #666;
}

.contentmf .today2 {
	color: #666;
}

.contentmf .active {
	--tw-bg-opacity: 1;
	background-color: rgb(231 102 47/var(--tw-bg-opacity, 1));
	color: #fff;
}


.contentmfr a {
	cursor: pointer
}

.contentmfr a:hover {
	color: #666666
}

.contentmfr .active {
	--tw-bg-opacity: 1;
	background-color: rgb(231 102 47/var(--tw-bg-opacity, 1));
	color: #fff;
}

.contentmfr a.active {
	color: #fff
}


.ttop20 {
	padding-bottom: 10px;
	display: block;
	clear: both;
	width: 100%;
}






.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}



/**手机端**/
@media (max-width: 586px) {

	html,
	body,
	.headerc,
	.header__content,
	.content_box,
	.main__container,
	.wrapper,
    .container,
	.mainscon,
	.stitem__title,
	.main-right,
	.spzxxc,
	.spzxxc-right,
	.footer,
	.footer__desc,
	.footer__bq {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box;
	}


	/* 去掉会产生额外水平空间的左右内边距 / 大间距 */
	.daohang-swiper .match-swiper,
	#top_fl_container,
	#top_fl_container .swiper-wrapper {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* 防止 max-content / 固定列宽 导致溢出：允许折行或收缩 */
	#top_fl_container .swiper-slide,
	.daohang-swiper .match-swiper .swiper-slide {
		min-width: 0 !important;
		width: auto !important;
	}

	.swiper-wrapper {
		margin-left: 50px !important;
	}

	.swiper-slide {
		margin-right: 20px !important;
	}

	/* 如果需要临时隐藏横向滚动（最好先修具体 root cause） */
	html,
	body {
		overflow-x: hidden;
	}

	/* 方案1: 保持左右布局，但缩小尺寸 */
	.toplo .logo {
		max-width: 120px;
		height: auto;
	}

	.toplo .slogan {
		max-width: 100px;
		height: auto;
		margin-top: 10px;
	}

	.header__content {
		width: 100%;
		height: auto;
		padding: 0;
	}

	.headers {
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		/* iOS平滑滚动 */
	}

	/* 隐藏滚动条但保持滚动功能 */
	.headers::-webkit-scrollbar {
		display: none;
	}

	.headers {
		-ms-overflow-style: none;
		/* IE和Edge */
		scrollbar-width: none;
		/* Firefox */
	}

	.headern {
		height: 56px;
		flex-wrap: nowrap;
		width: auto;
		min-width: 100%;
	}

	.headerni {
		flex: 0 0 auto;
		/* 不允许伸缩，自动宽度 */
		min-width: 80px;
		height: 56px;
		white-space: nowrap;
		border-right: 1px solid rgba(255, 255, 255, 0.1);
	}

	.headerni:last-child {
		border-right: none;
	}

	.headernl {
		width: auto;
		padding: 0 15px;
		font-size: 14px;
		height: 56px;
		line-height: 50px;
	}

	/* 首页高亮样式 */
	.headerni.navItem {
		background: #e7662f;
	}

	/* 下拉菜单适配 */
	.headernim {
		position: fixed;
		left: 0;
		right: 0;
		top: 56px;
		width: 100%;
		background: #e7662f;
		border-radius: 0;
		z-index: 9999;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	}

	.headernim a {
		height: 45px;
		line-height: 45px;
		width: 100%;
		font-size: 14px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		text-align: center;
		display: block;
	}

	.headernim a:last-child {
		border-bottom: none;
	}

	/* 下拉箭头位置调整 */
	.headernl--more:before {
		position: relative;
		top: auto;
		margin-left: 5px;
		display: inline-block;
		vertical-align: middle;
	}

	.pr-\[166px\] {
		padding-right: 16px !important;
	}

	.gap-x-\[min\(5\%\2c _48px\)\] {
		-moz-column-gap: min(2%, 16px) !important;
		column-gap: min(2%, 16px) !important;
	}

	.gridss #search {
		padding-left: 0 !important;
	}

	/* 针对热门赛事列表内的 grid 行（index.html 中 .d4ugat117 等）改为可换行的纵向布局 */
	.zhibolb .grid {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 8px;
		align-items: center;
		width: 100%;
	}


	.zhibolb .grid> :nth-child(1)，.zhibolb .grid> :nth-child(2) {
		flex: 0 0 auto;
		min-width: 0;
		/* 允许在 flex 中收缩 */
	}

	.zhibolb .grid> :nth-child(3)，.zhibolb .grid> :nth-child(4) {
		flex: 1 1 50%;
		min-width: 50%;
		box-sizing: border-box;
		overflow: hidden;
	}

	.gap-x-\[min\(5\%\2c _50px\)\],
	.gap-x-\[20px\] {
		display: flex;
		align-items: center;
		gap: 6px;
		min-width: 0;
	}

	.truncate {
		min-width: 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* 图片与图标自适应，避免撑开宽度 */
	.zhibolb img {
		max-width: 100%;
		height: auto;
		display: block;
	}

	/* 如果内部某些 margin 或 slide margin 导致横向滚动，优先清除（可按需保留） */
	.zhibolb .swiper-slide,
	.zhibolb [style*="margin-right"] {
		margin-right: 0 !important;
	}

    /*足球、篮球直播列表*/
    .grid-cols-\[80px_120px_1fr\]{
        grid-template-columns:50px 60px 1fr;
    }

    .grid-cols-\[1fr_120px_1fr\]{
        grid-template-columns:1fr 30px 1fr;
    }

    .leftCard3b80 li .truncate{
        width: 60px;
        overflow-x: auto !important;
    }


	/* 新闻列表：每行 2 个 */
	.syxwzx ul {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 10px !important;
		padding: 0;
		margin: 0;
		list-style: none;
		box-sizing: border-box;
	}

	.main__container {
		flex-direction: column;
	}

	.xw-zwsa__title2 {
		white-space: normal;
		word-wrap: break-word;
		word-break: break-word;
	}


}