﻿@charset "UTF-8";
@import "iconfont2.css";
@import "iconfont.css";
* {
	margin:0;
	padding:0;
	border:0
}
html body {
	overflow:visible
}
html frame, html iframe {
	overflow:auto
}
html frameset {
	overflow:hidden
}
::-moz-selection, ::selection {
background:#0f88ee;
color:#fff
}
body {
	background:#f7faff url(../images/body.jpg) no-repeat scroll center 175px/1920px auto;
	text-align:left;
	font-size:16px;
	font-family:PingFang SC, Microsoft YaHei, arial, Hiragino Sans GB, Hiragino Sans GB W3
}
blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
	margin:0;
	padding:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}
input {
	padding:1px;
	vertical-align:middle;
	line-height:normal
}
button, input, textarea {
	margin:0;
	outline:0;
	border:0;
	background:0 0;
	font-family:Microsoft Yahei;
	resize:none
}
fieldset, img {
	border:0
}
address, caption, cite, code, em, strong, th, var {
	font-weight:400;
	font-style:normal
}
li, ol, ul {
	list-style:none
}
caption, th {
	text-align:left
}
h1, h2, h3, h4, h5, h6 {
	font-weight:400;
	font-size:100%
}
a {
	color:#303047
}
a, a:active, a:hover {
	text-decoration:none
}
a:active, a:hover {
	border:none;
	color:#ed1606
}
b, strong {
	font-weight:700
}
.clear {
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
	zoom:1
}
.clear:after {
	content:"."
}
.clear:after, .clearfix:after {
	clear:both;
	display:block;
	visibility:hidden;
	height:0
}
.clearfix:after {
	content:" ";
	font-size:0
}
@keyframes load {
0% {
opacity:1
}
to {
	opacity:0
}
}
@-webkit-keyframes load {
0% {
opacity:1
}
to {
	opacity:0
}
}
.alert {
	position:fixed;
	top:35%;
	left:50%;
	z-index:99999;
	display:none;
	padding:15px 10px;
	width:300px;
	border-radius:5px;
	background:#000;
	color:#fff;
	text-align:center;
	font-family:Microsoft YaHei;
	opacity:.7;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%)
}
.wrapper {
	position:relative;
	display:block;
	margin:15px auto 0;
	width:1200px; background: #fff; overflow: hidden  ;padding: 5px;border-radius: 10px 10px 0px  0px;
}
.main-left {
	float:left;
	width:825px;
	min-height:300px
}
.main-right {
	float:right;
	width:360px
}
.main-right .index-top-right {
	margin-bottom:15px
}
.main-right .sidefixed {
	position:relative;
	float:right;
	width:360px
}
.toolbar {
	display:block;
	overflow:hidden;
	width:100%;
	height:36px;
	background:#e3e3e3;
	background:linear-gradient(to bottom, #f8f8f8, #e3e3e3);
	color:#666
}
.toolbar .iconfont {
	position:relative;
	top:1px;
	padding-right:1px;
	line-height:30px
}
.toolbar .toolbar-left {
    float: left;
    width: 100%;
    height: 30px;
    overflow: hidden;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    white-space: nowrap;
    position: relative;
}

.toolbar .toolbar-left span {
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%;
    animation: toolbar-scroll 30s linear infinite;
}
@keyframes toolbar-scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
.toolbar .toolbar-left:hover span {
    animation-play-state: paused;
}
.toolbar .toolbar-right {
	float:right;
	display:block;
	height:30px;
	color:#0f88ee;
	font-size:14px;
	line-height:30px
}
.toolbar .toolbar-right a {
	padding-right:10px;
	color:#fff
}
.toolbar .toolbar-right a:last-child {
	padding-right:0
}
.toolbar .toolbar-right a .iconfont {
	position:relative;
	top:1px;
	padding-right:1px;
	line-height:30px
}
.toolbar-box {
	margin:0 auto;
	width:1200px
}
.toolbar-box .toolbar-left, .toolbar-box .toolbar-right a {
	color:#666!important
}
.toolbar-box .toolbar-right a:hover {
	color:#0f88ee!important
}
.header {
	overflow:hidden;
	width:100%;
	background:#fff
}
.header .header-box {
	overflow:hidden;
	margin:0 auto;
	width:1200px
}
.header .logo {
	float:left;
	display:block;
	overflow:hidden;
	padding:25px 0
}
.header .logo .logo-img {
	width:auto;
	height:58px;
	vertical-align:middle
}
.header .logo .logo-title {
	margin-left:10px;
	width:auto;
	height:42px;
	vertical-align:middle
}
.header .search {
	position:relative;
	float:right;
	margin-top:26px;
	margin-left:15px;
	height:38px;
	border:2px solid #0f88ee;
	border-radius:50px
}
.header .search input {
	float:left;
	padding:6px 18px;
	width:240px;
	height:26px;
	font-size:15px;
	line-height:26px
}
.header .search button { cursor:pointer;
	float:left;
	margin:3px 3px 0 0;
	width:77px;
	border-radius:50px;
	background:#0f88ee;
	background:linear-gradient(to bottom, #3fadff, #0f88ee);
	color:#fff;
	font-size:15px;
	line-height:32px;
	opacity:.8;
	cursor:pointer;
-webkit-transition:.3s ease;
-moz-transition:.3s ease;
-o-transition:.3s ease;
transition:.3s ease;
-ms-transition:.3s ease
}
.header .search .iconfont {
	margin-right:4px;
	font-size:18px
}
.header .search button:hover {
	opacity:1
}





.nav {
	position:relative;
	width:100%;
	height:50px;
	background:#0f88ee;
	background:linear-gradient(to bottom, #00abff, #0f88ee)
}
.nav-box {
	margin:auto;
	width:1200px;
}
.nav-box > li {
	position:relative;
	float:left;
	margin-right:10px;
	width:80px;
	text-align:center;
	font-size:18px;
	line-height:50px;
	cursor:pointer;
	transition:.1s all linear
}
.nav-box li:last-child {
	margin-right:0
}
.nav-box li a {
	display:block;
	color:#fff;
	text-decoration: none;
}
/* 一级菜单底部下划线动画 */
.nav-box > li:before {
	position:absolute;
	bottom:0;
	left:100%;
	width:0;
	height:3px;
	background:#fff;
	content:"";
	transition:.12s all linear
}
.nav-box > li:hover:before {
	bottom:0;
	left:0;
	width:100%;
	transition-delay:.12s
}
.nav-box > li:hover~li:before {
	left:0
}
.nav-box > li:hover {
	background:#00abff;
	background:linear-gradient(to bottom, #0f88ee, #00abff);
	color:#fff;
}
.nav-box > li:active {
	background:rgba(0, 0, 0, .1);
	color:#fff
}

/* ==========新增二级下拉菜单样式========== */
.sub-nav {
	position:absolute;
	left:0;
	top:50px;
	width:140px;
	background:#fff;
	display:none;
	z-index:9999;box-shadow: 0 1px 10px #dbdbdb;
}
.sub-nav li {
	float:none !important;
	width:100% !important;
	margin-right:0 !important;
	text-align:left;
	line-height:42px;
	border-bottom: 1px solid  #eee;
}
/* 子菜单清除底部下划线伪元素 */
.sub-nav li:before{
	display:none !important;
}
.sub-nav li a{
	padding: 0 14px; color:#333
}
.sub-nav li:hover,.sub-nav li.hover{
	background:#0f88ee;
}
.sub-nav li:hover a,.sub-nav li.hover a{ color:#FFF
}





.index-top-box {
	float:left;
	margin-bottom:15px;
	width:100%
}
.index-top-left {
	position:relative;
	z-index:0;
	float:left;
	overflow:hidden;
	padding:15px;
	width:400px;
	border-top:2px solid #0f88ee;
	border-radius:10px;
	background:#fff;
	box-shadow:0 1px 10px #dbdbdb
}
.index-top-left li {
	position:relative;
	float:left;
	width:193px
}
.index-top-left li:nth-child(2) {
float:right
}
.index-top-left .index-top-img {
	float:left;
	display:block;
	overflow:hidden;
	width:100%;
	background:#fff
}
.index-top-left .index-top-img img {
	float:left;
	width:193px;
	height:127px;
	opacity:.7;
transition:all .3s linear
}
.index-top-left .index-top-img:hover img {
	opacity:1
}
.index-top-left .index-top-img span {
	position:absolute;
	bottom:0;
	left:0;
	float:left;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 4%;
	width:100%;
	height:30px;
	background:rgba(0, 0, 0, .54);
	color:#fff;
	text-align:center;
	font-weight:400;
	font-size:14px;
	line-height:30px
}
.index-top-swiper {
	float:left;
	margin-bottom:30px;
	width:400px; position: relative; 
}
.index-top-swiper .icon-tuijian1 {
	position:absolute;
	top:-1px;
	left:0px;
	z-index:2;
	display:block;
	color:#0f88ee;
	font-size:60px!important
}
.index-top-swiper .icon-tuijian1:before {
	position:relative;
	z-index:3
}
.index-top-swiper .icon-tuijian1:after {
	position:absolute;
	top:12px;
	left:-4px;
	z-index:1;
	display:block;
	width:50px;
	height:18px;
	background:#fff;
	content:"";
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg)
}
.swiper-container {
	position:absolute;
	top:0;
	left:0;
	width:400px;
	height:264px
}
.swiper-wrapper li img {
	display:block;
	width:100%;
	height:auto
}
.swiper-wrapper li span {
	position:absolute;
	bottom:0;
	left:0;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 3%;
	width:100%;
	height:38px;
	background:rgba(0, 0, 0, .54);
	color:#fff;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:400;
	font-size:16px;
	line-height:38px
}
.swiper-pagination {
	position:absolute;
	left:0;
	margin-top:2px;
	width:100%;
	text-align:center; bottom:-20px !important; 
}
.swiper-pagination-bullet {
	margin-left:5px!important;
	width:15px!important;
	height:6px!important;
	border:1px solid #fff;
	border-radius:4px!important;
	background-color:transparent;
	opacity:1
}
.swiper-pagination-bullet-active {
	background:#0f88ee!important
}
.index-top-middle {
	float:left;
	margin-left:15px;
	padding:15px;
	width:350px;
	border-top:2px solid #0f88ee;
	border-radius:10px;
	background:#fff;
	box-shadow:0 1px 10px #dbdbdb
}
.index-top-middle ul {
	float:left;
	width:100%
}
.index-top-middle ul li {
	float:left;
	overflow:hidden;
	width:100%;
	height:30px;
	line-height:30px
}
.index-top-middle ul li .type {
	float:left;
	margin-top:5px;
	margin-right:10px;
	padding:0 5px;
	height:20px;
	border:1px solid #0f88ee;
	border-radius:3px;
	color:#0f88ee;
	text-align:center;
	font-size:12px;
	line-height:20px
}
.index-top-middle ul li .type a {
	color:#0f88ee
}
.index-top-middle ul li .art {
	overflow:hidden;
	font-weight:400;
	font-size:15px;
	line-height:30px
}
.index-top-middle-hot {
	float:left;
	width:100%;
	text-align:center
}
.index-top-middle-hot h2 {
	overflow:hidden;
	height:30px;
	color:#0f88ee;
	font-weight:700;
	font-size:18px;
	line-height:30px
}
.index-top-middle-hot p {
	float:left;
	display:-webkit-box;
	overflow:hidden;
	margin:5px 0 8px;
	height:48px;
	color:#868686;
	text-align:left;
	text-overflow:ellipsis;
	font-size:14px;
	line-height:24px;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.index-top-right {
	float:right;
	padding:15px;
	width:330px;
	border-top:2px solid #0f88ee;
	border-radius:10px;
	background:#fff;
	box-shadow:0 1px 10px #dbdbdb
}
.index-top-right .title_span {
	padding-bottom:5px;
	height:32px;
	font-weight:700;
	font-size:18px;
	line-height:32px
}
.index-top-right .title_span i {
	box-sizing:border-box;
	margin-right:8px;
	color:#0f88ee;
	vertical-align:middle;
	font-weight:400;
	font-size:22px;
	line-height:30px
}
.index-top-right ul {
	float:left;
	width:330px
}
.index-top-right ul li {
	float:left;
	overflow:hidden;
	width:100%;
	height:32px;
	font-size:16px;
	line-height:32px
}
.index-top-right ul li a {
	color:#666;
	font-size:15px;
	line-height:32px
}
.index-top-right ul li a:hover {
	color:#0f88ee
}
.index-top-right ul li em {
	position:relative;
	top:50%;
	float:left;
	margin-right:10px;
	width:18px;
	height:18px;
	border-radius:7px;
	background-color:#ccc;
	color:#fff;
	text-align:center;
	font-style:inherit;
	font-size:12px;
	line-height:18px;
	transform:translateY(-50%)
}
.index-top-right ul li:first-child em {
	background:#ff6b6d
}
.index-top-right ul li:nth-child(2) em {
background:#ff9e3a
}
.index-top-right ul li:nth-child(3) em {
background:#26ced5
}
.list-box {
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-right:15px;
	margin-bottom:15px;
	padding:15px;
	width:390px;
	min-height:470px;
	border-top:2px solid #0f88ee;
	border-radius:10px;
	background:#fff;
	box-shadow:0 1px 10px #dbdbdb
}
.list-box.fright{
margin-right:0
}





.list-box2 {
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-right:15px;
	margin-bottom:15px;
	padding:15px;
	width:592px;
	min-height:470px;
	border-top:2px solid #0f88ee;
	border-radius:10px;
	background:#fff;
	box-shadow:0 1px 10px #dbdbdb
}
.list-box2.fright{
margin-right:0
}





.list-box-title {
	padding-bottom:10px;
	width:100%;
	height:30px;
	color:#0f88ee;
	font-weight:700;
	font-size:20px;
	line-height:30px
}
.list-box-title a:hover {
	color:#0f88ee
}
.list-box-title i {
	box-sizing:border-box;
	margin-right:8px;
	color:#0f88ee;
	vertical-align:middle;
	font-weight:400;
	font-size:26px;
	line-height:30px
}
.list-box .list-box-img {
	float:left;
	overflow:hidden;
	width:100%
}
.list-box .list-box-img img {
	margin:0 auto;
	height:140px;
	max-width:360px;
	vertical-align:middle;
	opacity:1;
transition:all .3s linear
}
.list-box .list-box-img:hover img {
		opacity:.7;

}
.list-box .list-box-img b {display:block; height:30px; line-height:30px;    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;}


.list-box ul {
	float:left;
	margin-top:10px;
	width:100%
}
.list-box ul li {
	float:left;
	width:100%;
	height:32px;
	font-size:15px;
	line-height:32px
}
.list-box ul li:before {
	position:relative;
	top:50%;
	float:left;
	margin-right:8px;
	width:5px;
	height:5px;
	border-radius:100%;
	background-color:#cecece;
	content:"";
	transform:translateY(-50%)
}
.list-box ul li:hover:before {
	background-color:#0f88ee
}
.list-box ul li a {
	float:left;
	display:block;
	overflow:hidden;
	width:276px;
	height:32px
}
.list-box ul li span {
	float:right;
	color:#999;
	font-size:12px
}
.crumbs {
	overflow:hidden;
	padding:0 0 10px;
	height:30px;
	border-bottom:1px solid #eee;
	color:#686868;
	font-weight:400;
	font-size:14px;
	line-height:30px
}
.crumbs .icon-home, .crumbs .icon-location {
	position:relative;
	top:1px;
	margin-right:6px;
	color:#686868;
	font-size:18px
}
.crumbs a {
	color:#686868;
	font-size:14px
}
.crumbs a:hover {
	color:#0f88ee
}
.crumbs span {
	float:right;
	font-style:normal;
	font-size:12px
}
.list-news {
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:10px;
	padding:15px 20px;
	width:100%;
	border-top:2px solid #0f88ee;
	border-radius:10px;
	background:#fff;
	box-shadow:0 1px 10px #dbdbdb
}
.list-news .list-box-title {
	margin-bottom:5px
}
.list-news-ul {
	margin-top:15px;
	width:100%
}

.list-news-ul li{
 background: #fff;
    align-items: center;
    display: flex; border-bottom:#eee 1px solid; padding-bottom:10px; margin-bottom:10px;
}

.list-news-ul li .pic{
    width: 178px;
    height: 110px;
    overflow: hidden;
    position: relative;
}
.list-news-ul li .pic img {
    width: 100%;
    height: 100%;
}


.list-news-ul li .tt{
    margin: 0 15px;
    flex: 1;
    overflow: hidden;
    position: relative;
}
.list-news-ul li .tt h2{
    display: block;
    font-size: 16px;
    font-weight: bold;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    margin-bottom: 10px;
}
.list-news-ul li .tt p{
height: 40px;
    line-height: 20px;
    color: #909090;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    margin-bottom: 5px;
}
.list-news-ul li .tt span{

color: rgb(8, 79, 211)!important;
    font-size: 14px;
    line-height: 1.5;
}






.pagelist {
	padding:10px 0;
	overflow:hidden;
	margin-left:-3px;
	text-align:center
}
.pagelist .simsun {
	font-weight:bold;
	font-family:simsun
}
.pagelist a, .pager span {
	display:inline-block;
	padding:7px 16px;
	margin:0 3px;
	color:#333;
	border:1px solid #ddd; margin-bottom:5px;
}
.pagelist span {
	border:0
}
.pagelist .on, .pagelist a:hover {
	color:#fff;
	border-color:#0798f5;
	background:#0798f5
}










.article {
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:15px;
	padding:15px 20px;
	width:100%;
	border-top:2px solid #0f88ee;
	border-radius:10px;
	background:#fff;
	box-shadow:0 1px 10px #dbdbdb
}
.article .title {
	padding-top:20px;
	color:#333;
	text-align:center;
	font-weight:700;
	font-size:26px;
	line-height:36px
}
.article .info {
	overflow:hidden;
	padding:15px 0 10px;
	width:100%;
	border-bottom:1px dashed #ccc;
	color:#999;
	text-align:center;
	font-size:13px;
	line-height:24px
}
.article .info span {
	margin-right:10px
}
.article .info span i {
	box-sizing:border-box;
	padding-right:2px;
	vertical-align:-2px;
	font-size:20px;
	line-height:24px
}
.article .info a {
	color:#868686
}
.article .info code {
	font-family:Microsoft Yahei, Verdana, Arial, Helvetica, sans-serif
}
.article .info code b {
	padding:0 2px;
	color:#666;
	font-size:14px;
	font-family:Microsoft YaHei
}
.article .info code i {
	display:inline-block;
	margin-bottom:5px;
	margin-left:4px;
	width:4px;
	height:4px;
	border-radius:10px;
	background:#0f88ee;
	-webkit-animation:load 1.04s ease infinite
}
.article .info code i:first-child {
-webkit-animation-delay:.13s
}
.article .info code i:nth-child(2) {
-webkit-animation-delay:.26s
}
.article .info code i:nth-child(3) {
-webkit-animation-delay:.39s
}
.content {
	position:relative;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:15px 0;
	width:100%;
	text-align:justify;
	word-wrap:break-word;
	line-height:26px
}
.content p {
	padding-bottom:15px;
	text-indent:2em;
	line-height:26px
}
.content p:last-child {
	padding-bottom:0
}
.content h2 {
	padding-bottom:15px;
	color:#c00;
	text-indent:1.6em;
	font-weight:700;
	font-size:20px;
	line-height:26px
}
.content br {
	line-height:26px
}
.content img {
	height:auto;
	max-width:700px
}
.article-tag {
	overflow:hidden;
	margin:0 auto;
	padding:15px 0;
	width:100%;
	background:#fff;
	color:#666;
	font-size:16px
}
.article-tag span {
	color:#161616;
	font-weight:700
}
.article-tag span .iconfont {
	margin-right:2px;
	font-weight:400;
	font-size:18px
}
.article-tag a {
	margin-right:10px
}
.article-tag a:hover {
	color:#0f88ee;
	text-decoration:underline
}
.pages {
	display:table;
	margin:0 auto
}
.pages li {
	float:left;
	margin:15px 5px 0
}
.pages li:last-child {
	margin-bottom:0
}
.pages li a {
	float:left;
	display:block;
	width:32px;
	height:32px;
	border:1px solid #0f88ee;
	border-radius:3px;
	color:#0f88ee;
	text-align:center;
	font-size:18px;
	font-family:Microsoft YaHei;
	line-height:32px;
transition:all .3s linear
}
.pages li a:hover, .pages li.current, .pages li.current a {
	border:1px solid #0f88ee;
	background:#0f88ee;
	color:#fff
}
.pages li.current, .pages li.current a {
	width:32px;
	height:32px;
	border-radius:3px;
	text-align:center;
	font-size:18px;
	font-family:Microsoft YaHei;
	line-height:32px
}
.more-search {
	margin:20px 0;
	text-align:center
}
.more-search a {
	display:inline-block;
	padding:0 25px;
	height:38px;
	border-radius:20px;
	background:#eee;
	color:#333;
	font-size:14px;
	line-height:38px
}
.more-search a .iconfont {
	margin-right:4px
}
.more-search a:hover {
	background:#0f88ee;
	color:#fff
}
.prev-next {
	float:left;
	width:100%
}
.prev-next div {
	position:relative;
	width:44%;
	font-size:14px
}
.prev-next div, .prev-next div span {
	display:block;
	color:#999
}
.prev-next div a:after {
	position:absolute;
	top:34%;
	margin-top:-2px;
	height:22px;
	color:#ccc;
	font-size:36px;
	line-height:22px
}
.prev-next div a:hover, .prev-next div a:hover:after {
	color:#0f88ee
}
.prev {
	float:left;
	padding-left:40px
}
.next {
	float:right;
	padding-right:40px;
	text-align:right
}
.next, .prev {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal
}
.prev-next .prev a:after {
	left:0;
	content:"\e605"
}
.prev-next .next a:after {
	right:0;
	content:"\e606"
}
.related {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0 auto;
	padding:15px;
	width:100%;
	border-top:2px solid #0f88ee;
	border-radius:10px;
	background:#fff;
	box-shadow:0 1px 10px #dbdbdb
}
.related .related-title {
	padding-bottom:5px;
	width:100%;
	height:32px;
	font-weight:700;
	font-size:18px;
	line-height:32px
}

.related .related-title  em{ float:right; font-size:14px; color:#666}

.related .related-title i {
	box-sizing:border-box;
	margin-right:6px;
	color:#0f88ee;
	vertical-align:middle;
	font-weight:400;
	font-size:22px;
	line-height:30px
}
.related ul.ul {
	float:left;
	width:100%
}
.related ul.ul li {
	float:left;
	overflow:hidden;
	margin-right:1.25%;
	width:32.5%;
	height:30px;
	text-align:left;
	font-size:14px;
	line-height:30px
}
.related ul.ul li:nth-child(3n+0) {
margin-right:0
}
.related ul.ul li:before {
	position:relative;
	top:50%;
	float:left;
	margin-right:10px;
	width:5px;
	height:5px;
	border-radius:100%;
	background-color:#cecece;
	content:"";
	transform:translateY(-50%)
}
.related ul.ul li:hover:before {
	background-color:#0f88ee
}
.related ul.ul li a {
	overflow:hidden
}
.related ul.ul li a:hover {
	color:#0f88ee;
	text-decoration:underline
}
.update {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:15px;
	padding:15px;
	border-top:2px solid #0f88ee;
	border-radius:10px;
	background:#fff;
	box-shadow:0 1px 10px #dbdbdb
}
.update, .update ul {
	float:left;
	width:100%
}
.update ul {
	position:relative;
	padding-top:10px
}
.update ul li {
	position:relative;
	float:left;
	overflow:hidden;
	width:49%;
	height:34px;
	line-height:34px
}
.update ul li:nth-child(2n) {
float:right
}
.update ul li:before {
	position:relative;
	top:50%;
	float:left;
	margin-right:8px;
	width:5px;
	height:5px;
	border-radius:100%;
	background-color:#cecece;
	content:"";
	transform:translateY(-50%)
}
.update ul li:after {
	position:absolute;
	top:19px;
	left:30px;
	z-index:0;
	display:block;
	width:80%;
	height:1px;
	border-bottom:1px dashed #cecece;
	content:""
}
.update ul li:hover:before {
	background-color:#2888e8
}
.update ul li a {
	position:relative;
	z-index:1;
	display:inline-block;
	overflow:hidden;
	padding-right:8px;
	height:34px;
	max-width:85%;
	background:#fff;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:15px;
	line-height:34px
}
.update ul li span {
	position:absolute;
	right:0;
	bottom:0;
	z-index:1;
	float:right;
	padding-left:10px;
	background:#fff;
	color:#999;
	font-size:12px
}
.sitemap {
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:15px;
	width:100%;
	border-top:2px solid #0f88ee;
	border-radius:10px;
	background:#fff;
	box-shadow:0 1px 10px #dbdbdb
}
.sitemap, .sitemap .crumbs, .sitemap .map-box {
	margin-bottom:15px
}
.sitemap .map-box {
	float:left;
	padding-bottom:15px;
	width:100%;
	border-bottom:1px solid #eee
}
.sitemap .map-box h2 {
	float:left;
	margin-right:20px;
	height:30px;
	color:#0f88ee;
	text-align:center;
	font-size:20px;
	line-height:30px
}
.sitemap .map-box h2 a {
	color:#0f88ee
}
.sitemap .map-box h2 .iconfont {
	overflow:hidden;
	box-sizing:border-box;
	margin-right:3px;
	color:#0f88ee;
	vertical-align:middle;
	font-size:24px
}
.sitemap .map-box ul {
	overflow:hidden
}
.sitemap .map-box:last-child {
	margin-bottom:0;
	border-bottom:0
}
.sitemap .map-box ul li {
	float:left;
	margin-right:8px;
	text-align:center;
	white-space:nowrap;
	line-height:30px
}
.sitemap .map-box ul li a {
	display:block;
	color:#666;
	font-size:14px
}
.sitemap .map-box ul li a:before {
	position:relative;
	margin-right:8px;
	color:#ccc;
	content:"/"
}
.sitemap .map-box ul li:first-child a:before {
	margin-right:0;
	content:""
}
.sitemap .map-box ul li a:hover {
	color:#0f88ee
}
.footer {
	position:relative;
	float:left;
	margin-top:20px;
	padding:30px 0;
	width:100%;
	background:#232830;
	background-image:url(../images/footer_left.png), url(../images/footer_right.png);
	background-position:0 top, right top;
	background-repeat:no-repeat;
	text-align:center
}
.footer p {
	margin:0 auto;
	color:#aaa;
	text-align:center;
	font-size:14px;
	font-family:arial;
	line-height:26px
}
.footer p a {
	color:#aaa;
	font-size:14px;
	font-family:arial
}
.footer .icon-beian{ font-size:20px; color:#06F}
.footer a:hover {
	color:#0f88ee;
	text-decoration:underline
}
.footer_nav {
	position:relative;
	padding-bottom:28px;
	height:26px;
	line-height:26px
}
.footer_nav a {
	margin:0 10px;
	color:#ccc
}
.footer_nav a:hover {
	color:#0f88ee;
	text-decoration:none
}
.footer_nav:before {
	position:absolute;
	top:40px;
	left:50%;
	display:block;
	width:20px;
	height:4px;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	background:#999;
	content:""
}
.footer_nav:after {
	position:absolute;
	top:40px;
	right:50%;
	display:block;
	width:20px;
	height:4px;
	border-bottom-left-radius:4px;
	border-top-left-radius:4px;
	background:#0f88ee;
	content:""
}
#back-to-top {
	position:fixed;
	right:10px;
	bottom:125px;
	z-index:99998;
	display:none;
	width:50px;
	text-align:center;
	line-height:50px
}
#back-to-top a {
	display:block;
	width:50px;
	height:50px;
	border-radius:10px;
	background:#a6a6a6;
	background:linear-gradient(to bottom, #ccc, #a6a6a6)
}
#back-to-top a:hover {
	background:#868686;
	background:linear-gradient(to bottom, #bbb, #868686)
}
#back-to-top span {
	display:block;
	width:50px;
	height:50px
}
#back-to-top a.stop span {
	background:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='10553' width='32' height='32' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23ffffff' d='M468.906 235.159L81.472 622.712C59.125 645 49.488 671.624 71.835 693.911c22.407 22.287 48.971 12.77 71.198-9.638L468.605 358.76v586.15c0 29.154 12.65 52.706 41.743 52.706 29.154 0 45.417-23.552 45.417-52.706v-586.15l325.27 325.09c22.288 22.287 48.189 32.527 70.597 10.24 22.407-22.347 13.432-49.573-8.976-71.8L555.103 234.737s-23.191-26.504-40.78-26.504c-20.962 0-45.417 26.926-45.417 26.926zM118.216 123.12h787.155c36.322 0 57.223-11.083 57.223-42.707 0-31.563-18.07-44.454-57.223-44.454H118.216c-36.141 0-57.224 12.108-57.224 43.61 0 31.504 21.685 43.55 57.224 43.55z'\/%3E%3C/svg%3E") no-repeat center center/28px
}
.subnav {
	padding:15px 0 0;
	background:#fff
}
.subnav h1 {
	margin:0 0 15px;
	color:#0f88ee;
	text-align:center;
	font-size:1.4rem
}
.subnav a {
	color:#0f88ee
}
.subnav .iconfont {
	box-sizing:border-box;
	margin-right:3px;
	color:#0f88ee;
	vertical-align:middle;
	font-size:26px
}
.subnav-list {
	display:block
}
.subnav-list a {
	display:inline-block;
	margin:0 10px 10px 0;
	width:99.5px;
	border-radius:5px;
	background:#0f88ee;
	color:#fff;
	text-align:center;
	white-space:nowrap;
	font-size:14px;
	line-height:32px
}
.subnav-list a:hover {
	background:#854f37
}
.subnav-list a:nth-child(7n) {
margin-right:0
}
.subnav-list-category {
	display:inline-block;
	margin-top:5px
}
.subnav-list-category .list-box {
	width:405px;
	min-height:370px
}
.subnav-list-category .list-box:nth-child(2n+0) {
margin-right:0
}
.subnav-list-category .list-box ul {
	margin-top:0
}
.subnav-list-category .list-box ul li a {
	width:290px
}
.content .AboutUs, .content .ComeFrom, .content .CopyRights, .content .DoMain, .content .HomeLink, .content .HotLink, .content .OriGin, .content .ProveNance, .content .SouRces, .content .WebSite, .content .aboutus, .content .comefrom, .content .copyrights, .content .domain, .content .homelink, .content .hotlink, .content .origin, .content .provenance, .content .sources, .content .website {
	position:absolute;
	top:-999em;
	left:-999em
}



.index-search-button, .more-search a:hover, .wenku-wrap ul li em {
	background:linear-gradient(to bottom, #0f88ee, #00abff)
}
.fink-box {
	float:left;
	margin:0 auto 0 auto;
	padding:15px;
	width:1170px;
	border-radius:10px;
	background:#fff;
	box-shadow:0 1px 10px #dbdbdb
}
.fink-box-title {
	float:left;
	margin-bottom:10px;
	width:100%;
	height:36px;
	line-height:36px
}
.fink-box-title h3 {
	float:left;
	font-weight:700;
	font-size:20px;
	line-height:34px
}
.fink-box-title h3 .iconfont {
	box-sizing:border-box;
	margin-right:8px;
	color:#0f88ee;
	vertical-align:middle;
	font-weight:400;
	font-size:26px;
	line-height:34px
}
.english {
	float:right;
	margin-left:20px;
	color:#ccc;
	text-transform:uppercase;
	font-size:14px
}
.fink-box ul {
	float:left;
	display:block;
	line-height:26px
}
.fink-box ul a {
	float:left;
	display:block;
	margin-left:15px;
	height:26px;
	color:#999;
	font-size:14px;
	line-height:26px
}
.fink-box ul a:first-child {
	margin-left:0
}
.fink-box ul a:hover {
	color:#0f88ee;
	text-decoration:underline
}




.sp-list{}
.sp-list ul{margin-left: -20px;
    overflow: hidden;}
.sp-list ul li{    width: 174px;
    background: #fff;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;}



.sp-list ul li img{width: 100%;
    height: 129px;
}



.sp-list ul li .sp-box-img{
    height: 136px;
    display: block;
    overflow: hidden;
    position: relative;
}

.sp-list ul li .sp-box-img i{
    position: absolute; font-size:46px;
    width: 46px;
    height: 46px;
    left: 50%;
    top: 50%;
    margin-left: -23px;
    margin-top: -33px;
}
.sp-list ul li  p {
    font-size: 16px;
    color: #1d1d1f;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}







.sp-list2{}
.sp-list2 ul{}
.sp-list2 ul li{ width:100%;
    margin-bottom: 20px; overflow:hidden
	}



.sp-list2 ul li .sp-box-img{ width:150px;
    height: 90px;
    display: block;
    overflow: hidden;
    position: relative; float:left; margin-right:10px;
}
.sp-list2 ul li img{width: 100%;
    height: 129px;
}




.sp-list2 ul li .sp-box-img i{
    position: absolute; font-size:46px;
    width: 46px;
    height: 46px;
    left: 50%;
    top: 50%;
    margin-left: -23px;
    margin-top: -33px;
}
.sp-list2 ul li  p {
    font-size: 16px;
    color: #1d1d1f;
    line-height: 30px;
}








ul.sp-list3{margin-left: -20px;
    overflow: hidden; margin-top:10px;}
.sp-list3  li{    width: 181px;
    background: #fff;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;}



.sp-list3  li img{width: 100%;
    height: 129px;
}



.sp-list3  li .sp-box-img{
    height: 136px;
    display: block;
    overflow: hidden;
    position: relative;
}

.sp-list3  li .sp-box-img i{
    position: absolute; font-size:46px;
    width: 46px;
    height: 46px;
    left: 50%;
    top: 50%;
    margin-left: -23px;
    margin-top: -33px;
}



.sp-box-img i{
 font-size:80px; color:#FFF; 
  opacity: 0.8; /* 半透明 */
}
.sp-box-img:hover  i{ opacity: 1;}





.sp-list3  li  p {
    font-size: 16px;
    color: #1d1d1f;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}




.sp-list4{ margin-top:10px;}
.sp-list4  li{ width:100%;
    margin-bottom: 20px; overflow:hidden
	}



.sp-list4 li .sp-box-img{ width:150px;
    height: 90px;
    display: block;
    overflow: hidden;
    position: relative; float:left; margin-right:10px;
}
.sp-list4 li img{width: 100%;
    height: 129px;
}




.sp-list4 li .sp-box-img i{
    position: absolute; font-size:46px;
    width: 46px;
    height: 46px;
    left: 50%;
    top: 50%;
    margin-left: -23px;
    margin-top: -23px;
}
.sp-list4 li  p {
    font-size: 16px;
    color: #1d1d1f;
    line-height: 30px;
}



.zt-list{}
.zt-list ul{margin-left: -20px;
    overflow: hidden;}
.zt-list ul li{    width: 218px;
    background: #fff;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;}
.zt-list ul li img{width: 100%;
    height: 139px;
}
.zt-list ul li  p {
    font-size: 16px;
    color: #1d1d1f;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}


.zt-list3{margin-left: -20px;
    overflow: hidden; margin-top:10px;}
.zt-list3 li{    width: 181px;
    background: #fff;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;}
.zt-list3 li img{width: 100%;
    height: 139px;
}
.zt-list3 li  p {
    font-size: 16px;
    color: #1d1d1f;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}


.zt-list2{ margin-top:10px;}
.zt-list2 ul{margin-left: -20px;
    overflow: hidden;}
.zt-list2 ul li{    width: 183px;
    background: #fff;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;}
.zt-list2 ul li img{width: 100%;
    height: 129px;
}
.zt-list2 ul li  p {
    font-size: 16px;
    color: #1d1d1f;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}




.qt-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 15px;
    min-height: 470px;
    border-top: 2px solid #0f88ee;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 1px 10px #dbdbdb;
}


.lmdh {
    display: flex;
    flex-wrap: wrap;
}
.lmdh a {
    width: 33.333%;
    box-sizing: border-box;
    border-radius: 10px;
    border-bottom:1px solid #f2f2f2;
    display:block;
    padding:11px 15px;
    color:#333;
    text-decoration:none;
    transition:0.2s;
}
.lmdh a:hover{
    background:#f6f6f6;
    color:#0066cc;
}
.lmdh a.on{
    background:#0798f5;
    color:#fff;
}
.hidee{ display:none}
 .citiaowd {
	padding:6px;
	overflow:hidden;
	margin-bottom:10px
}
.citp {
	float:left;
	margin-right:10px
}
.citp img {
	width:150px;
	height:90px
}
.citzw {
	float:left;
	width:610px;
	font-size:16px;
	color:#333;
	line-height:24px;
}



.box-top {
	padding:15px;
	border-top:2px solid #0f88ee;
	border-radius:10px;
	background:#fff;
	box-shadow:0 1px 10px #dbdbdb
}
.box-top .title_span {
	padding-bottom:5px;
	height:32px;
	font-weight:700;
	font-size:18px;
	line-height:32px
}
.box-top .title_span i {
	box-sizing:border-box;
	margin-right:8px;
	color:#0f88ee;
	vertical-align:middle;
	font-weight:400;
	font-size:22px;
	line-height:30px
}






.game__header {
	border-radius:12px 12px 0 0;
	box-sizing:border-box;
	height:220px;
	padding:28px 50px;
}
.game__header, .game__header__side {
	align-items:center;
	display:flex;
	justify-content:space-between;
	position:relative
}
.game__header__side {
	flex:0 0 200px;
	flex-direction:row-reverse
}
.game__header__side__btn {
	position:absolute;
	right:-50px;
	top:-32px
}
.game__header__side__bg {
	position:absolute;
	right:0;
	z-index:-1
}
.game__header__side>a {
	height:80px;
	width:80px
}
.game__header__side>a>img {
	height:80px;
	-o-object-fit:contain;
	object-fit:contain;
	width:80px
}
.game__header__side>span {
	color:var(--font-color-50);
	font-size:16px;
	height:21px;
	left:100%;
	line-height:21px;
	margin-left:10px;
	position:absolute;
}
.game__header__side:first-child {
	flex-direction:row
}
.game__header__side:first-child>span {
	left:unset;
	margin-left:unset;
	margin-right:10px;
	right:100%
}
.game__header__side:first-child .game__header__side__bg {
	left:0;
	right:unset
}
.game__header__side:first-child .game__header__side__btn {
	border-radius:12px 0 12px;
	left:-50px;
	right:unset
}
.game__header__extra {
	flex-direction:column
}
.game__header__extra, .game__header__extra__name {
	align-items:center;
	display:flex;
	justify-content:center
}
.game__header__extra__name {
	background-color:var(--bg-04);
	border-radius:23px;
	box-sizing:border-box;
	color:var(--font-color);
	font-size:20px;
	height:46px;
	overflow:hidden;
	padding:0 16px;
	text-align:center;
transition:all .3s ease-in-out;
}
.game__header__extra__name>span:first-child {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	display:box;
	flex:1;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.game__header__extra__desc {
	align-items:center;
	color:var(--font-color-50);
	display:flex;
	font-size:16px;
	height:20px;
	line-height:20px;
	margin-top:12px;
transition:all .3s ease-in-out
}
.game__header__extra__desc>.fa {
	font-size:10px;
	margin-left:3px
}
.game__header__extra__desc:hover, .game__header__extra__name:hover {
	color:var(--font-blue)
}
.game__header__info {
	align-items:center;
	display:flex;
	flex:0 0 180px;
	flex-direction:column;
}
.game__header__info__time {
	color:var(--font-color-70);
	font-size:18px;
	height:24px;
	line-height:24px
}
.game__header__info__score {
	align-items:center;
	background-image:url(../images/icon_vs.svg);
	background-position:50%;
	background-repeat:no-repeat;
	box-sizing:border-box;
	color:var(--font-color);
	display:flex;
	font-family:Bebas;
	font-size:40px;
	height:56px;
	justify-content:space-between;
	margin:16px 0;
	position:relative;
	width:100%
}
.game__header__info__score__num {
	flex:0 0 60px
}
.game__header__info__score__num:first-child {
	text-align:right
}
.game__header__info__btn {
	align-items:center;
	background-color:var(--bg-blue);
	border-radius:4px;
	color:var(--font-color);
	cursor:pointer;
	display:flex;
	font-size:14px;
	height:30px;
	justify-content:center;
	padding:0 16px
}
.game__header__info__league {
	font-size:14px;
	height:18px;
	line-height:18px;
	top:28px
}
.game__header__info__note {
	background-image:linear-gradient(90deg, rgba(255, 225, 107, 0), rgba(255, 225, 107, .12) 50%, rgba(255, 225, 107, 0));
	bottom:8px;
	font-size:16px;
	height:30px;
	line-height:30px;
	padding:0 12px
}
.game__header__info__league, .game__header__info__note {
	color:var(--font-color-70);
	left:50%;
	position:absolute;
	transform:translate(-50%)
}
.game__header__info--in .game__header__info__score, .game__header__info--in .game__header__info__time {
	color:var(--font-red)
}


.qmw__tab--default .qmw__tab__list_zb {
	align-items:center;
	color:var(--font-color-50);
	display:flex;
	font-size:20px;
	justify-content:center;
	position:relative;
	width:100px;
    border-radius: 9999px;
    background: #f5f5f5;
    color: #666;
    margin: 15px 10px;
    height: 30px;
}











/* 侧边菜单 */
.side__menu.page__main__aside {
	flex:0 0 180px;
	margin-right:20px;
	overflow:hidden
}

.side__menu__item {
	overflow:hidden
}
.side__menu__item__icon {
	cursor:pointer;
	flex:0 0 18px;
	font-size:14px;
	height:18px;
	line-height:18px;
	overflow:hidden;
	text-align:center;
    transition:all .3s ease-in-out
}
.side__menu__item[open] .side__menu__item__icon {
	transform:rotate(90deg)
}
.side__menu__list {
	align-items:center;
	box-sizing:border-box;
	cursor:pointer;
	display:flex;
	font-size:16px;
	height:48px;
	overflow:hidden;
	padding:0 12px 0 16px;
	width:100%
}
.side__menu__list--active, .side__menu__list:hover {
	background-color:#0f88ee;
	color:#fff
}
.side__menu__list--header {
	color:var(--font-color);
	display:flex;
	justify-content:space-between
}
.side__menu__list--header > span:first-child {
    padding-right: 12px;
}
.side__menu__list--header1 {
	padding-left:36px
}
.side__menu__list:not(.side__menu__list--header) {
    border-bottom:1px solid #eee;
    padding-left:36px
}
.side__menu__content--sub .side__menu__item .side__menu__list--header1 {
	background-image:url(../images/icon_add.svg);
	background-position:16px;
	background-repeat:no-repeat
}
.side__menu__content--sub .side__menu__item[open] .side__menu__list--header1 {
	background-image:url(../images/icon_sub.svg)
}

/* 赛程 */
.fixture__section {
	position:relative; clear:both
}
.fixture__section .qmw__section__header {
	/*position:sticky;*/
	top:16px;
	z-index:5;
}
.fixture__tab {
	display:flex
}
.fixture__tab__list {
	cursor:pointer;
	font-size:16px;
	line-height:24px;
	padding:0 6px
}
.fixture__tab__list h2{
    cursor:pointer;
    font-size:16px;
    line-height:24px;
    padding:0 6px;
    margin: 0;
    font-weight: normal;
}
.fixture__tab__list--active { background:#0896f4; color:#FFF;border-radius: 4px;
}
.fixture__details__header {
	align-items:center;
	background-color:#0f88ee14;
	box-sizing:border-box;
	display:flex;
	font-size:14px;
	height:42px;
	margin-bottom:1px;
	padding:0 12px;
	position:sticky;
	top:110px;
	width:100%;
	z-index:1
}
.fixture__details__header--hide {
	display:none
}
.fixture__details[open] .fixture__details__header__icon {
	transform:rotate(90deg)
}

.fixture__list2, .fixture__list {
	box-shadow:0 1px 0 0  #eee;
	box-sizing:border-box;
	flex-direction:column;
	font-size:14px;
	padding:0 12px;
	transition:all .3s ease-in-out
}
.fixture__list2, .fixture__list__data {
	display:flex
}
.fixture__list__data {
	align-items:center;
	height:52px;
	justify-content:space-between
}
.fixture__list__data>span {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.fixture__list__league {
	background-position:0;
	background-repeat:no-repeat;
flex:0 0 92px
}
.fixture__list__time {
	flex:0 0 90px
}
.fixture__list__status {
	flex:0 0 60px
}
.fixture__list__info {
	flex:0 0 360px;
	font-size:16px;
	height:100%;
	justify-content:center;
	align-items:center;
	display:flex;
	overflow:hidden
}
.fixture__list__team {
	align-items:center;
	box-sizing:border-box;
	flex:1;
	line-height:22px;
	padding-left:28px;
	position:relative;
	display: flex;
	overflow:hidden
}
.fixture__list__team>span {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:100%
}
.fixture__list__team>img {
	height:22px;
	left:0;
	object-fit:contain;
	position:absolute;
	width:22px
}
.fixture__list__team:first-child {
	padding-left:unset;
	padding-right:28px;
	text-align:right
}
.fixture__list__team:first-child>img {
	left:unset;
	right:0
}
.fixture__list__score {
	align-items:center;
	display:flex;
	font-size:16px;
	justify-content:center;
	width:100px
}
.fixture__list__score__text {
	flex:1;
	overflow:hidden;
	text-align:left
}
.fixture__list__score__text[win="1"] {
	color:var(--font-color)
}
.fixture__list__score__text:first-child {
	text-align:right
}
.fixture__list__score__symbol {
	text-align:center;
	width:24px
}
.fixture__list__extra {
	display:flex;
	flex:0 0 160px;
	justify-content:flex-end;
	position:relative; cursor:pointer
}

.main .fixture__list__extra {
	display:flex;
	flex:0px;
	justify-content:flex-end;
	position:relative
}

.fixture__list__tool {
	align-items:center;
	background-color: #99999929;
	border-radius:4px;
	box-sizing:border-box;
	color:#4794dd;
	display:flex;
	font-size:12px;
	height:26px;
	justify-content:center;
	padding:0 12px
}
.fixture__list__tool:not(:first-child) {
	margin-left:6px
}
.fixture__list[ball-type="1"] .fixture__list__league {
}
.fixture__list[ball-type="2"] .fixture__list__league {
	/*padding-left:20px*/
}


.fixture__list--header {
	background: linear-gradient(to right, #0896f4, #4c94dc);
	border-radius:4px 4px 0 0;
	box-shadow:none;
	font-size:16px;
	position:sticky;
	z-index:3; margin-top:6px; 
}
.fixture__list--header .fixture__list__data {
	color: #FFF;
	height:50px
}
.fixture__list--header .fixture__list__score {
	color:var(--font-color)
}
.fixture__list:not(.fixture__list--header):hover {
	background-color:#eee
}

/* 区块样式 */
.qmw__section {
    padding-bottom:36px; 
}
.qmw__section--p0 {
    padding-bottom: 0;
}



.qmw__section__slide {
	display:flex;
	font-size:16px;
	gap:12px;
	position:relative
}
.qmw__section__side {
    display:flex;
    font-size:16px;
    gap:12px;
    position:relative;
}
.page__main__btn {
	color: #0f88ee;
	display:block;
	font-size:14px;
	line-height:24px;
	margin:16px auto 0;
	width:-moz-fit-content;
	width:fit-content
}
.qmw__appointment {
    cursor: pointer;
}

/* 联赛 */
.league__recent {
	height:162px;
	overflow:hidden;
	position:relative;
	width:100%
}
.league__recent__swiper {
	height:100%;
    width: 960px;
}
.league__recent__swiper.swiper {
	box-sizing:border-box;
	padding:0 40px;
	position:relative;
}


.league__recent__swiper:after{
	  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	background-color:#eee;
	content:"\e65f";
	height:162px; line-height:162px; text-align:center;
	position:absolute;
	top:0;
	width:40px;
	z-index:99
}

 .league__recent__swiper:before {
	   font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	background-color:#eee;
	content:"\e660";
		height:162px; line-height:162px; text-align:center;

	position:absolute;
	top:0;
	width:40px;
	z-index:99
}

.league__recent__swiper:before {
	left:0
}
.league__recent__swiper:after {
	right:0
}
.league__recent__navigation {
	align-items:center;
	background: #0f88ee;
	border-radius:4px;
	display:flex;
	font-size:16px;
	height:100%;
	justify-content:center;
	position:absolute;
	top:0;
	width:32px;
	z-index:999
}
.league__recent__navigation--prev {
	left:0
}
.league__recent__navigation--next {
	right:0
}
.league__recent__navigation--disabled {
	color:var(--font-color-40);
	cursor:not-allowed
}
.league__recent__navigation--disabled.swiper-button-lock {
	display:flex
}
.league__recent__navigation:not(.league__recent__navigation--disabled):hover {
    color:var(--font-blue)
}
.league__recent__list {
	align-items:center;
	background-color:#f5f5f5;
	border-radius:4px;
	box-sizing:border-box;
	display:flex!important;
	flex-direction:column;
	margin-right:8px;
	padding:16px 12px;
	width:113.733px;
    overflow: hidden;
    height: 200px !important;
}
.league__recent__list>img {
	height:64px;
	-o-object-fit:contain;
	object-fit:contain;
	width:64px
}
.league__recent__list__name {
	color:#333;
	font-size:16px;
	line-height:24px;
	margin:12px 0 4px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.league__recent__list__count {
	background-color:#ff7e00;
	border-radius:4px;
	color:#fff;
	height:26px;
	line-height:26px;
	padding:0 12px
}
.league__main__tab {
	height:144px; 
}
.league__main__tab .qmw__tab__container {
	display:flex;
	justify-content:space-between
}
.league__main__tab__list {
	background-color:#1771bd;
	background-image:url(../images/bg_league_main.png);
	background-repeat:no-repeat;
	border-radius:12px;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	height:144px;
	overflow:hidden;
	padding:44px 42px;
	position:relative;
	width:580px; color:#FFF !important
}
.league__main__tab__list>span {
	font-size:16px;
	line-height:24px
}
.league__main__tab__list>span:first-child {
	font-size:28px;
	font-weight:700;
	line-height:40px;
	margin-bottom:8px
}
.league__main__tab__list--1:before {
	background-image:url(../images/icon_ball_1_dark.svg)
}
.league__main__tab__list--2:before {
	background-image:url(../images/icon_ball_2_dark.svg)
}



.league__main__tab__list.qmw__tab__list--active {
	background-color:#0f88ee
}
.league__main__tab__list:before {
	background-size:186px;
	bottom:-58px;
	content:"";
	height:186px;
	opacity:.04;
	position:absolute;
	right:-54px;
	width:186px
}
.league__main__page {
	margin-top:32px; background: #fff;
}
.league__main { padding: 10px;
}

.league__main .qmw__tab__item[active="1"] {
	display:flex
}
.league__hot {
	grid-gap:25px;
	display:grid;
	grid-template-columns:repeat(4, 230px)
}
.league__hot__list {
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	height:80px;
	justify-content:center;
	padding:0 16px 16px 76px;
	position:relative
}
.league__hot__list__name {
	font-size:16px;
	height:24px;
	line-height:24px;
	margin-bottom:8px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.league__hot__list__extra {
	display:flex
}
.league__hot__list__extra>a {
	color:#666;
	font-size:14px;
	height:18px;
	line-height:18px;
	margin-right:24px;
	position:relative
}
.league__hot__list__extra>a:last-child {
	margin-right:0
}
.league__hot__list__extra>a:last-child:before {
	display:none
}
.league__hot__list__extra>a:before {
	background-color:var(--bg-04);
	content:"";
	height:12px;
	position:absolute;
	right:-12px;
	top:50%;
	transform:translateY(-50%);
	width:1px
}
.league__hot__list__extra>a:hover {
	color:var(--font-color)
}
.league__hot__list>img {
	height:64px;
	left:0;
	-o-object-fit:contain;
	object-fit:contain;
	position:absolute;
	top:0;
	width:64px
}
.league__table {
	overflow:hidden;
	position:relative;
}
.league__table__list {
	border-radius:4px;
	color: #666;
	display:flex;
	font-size:16px;
	height:44px;
	overflow:hidden;
    transition:all .3s ease-in
}

a.league__table__list {
	border-radius:4px;
	display:flex;
	font-size:16px;
	height:44px;
	overflow:hidden;
    transition:all .3s ease-in
}



.league__table__list>span {
	align-items:center;
	box-sizing:border-box;
	display:flex;
	flex:1;
	justify-content:center;
	overflow:hidden;
	position:relative;
	text-overflow:ellipsis;
	white-space:nowrap
}
.league__table__list>span:nth-child(2) {
    flex: 0 0 180px;
    justify-content: flex-start;
    padding-left: 28px;
    width: 180px;
}
.league__table__list>span>img {
	height:22px;
	left:0;
	-o-object-fit:cover;
	object-fit:cover;
	position:absolute;
	width:22px
}
.league__table__list>span:first-child {
	flex:0 0 50px;
	padding-right:18px
}


.league__table__pagination {
	display:flex;
	margin:0 auto;
	max-width:100%;
	overflow-x:auto; margin-top:10px;
}
.league__table__pagination__bullet {
	align-items:center;
	cursor:pointer;
	display:flex;
	justify-content:center;
	width:100%
}
.league__table__pagination--league {
	border:1px solid #0f88ee;
	border-radius:4px;
	box-sizing:border-box;
	height:26px;
	margin-bottom:16px
}
.league__table__pagination--league .league__table__pagination__bullet--active {
	background-color: #0f88ee; color:#fff
}
.league__table__pagination--area.league__table__pagination.swiper-pagination-bullets {
	width:-moz-fit-content;
	width:fit-content
}
.league__table__pagination--area .league__table__pagination__bullet {
	box-sizing:border-box;
	font-size:14px;
	height:24px;
	margin:0 6px 4px;
	padding-bottom:2px;
	position:relative;
	white-space:nowrap;
	width:auto
}
.league__table__pagination--area .league__table__pagination__bullet--active {
}
.league__table__pagination--area .league__table__pagination__bullet--active:before {
	background-color:#0f88ee;
	border-radius:1px;
	bottom:0;
	content:"";
	height:2px;
	position:absolute;
	width:16px
}
.league__table--player .league__table__list>span:nth-child(2) {
    flex:0 0 93px;
    width:93px
}
.league__table--player .league__table__list>span:nth-child(3) {
    flex:1
}
.league__table__area {
    position: relative;
}
.league__table__area__name {
    border-radius: 6px;
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
    position: absolute;
    right: 0;
    z-index: 2;top:-2px;font-size:12px;background-color:#0f88ee;
	color:#fff
}
 




/* 推荐 */
.recommend__game {
 	border-radius:4px;
	box-sizing:border-box;
	display:flex;
	font-size:16px;
	height:76px;
	line-height:22px;
	padding:12px;
	width:100%; margin-top:10px; border-bottom:#ddd 1px solid
}
.recommend__game__basic, .recommend__game__info {
	display:flex;
	flex-direction:column;
	overflow:hidden
}
.recommend__game__basic {
	flex:0 0 92px;
	justify-content:center;
	margin-right:6px
}
.recommend__game__basic>span:last-child {
	color:#666;
	font-size:12px;
	line-height:16px;
	margin-top:2px
}
.recommend__game__info {
	flex:0 0 122px;
	justify-content:space-between
}
.recommend__game__team {
	align-items:center;
	display:flex;
	padding-left:28px;
	position:relative;
	white-space:nowrap
}
.recommend__game__team>span {
	overflow:hidden;
	text-overflow:ellipsis;
	width:100%
}
.recommend__game__team>img {
	height:22px;
	left:0;
	-o-object-fit:contain;
	object-fit:contain;
	position:absolute;
	width:22px
}
.recommend__game__btn {
	align-items:center;
	align-self:center;
	background-color:#0f88ee;
    color:#fff;
	border-radius:3px;
	display:flex;
	flex:0 0 44px;
	font-size:12px;
	height:24px;
	justify-content:center;
	margin-left:12px
}
.recommend__game:hover {
	background-color:#00abff0a; color:#666
}




.recommend__item {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.recommend__item--game {
    gap: 12px;
}

/* 日历 */
.qmw__calendar{
    background-color:#fff;
    border-radius:4px;
    box-sizing:border-box;
    cursor:default;
    display:none;
    padding:0 12px;
    position:absolute;
    right:0;
    top:50px;
    z-index:1;box-shadow: 0 1px 10px #dbdbdb;
}
.qmw__calendar__container{
    width:346px
}
.qmw__calendar__header{
    align-items:center;
    border-bottom:1px solid var(--bg-04);
    box-sizing:border-box;
    color:var(--font-color-50);
    display:flex;
    font-size:14px;
    font-weight:600;
    height:40px;
    justify-content:center;
    padding:0 54px;
    position:relative
}
.qmw__calendar__header span{
    color:var(--font-color);
    font-weight:600;
    padding:0 4px
}
.qmw__calendar__body{
    min-height:120px;
    padding:12px 0
}
.qmw__calendar__body__header{
    align-items:center;
    color:var(--font-color);
    display:flex;
    height:30px;
    justify-content:center
}
.qmw__calendar__body__header .qmw__calendar__day{
    flex:1;
    height:30px
}
.qmw__calendar__body__content{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    padding-top:6px
}
.qmw__calendar__footer{
    align-items:center;
    border-top:1px solid var(--bg-04);
    display:flex;
    height:40px;
    justify-content:center
}
.qmw__calendar__footer__btn{
    color:var(--font-blue);
    cursor:pointer;
    font-size:14px
}
.qmw__calendar__content .qmw__calendar--loading{
    background-image:url(../images/icon_loading.svg);
    background-position:50%;
    background-repeat:no-repeat
}
.qmw__calendar__tool{
    color:var(--font-color-40);
    cursor:pointer;
    font-size:14px;
    height:40px;
    line-height:40px !important;
    margin:0;
    position:absolute;
    text-align:center;
    top:0;
    width:22px
}
.qmw__calendar__tool--prev-year{
    left:10px
}
.qmw__calendar__tool--prev-month{
    left:32px
}
.qmw__calendar__tool--next-year{
    right:10px
}
.qmw__calendar__tool--next-month{
    right:32px
}
.qmw__calendar__day{
    align-items:center;
    border-radius:4px;
    color:var(--font-color);
    display:flex;
    flex-direction:column;
    font-size:14px;
    height:40px;
    justify-content:center;
    width:46px
}
.qmw__calendar__day span{
    height:20px;
    line-height:20px
}
.qmw__calendar__day span:last-child{
    color:var(--font-color-50);
    font-size:12px;
    height:16px;
    line-height:16px
}
.qmw__calendar__day--next,.qmw__calendar__day--prev{
    visibility:hidden
}
.qmw__calendar__day:nth-child(n+8){
    margin-top:8px
}
.qmw__calendar__body__content .qmw__calendar__day{
    cursor:pointer
}
.qmw__calendar__body__content .qmw__calendar__day--active span,.qmw__calendar__body__content .qmw__calendar__day:hover span{
    color:#ff0404
}
.qmw__calendar__body__content .qmw__calendar__day--active{
    background-color:var(--bg-04)
}

/* 球队 */
.team__item {
	display:flex;
	flex-wrap:wrap;
	gap:24px 31.5px; margin-top:20px;
}
.team__item__title {
	font-size:20px;
	font-weight:700
}
.team__list {
	border-bottom:1px solid #f5f5f5;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	font-size:14px;
	height:88px;
	padding:0 16px 16px 76px;
	position:relative;
	width:361px
}
.team__list__extra {
	color:#eee;
	display:flex;
	gap:24px;
	height:20px;
	line-height:20px
}
.team__list__extra>:not(:last-child) {
    position:relative
}
.team__list__extra>:not(:last-child):before {
    background-color:var(--bg-04);
    content:"";
    height:12px;
    pointer-events:none;
    position:absolute;
    right:-12px;
    top:50%;
    transform:translateY(-50%);
    width:1px
}
.team__list>img {
	height:64px;
	left:0;
	-o-object-fit:contain;
	object-fit:contain;
	position:absolute;
	top:4px;
	width:64px
}
.team__list>span {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	color:#999;
	display:box;
	margin-bottom:6px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.team__list>span:nth-child(2) {
    color:#444;
    font-size:16px;
    line-height:24px;
    margin-bottom:2px
}
.team__section[league-id="1"] .team__section__item:not([value=history]) .team__item {
    flex-direction:column
}

/* 球员 */
.player__item, .player__section {
	display:flex;
	flex-direction:column
}
.player__item {
	gap:24px; margin-top:20px;
}
.player__item__header {
	background-color:#0f88ee12;
	border-radius:4px;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	height:56px;
	justify-content:center;
	padding:16px 24px 16px 98px;
	position:relative;
	width:100%
}
.player__item__header>img {
	height:44px;
	left:24px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:44px
}
.player__item__header>span {
	color:var(--font-color-50);
	font-size:14px;
	line-height:20px;
	margin-top:6px
}
.player__item__header>span:nth-child(2) {
    color:var(--font-color);
    font-size:16px;
    font-weight:700
}
.player__item__content {
	display:flex;
	flex-wrap:wrap;
	gap:24px
}
.player__list {
	border-bottom:1px solid #f5f5f5;
	box-sizing:border-box;
	display:flex;
	flex:0 0 177px;
	flex-direction:column;
	gap:2px;
	height:64px;
	justify-content:center;
	padding:0 0 16px 60px;
	position:relative;
	width:282px ; background:#eee
}
.player__list>img {
	height:48px;
	left:5px;
	-o-object-fit:cover;
	object-fit:cover;
	position:absolute;
	top:5px;
	width:48px
}
.player__list>span {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	color:#999;
	display:box;
	font-size:14px;
	line-height:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.player__list>span:nth-child(2) {
    color:#333;
    font-size:16px;
    line-height:24px
}

/* 频道 */
.channels_ul {
	display:flex;
	flex-wrap:wrap; margin-left:-15px;
}
.channels_ul li{
	width:143px;
	height:44px;
	line-height:44px;
	background:#eee;
	border:1px solid #e3e3e3;
	text-align:center;
	margin-top:20px;
	margin-left:15px;
	color:#fff;
	cursor:pointer
}
.channels_ul li a {
	display:block;
	width:100%;
	height:100%;
	padding:0 10px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	box-sizing:border-box;
	cursor:pointer
}


/* 通用组件 */
.wnr {
	text-align:center;
	padding:20px;
    font-size: .26rem;
}
.qylis {
	margin:20px 0 0;
	margin-left:-20px;
	overflow:hidden
}
.qylis a {
	width:121px;
	float:left;
	margin-left:20px;
	margin-bottom:10px;
	display:block;
	padding:10px; background:#0f88ee0f
}
.dahs a {
	width:94px;
}
.qylis .img-show {
	position:relative;
	overflow:hidden;
	display:block;
	text-align:center;
	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
}

/* 标签切换 */
.qmw__tab {
    display:flex;
    position:relative;
    width:100%;
    z-index:8;
}
.qmw__tab__container {
    display:flex;
    flex:1;
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
}
.qmw__tab__side {
    display:flex;
    gap:12px;
}
.qmw__tab__list {
    cursor: pointer;
    white-space: nowrap;
}
.qmw__tab--default {
    background-color:#4dadff;
    border-radius: 0 0 12px 12px;
    box-sizing: border-box;
    height: 58px;
    padding: 0 16px;
}
.qmw__tab--default .qmw__tab__list {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 20px;
    justify-content: center;
    position: relative;
    width: 100px;
}
.qmw__tab--default .qmw__tab__list--active {
    color:#FF0;
    font-weight: 600;
}
.qmw__tab--default .qmw__tab__list--active:before {
    background-color: #eee;
    border-radius: 2px;
    bottom: 0;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 24px;
}

.info__header__content:before {
    background-color: #eee;
    content: "";
    height: 132px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}
.standings__tabs {
margin-top:10px; 
}

.standings__tabs .qmw__tab__list { display:inline-block;
    align-items: center;
    border-radius: 4px;
    color: #444;
    font-size: 16px;
    height: 32px; line-height:32px;
    padding: 0 12px;
}
.standings__tabs .qmw__tab__list--active {
    background-color: #0f88ee26;
}

.standings__tabs .qmw__tab__nf{ display:inline-block;
    align-items: center;
    border-radius: 4px;
    color: #999;
    font-size: 16px;
    height: 32px; line-height:32px;
    padding: 0 12px; float:right;
}


.qmw__tab--card-vertical .qmw__tab__container {
    background-color:#eee;
    border-radius:4px;
    flex-direction:column;
    overflow:hidden;
}
.qmw__tab--card-vertical .qmw__tab__list {
	align-items:center;
	display:flex;
	font-size:16px;
	height:56px;
	justify-content:center;
	width:100%
}
.qmw__tab--card-vertical .qmw__tab__list--active {
	background-color:#0f88ee;
	color:#fff
}
.qmw__tab__vertical .qmw__tab__content {
	flex:0 0 728px
}
.qmw__tab__content {
    width: 100%;
}
.qmw__tab__item {
    display: none;
}
.qmw__tab__item[active="1"] {
    display: block;
}



/* 下拉选择器 */
.qmw__picker {
    align-items:center;
    background-color: #f5f5f5;
    border-radius:4px;
    color: #444;
    cursor:pointer;
    display:flex;
    font-size:14px;
    height:34px;
    justify-content:center;
    padding:0 12px;
    position:relative;
}
.qmw__picker .fa {
    color:var(--font-color-50);
    font-size:8px;
    margin-left:4px;
}
.qmw__picker__item {
    background-color:var(--bg-body);
    display:none;
    min-width:100%;
    overflow:hidden;
    padding-top:8px;
    position:absolute;
    right:0;
    top:100%;
    z-index:99;
}
.qmw__picker__container {
    background-color:var(--bg-04);
    border-radius:4px;
    max-height:320px;
    overflow-y:auto;
}
.qmw__picker__list {
    align-items:center;
    box-sizing:border-box;
    display:flex;
    height:40px;
    justify-content:center;
    padding:0 8px;
    white-space:nowrap;
    z-index:1;
}
.qmw__picker__list:hover {
    color:var(--font-blue);
}
.qmw__picker:hover .qmw__picker__item {
    display:block;
}

/* 头部信息 */
.info__header { 
    justify-content: space-between;
    box-sizing: border-box;
    display: flex;
    position: relative;
}
.info__header--league,
.info__header--team {
    height: 170px;
}
.info__header__basic {
    color: var(--font-color-50);
    flex: 0 0 350px;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    justify-content: center;
    padding-left: 126px;
    box-sizing: border-box;
    display: flex;
    position: relative;
}
.info__header__basic__img {
    height: 100px;
    left: 0;
    object-fit: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100px;
}
.info__header__basic__name {
    color: var(--font-color);
    font-size: 24px;
    font-weight: 700;
    line-height: 42px;
    margin: 0;
}
.info__header__basic__alias {
    color: var(--font-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-overflow: ellipsis;
}
.info__header__basic__extra {
    align-items: center;
    display: flex;
    height: 30px;
}


.info__header__content {
    align-self: center;
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    margin-left: 36px;
    position: relative;
}
.info__header__list {
    align-items: center;
    color: var(--font-color-70);
    font-size: 16px;
    height: 24px;
    margin: 5px 0;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 10px;
    width: 45%;
}
.info__header__list > span {
    overflow: hidden;
    text-overflow: ellipsis;
}
.info__header__list > span:first-child {
    box-sizing: border-box;
    color: var(--font-color-50);
    flex: 0 0 88px;
    padding-right: 12px;
    text-align: right;
    width: 88px;
}
.info__header__list--full {
    flex: 0 0 100%;
}
.info__header__extra {
	align-items:center;
	display:flex;
	flex:0 0 106px;
	justify-content:center
}
.info__header__extra__img {
	height:100%;
	-o-object-fit:contain;
	object-fit:contain;
	opacity:.7;
	width:100px
}

/* 介绍 */
.intro__content {
    font-size: 16px;
    line-height: 30px;
}
.intro__content p {
    margin: 0 0 16px;
}
.intro__content p:last-child {
    margin-bottom: 0;
}
.intro__title {
    display: flex;
    flex-wrap: wrap;
    padding-top: 12px;
}
.intro__title__list {
    background-color: #f5f5f5;
    border-radius: 4px;
    box-sizing: border-box;
    color: #444;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    height: 80px;
    justify-content: center;
    line-height: 24px;
    margin: 12px 12px 0 0;
    padding: 16px 8px 16px 64px;
    position: relative;
    width: 256px;
}
.intro__title__list > img {
    height: 48px;
    left: 8px;
    object-fit: contain;
    position: absolute;
    width: 48px;
}
.intro__title__list > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.intro__title__list > span:last-child {
    color: #888;
    font-size: 14px;
    line-height: 18px;
}

/* 等级 */
.grade__section {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.grade__list {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 132px;
    justify-content: space-between;
    overflow: hidden;
    padding: 16px 8px;
    width: 176px;
}
.grade__list > img {
    height: 64px;
    object-fit: contain;
    width: 64px;
}
.grade__list > span {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    /* color: var(--font-color); */
    display: box;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 统计表格 */
.stats__table {
    display: flex;
    flex-direction: column;
    width: 100%; 
}
.stats__table--standings .stats__table__content {
  border-bottom: 1px solid var(--bg-04);
}
.stats__table--standings .stats__table__main {
  overflow-x: auto;
}
.stats__table--standings .stats__table__main .stats__table__list {
  font-size: 16px;
  height: 56px;
  line-height: 56px;
  padding-bottom: 0;
  padding-left: 0;
}
.stats__table--standings .stats__table__main .stats__table__list > img {
  height: 22px;
  left: 58px;
  object-fit: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
}
.stats__table--standings .stats__table__main > .stats__table__list:first-child {
  border-bottom: none;
  font-size: 14px;
  height: 42px;
  line-height: 42px;
}
.stats__table--standings .stats__table__main[type="basic"] {
  flex: 0 0 160px;
}
.stats__table--standings .stats__table__main[type="basic"] .stats__table__list {
  padding-right: 24px;
  position: relative;
}
.stats__table--standings
  .stats__table__main[type="basic"]
  .stats__table__list
  > span:first-child {
  flex: 0 0 34px;
  text-align: center;
}
.stats__table--standings
  .stats__table__main[type="basic"]
  .stats__table__list
  > span:not(:first-child) {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  box-sizing: border-box;
  display: box;
  flex: 1;
  overflow: hidden;
  padding-left: 42px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.stats__table--standings .stats__table__main[type="basic"] > .stats__table__list:first-child {
  border-radius: 4px 0 0 0;
}
.stats__table--standings .stats__table__main[type="info"] > .stats__table__list:first-child {
  border-radius: 0 4px 0 0;
}


.stats__table__area {
  position: relative;  
}
.stats__table__area__name { background:#6CF;
  border-radius: 0 0 0 6px;
  height: 20px;
  line-height: 20px;
  padding: 0 6px;
  position: absolute;
  right: 0;
  z-index: 2; font-size:12px; color:#FFF
}


.stats__table__main {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.stats__table__main[type="basic"] .stats__table__list {
  padding-left: 12px;
}
.stats__table__main > .stats__table__list:first-child { background: #dbedfd;
  height: 48px;
  line-height: 36px;
}

.stats__table__content {
  display: flex;
  position: relative;
  width: 100%;
}
.stats__table--player {
  width: 100%;
}
.stats__table--player .stats__table__main[type="basic"] > .stats__table__list:not(:first-child) {
  align-items: flex-start;
  flex-direction: column;
  gap: 2px;
  justify-content: center;
  padding-left: 54px;
}
.stats__table--player .stats__table__main[type="basic"] > .stats__table__list > img {
  height: 36px;
  left: 12px;
  object-fit: cover;
  position: absolute;
  width: 36px;
  top: 50%;
  transform: translateY(-50%);
}
.stats__table--player .stats__table__main[type="basic"] > .stats__table__list > span {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: box;
  flex: 0 0 18px;
  line-height: 18px;
  max-width: 100%;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
}

.stats__table--player .stats__table__main[type=basic]>.stats__table__list:not(:first-child)>span:last-child {
    color: #a6a6a6;
    flex: 0 0 16px;
    font-size: 12px;
    line-height: 16px;
}

.stats__table__main[type="info"] {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.stats__table__main[type="info"] .stats__table__list {
  flex-direction: row;
  min-width: max-content;
}
.stats__table__main[type="info"] .stats__table__list > span {
  flex: 1;
  min-width: unset;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.stats__table__list {
  box-sizing: border-box;
  display: flex;
  font-size: 14px;
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  position: relative;
  align-items: center;
}
.stats__table__list > span {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  box-sizing: border-box;
  display: box ;
  flex: 1;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap; 
}





.stats__table__list > span[size="118"] {
  flex: 0 0 118px !important; 
}
a.stats__table__list:hover {
  background-color: var(--bg-04);
}
.standings__rule {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  line-height: 24px;
  padding-top: 24px;
  white-space: break-spaces;
}
.standings__rule__title {
  color: #F60 ;
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 12px;
}
.fa {
  font-style: normal;
}
picture img {
  height: 100%;
  width: 100%;
}

/* 图文 */
.tuwenbxz ul {
	overflow:hidden;
    margin-left: -20px;
}
.tuwenbxz ul li {
	width:213px;
	border-radius:4px;
	float:left;
	margin-left:20px;
	margin-bottom:20px
}
.tuwenbxz ul li .img {
	position:relative;
	overflow:hidden
}
.tuwenbxz ul li .img img {
	width:100%;
	height:120px
}
.tuwenbxz ul li .biaoti {
	font-size:16px;
	height:30px;
	line-height:30px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align:center
}

/* 暂无数据 */
.zanwu {
	text-align:center;
	padding:30px 0px;
    margin-top: 5px;
}
.zanwu img {
	width:30px
}
.zanwu span {
	display:block;
	font-size:12px;
	color:#999
}

/* 最佳 */
.best__section {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.best__section__container {
    display:flex;
}
.best__section__side {
    flex:0 0 180px;
    margin-right:36px;
}
.best__section__content {
    flex:1;
    margin-left:auto;
    overflow:hidden; 
}
.best__list {
	align-items:center;
	display:flex;
	font-size:14px;
	height:60px
}
.best__list, .best__list>* {
	overflow:hidden;
	text-align:center
}
.best__list>* {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	box-sizing:border-box;
	display:box;
	flex:0 0 100px;
	padding:0 24px;
	position:relative;
	text-overflow:ellipsis;
	white-space:nowrap
}
.best__list>:first-child {
	flex:0 0 64px;
	padding:0
}
.best__list>:nth-child(2) {
    align-items:flex-start;
    display:flex;
    flex:1;
    flex-direction:column;
    gap:2px;
    height:100%;
    justify-content:center;
    padding:0 0 0 36px;
    text-align:left
}
.best__list>*>img {
	height:36px;
	left:36px;
	-o-object-fit:contain;
	object-fit:contain;
	position:absolute;
	width:36px
}
.best__list>[size="200"] {
    flex:0 0 200px
}
.best__list>[size="130"] {
    flex:0 0 130px;
    padding:0
}
.best__list:first-child {
	background-color:#0f88ee;
	border-radius:4px 4px 0 0;
	color:#Fff;
	height:42px
}
.best__list:first-child>:first-child {
	color:var(--font-color-70)
}
.best__list:not(:first-child)>:nth-child(2) {
    cursor:pointer;
    font-size:14px;
    line-height:18px;
    padding-left:60px
}
.best__list:not(:first-child)>:nth-child(2)>span {
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    display:box;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.best__list:not(:first-child)>:nth-child(2)>span:nth-child(3) {
	color:var(--font-color-50);
	font-size:12px;
	line-height:16px
}
.best__list:not(:first-child)>:last-child {
    font-weight:700
}
.best__list:not(:first-child):hover {
    background-color:var(--bg-04)
}
.best__list:nth-child(2)>:first-child {
	color:var(--font-red)
}
.best__list:nth-child(3)>:first-child {
	color:var(--font-yellow)
}
.best__list:nth-child(4)>:first-child {
	color:var(--font-blue)
}
.best__list[result="1"]>:nth-child(2)>:nth-child(2), .best__list[result="2"]>:nth-child(2)>:nth-child(2), .best__list[result="3"]>:nth-child(2)>:nth-child(2) {
    box-sizing:border-box;
    padding-right:20px;
    position:relative
}
.best__list[result="1"]>:nth-child(2)>:nth-child(2):before, .best__list[result="2"]>:nth-child(2)>:nth-child(2):before, .best__list[result="3"]>:nth-child(2)>:nth-child(2):before {
    background-position:50%;
    background-repeat:no-repeat;
    background-size:12px;
    content:"";
    height:16px;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);

    width:16px
}
.best__list[result="1"]>:nth-child(2)>:nth-child(2):before {
	background-image:url(../images/icon_champion.svg)
}
.best__list[result="2"]>:nth-child(2)>:nth-child(2):before {
	background-image:url(../images/icon_runner_up.svg)
}
.best__list[result="3"]>:nth-child(2)>:nth-child(2):before {
	background-color:var(--bg-green);
	border-radius:50%;
	height:6px;
	right:8px;
	width:6px
}

/* 加载 */
.qmw__loading {
	background-image:url(../images/icon_loading.svg);
	background-position:50%;
	background-repeat:no-repeat;
	background-size:32px;
	height:120px;
	width:100%
}
.page__kd {
	box-sizing:border-box;
	margin:0 auto;
	padding:20px 0;
	width:1200px;
    padding-bottom: 0px;
}

/* 荣誉 */
.honor__section {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.honor__item {
    border-bottom: 1px solid #ddd;
    display: flex;
    /* flex: 0 0 450px; */
    flex-direction: column;
}
.honor__item__title {
    color: #3c3c3c;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    gap: 12px;
    height: 32px;
    line-height: 32px;
}
.honor__item__content {
    border-bottom: 1px solid #f5f5f5;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 12px 0 24px;
}
.honor__list {
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 6px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
    overflow: hidden;
    padding: 12px 6px;
    width: 124px;
}
.honor__list>span {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: var(--font-color-50);
    display: box;
    font-size: 12px;
    line-height: 16px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.honor__list>span:first-child {
    color: #615f60;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

/* 标签 */
.tagslb {
    background: var(--bg-04);
    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-top: 10px;
    padding-bottom: 20px;
}
.tagslb a {
    border: 1px solid var(--bg-300);
    border-radius: 2px;
    color: #999;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 3px 6px;
}
.tagslb a:hover {
    border: 1px solid var(--bg-300);
    border-radius: 2px;
    color: #fff;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 3px 6px;
    background: var(--primary-200);
}

/* 统计项 */
.stat__item {
	align-items:center;
	display:flex;
	flex-direction:column;
	margin-bottom:56px;
	position:relative
}
.stat__item__content {
	display:flex;
	flex-wrap:wrap;
	gap:32px 0;
	width:100%
}
.stat__item__bg {
	fill:#fff;
	background-color:#0f88ee;
	height:34px;
	overflow:hidden;
	padding:0 24px;
	position:absolute;
	top:-17px;
	z-index:1
}
.stat__item[type=radar] {
	height:622px
}
.stat__item:last-child, .stat__item[type=radar] {
	margin-bottom:0
}
.stat__item:not(:first-child) {
    padding-top:36px
}
.stat__item:not(:first-child):before {
    background-color:var(--bg-04);
    content:"";
    height:1px;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.stat__list {
	cursor:pointer;
	flex:0 0 12.5%;
	flex-direction:column;
	height:80px;
	line-height:24px
}
.stat__list, .stat__list>span {
	align-items:center;
	display:flex
}
.stat__list>span {
	justify-content:center
}
.stat__list>span:first-child {
	font-family:Bebas;
	font-size:18px;
	height:26px
}
.stat__list>span:nth-child(2) {
    color:#222;
    font-size:16px
}
.stat__list>:nth-child(3) {
    align-items:center;
    background-color:#00abffa3;
    border-radius:4px;
    color:#fff;
    display:flex;
    font-size:14px;
    height:24px;
    justify-content:center;
    margin-top:6px;
    padding:0 6px
}
.stat__list>:nth-child(3)>span:nth-child(3) {
	color:var(--font-color-50);
	font-size:12px;
	margin-left:2px;
	scale:.5;
	width:12px
}


/* 最佳球员 */
.pre__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.pre__stats__list {
    border-bottom: 1px solid #f5f5f5;
    box-sizing: border-box;
    display: flex;
    flex: 0 0 386px;
    flex-direction: column;
    height: 60px;
    justify-content: space-between;
    padding: 0 0 12px 48px;
    position: relative;
    width: 410px;
}
.pre__stats__list > img {
  height: 40px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 4px;
  width: 40px;
}
.pre__stats__list:nth-child(2n) {
  margin-left: auto;
}
.pre__stats__info,
.pre__stats__extra {
  display: flex;
  justify-content: space-between;
}
.pre__stats__info {
  font-size: 16px;
  font-weight: 600;
  height: 24px;
  line-height: 24px;
}
.pre__stats__info > span:nth-child(2) {
  font-family: Bebas;
}
.pre__stats__extra {
  color: #666;
  font-size: 14px;
  height: 22px;
  line-height: 22px;
}

/* 球员状态 */
.stats__table--player .stats__table__main[type=basic] .stats__table__list[injury="1"]>span:nth-child(2), 
.stats__table--player .stats__table__main[type=basic] .stats__table__list[play="2"]>span:nth-child(2), 
.stats__table--player .stats__table__main[type=basic] .stats__table__list[status="0"]>span:nth-child(2) {
    background-position:100%;
    background-repeat:no-repeat;
    background-size:16px;
    padding-right:20px
}
.stats__table--player .stats__table__main[type=basic] .stats__table__list[status="0"]>span:nth-child(2) {
	background-image:url(../images/icon_dep.svg);
	color:var(--font-color-50)
}
.stats__table--player .stats__table__main[type=basic] .stats__table__list[injury="1"]>span:nth-child(2) {
	background-image:url(../images/icon_injury.svg)
}

/* 内页布局 */
.container {
    position: relative;
    margin: 40px auto;
    width: 1200px
}
.aside {
    float: left;
    width: 330px
}

/* 标签导航 */
.tags li {
    float: left;
    display: block;
    margin: 0 25px 25px 0;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0px 0px 16.59px 4.41px rgba(230,236,242,.73);
    width: 137px;
    height: 132px
}
.tags li a {
    display: block;
    margin: 30px auto;
    height: 80px;
    width: 80px;
    color: #888;
    font-size: 16px;
    text-align: center
}
.tags li a::before {
    display: block;
    margin: 0 auto 6px;
    width: 50px;
    height: 50px;
    content: "";
    background-size: 50px auto;
    background-position: center;
    background-repeat: no-repeat
}
.tags li a.on,.tags li a:hover {
    color: #ff9600
}
.tags .tag_1 a::before {
    background-image: url(../images/icon_tags_1.png)
}
.tags .tag_1 a.on::before,.tags .tag_1 a:hover::before {
    background-image: url(../images/icon_tags_on_1.png)
}
.tags .tag_2 a::before {
    background-image: url(../images/icon_tags_2.png)
}
.tags .tag_2 a.on::before,.tags .tag_2 a:hover::before {
    background-image: url(../images/icon_tags_on_2.png)
}
.tags .tag_3 a::before {
    background-image: url(../images/icon_tags_3.png)
}
.tags .tag_3 a.on::before,.tags .tag_3 a:hover::before {
    background-image: url(../images/icon_tags_on_3.png)
}
.tags .tag_4 a::before {
    background-image: url(../images/icon_tags_4.png)
}
.tags .tag_4 a.on::before,.tags .tag_4 a:hover::before {
    background-image: url(../images/icon_tags_on_4.png)
}
.tags .tag_6 a::before {
    background-image: url(../images/icon_tags_6.png)
}
.tags .tag_6 a.on::before,.tags .tag_6 a:hover::before {
    background-image: url(../images/icon_tags_on_6.png)
}
.tags .tag_7 a::before {
    background-image: url(../images/icon_tags_7.png)
}
.tags .tag_7 a.on::before,.tags .tag_7 a:hover::before {
    background-image: url(../images/icon_tags_on_7.png)
}
.tags .tag_8 a::before {
    background-image: url(../images/icon_tags_8.png)
}
.tags .tag_8 a.on::before,.tags .tag_8 a:hover::before {
    background-image: url(../images/icon_tags_on_8.png)
}
.tags .tag_9 a::before {
    background-image: url(../images/icon_tags_9.png)
}
.tags .tag_9 a.on::before,.tags .tag_9 a:hover::before {
    background-image: url(../images/icon_tags_on_9.png)
}

/* 主内容 */
.amain {
    overflow: hidden;
    float: right;
    width: 870px;
    margin-bottom: 50px
}
.amain h1 {
    position: relative;
    padding-left: 65px;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.188;
    background: linear-gradient(to bottom, #ffb400, #ff7800);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0)
}
.amain h1::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    display: block;
    content: "";
    width: 51px;
    height: 34px;
    background: url(../images/icon_title.png) no-repeat left center/51px 34px
}

/* 关于我们 */
.about p {
    text-indent: 2em;
    margin-top: 20px
}
.about img {
    display: block;
    margin: 0 auto 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}




.news__info__extra {
	color:#ccc;
	display:flex;
	font-size:14px;
	height:20px;
	line-height:20px
}

.news__info__extra span{
    margin-right: 8px;
}


.news__info__tags {
	display:flex;
	flex-wrap:wrap;
	font-size:16px;
	margin-left:-6px;
	width:calc(100% + 12px)
}
.news__info__tag {
	align-items:center;
	background-color:#eee;
	border-radius:6px;
	color:#666;
	display:flex;
	height:38px;
	justify-content:center;
	margin:0 6px 12px;
	padding:0 12px 0 8px
}



 .cate-tags {
	padding:10px 0 10px;
	overflow:hidden
}
 .cate-tags .tags-flex {
	margin-top:0;
	margin-bottom:0
}


 .tags-flex {
	display:flex;
	flex-wrap:wrap;
	margin:10px -5px
}
.tags-flex a {
	display:inline-block;
	flex:auto;
	padding:3px 12px;
	margin:5px 5px;
	border-radius:20px;
	text-align:center;
	color:#555;
	background:#f5f5f5
}
 .tags-flex a:hover {
	color:#fff;
	background:#0f88ee!important
}






.top20{ margin-top:20px;}

.photo-cols {
	margin:20px 0;
	padding:10px 0;
	overflow:hidden
}
.photo-cols ul {
	width:120%;
	overflow:hidden
}
.photo-cols li {
	width:266px;
	float:left;
	margin-right:32px;
	overflow:hidden
}
.photo-cols li i {
	display:block;
	height:150px;
	overflow:hidden
}
.photo-cols li i img {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
.photo-cols li b {
	display:block;
	height:50px;
	margin-top:10px;
	overflow:hidden;
	font-weight:normal;
	font-size:16px;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden
}



.nyvideo {
	position:relative; margin:10px 0px;
}
.nyvideo img.full {
	width:100%;
	height:540px
}
.nyvideo .play_icon {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:540px; text-align:center; line-height:540px;
}
.nyvideo .play_icon i{
 font-size:80px; color:#FFF; 
  opacity: 0.5; /* 半透明 */


}
.nyvideo .play_icon:hover  i{ opacity: 1;}

.qmw__section__header {
	align-items:center;
	box-sizing:border-box;
	display:flex;
	height:54px;
	justify-content:space-between;
	line-height:34px;
	padding-bottom:24px; margin-top:10px;
}
.qmw__section__side {
	display:flex;
	font-size:16px;
	gap:12px;
	position:relative
}
.qmw__section__title {
	align-items:center;
	display:flex;
	font-size:20px;
	font-weight:500;
	margin:0;
	text-align:left ; font-weight: 700;
  
}
.qmw__section__title  i {
    box-sizing: border-box;
    margin-right: 8px;
    color: #0f88ee;
    vertical-align: middle;
    font-weight: 400;
    font-size: 26px;
    line-height: 30px;
}




.qmw__section__title  strong{

	font-weight:normal;

}


.qmw__section__title>span {
	color:var(--font-color-50);
	font-size:14px;
	margin-left:8px
}
.qmw__section__btn {
	align-items:center;
	background-color:var(--bg-04);
	border-radius:4px;
	color:var(--font-blue-70);
	cursor:pointer;
	display:flex;
	font-size:14px;
	height:40px;
	justify-content:center;
	margin:24px auto 0;
	width:188px
}
.qmw__section__btn>.fa {
	font-size:10px
}

.stats__table__title {
	font-size:16px;
	font-weight:700;
	line-height:21px;
	margin-top:10px;
	margin-bottom:10px;
	width:100%
}




.news_tags {
    margin: 5px 0; /* 上下外边距 */
    display: flex;
    flex-wrap: wrap; /* 标签过多自动换行 */
    gap: 8px; /* 标签之间的间距 */
}

.news_tags a {
    display: inline-block;
    padding: 4px 12px; /* 标签内边距 上下 左右 */
    background-color: #f2f2f2; /* 默认背景浅灰 */
    color: #333; /* 文字颜色 */
    font-size: 14px;
    border-radius: 4px; /* 圆角大小 */
    text-decoration: none; /* 去掉a下划线 */
    transition: all 0.2s; /* hover过渡动画 */
}

.news_tags a:hover {
    background-color: #2b72d9; /* hover高亮背景蓝色 */
    color: #fff; /* hover文字变白 */
}


.gdgd22{ height:1090px; overflow:hidden}