/* 全局基础样式 */
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}
html {
	font-size:16px;
	height:100%
}
body {
	max-width:500px;
	min-height:100%;
	line-height:1.6;
	margin:0 auto;
	color:#333;
	font-size:0.4266666667rem;
	font-family:"PingFangSC-Regular", "STHeiti", "Microsoft YaHei", Helvetica, Arial, sans-serif;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-text-size-adjust:none;
	box-shadow:0 0 8px rgba(0, 0, 0, .15);
	background:#eee
}
a, a:active, a:focus, a:hover {
	color:#333;
	text-decoration:none
}
a, img {
	-webkit-touch-callout:none
}
img {
	max-width:100%;
	max-height:100%
}
ul, li {
	list-style:none
}
section.border, .sec-border {
	border-bottom:0.2666666667rem solid #f5f5f5
}
section {
	padding:0 0.4rem; background:#FFF
}
section.fixture__details__content {
	padding:0; 
}
section.best__section__tab {
	padding:0; 
}


/* 头部样式 */
header {
	height:50px
}
header .head {
	display:flex;
	position:relative;
	z-index:100;
	padding:12px 15px 10px;
	background:#fff
}
header .head li {
	flex:3
}
header .head li.logo {
	flex:1;
	min-width:90px
}
header .logo a {
	display:block;
	width:100%;
	height:40px;
	float:left;
	background:url(../images/logo_orange.png) left center no-repeat;
	background-size:auto 32px
}
header .head input[type=search] {
	width:100%;
	height:34px;
	line-height:34px;
	padding:0 15px;
	margin-top:2px;
	border:0;
	border-radius:50px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	text-align:center;
	font-size:15px;
	background:#f7f7f7 url(../images/zoom_gray.png) 35% center no-repeat;
	background-size:auto 18px
}
header .head input[type=search]:focus {
	padding-left:35px;
	text-align:left;
	background-position:10px center
}
header .navs {
	position:relative;
	z-index:105;
	margin:-3px 0 5px;
	padding:0 15px;
	visibility:hidden;
	opacity:0;
    transition:opacity .3s;
	background:#fff
}
header .navs .nav {
	display:flex;
	position:relative;
	z-index:105;
	margin:0 0 0 -15px;
	font-size:16px
}
header .navs a {
	display:block;
	position:relative;
	height:36px;
	line-height:36px;
	flex:2;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align:center
}
header .navs a.on {
	font-size:18px;
	color:#ff9600;
	font-weight:bold
}
header .navs a.on::after {
    display:block;
    position:absolute;
    content:"";
    left:18px;
    right:18px;
    bottom:1px;
    border-top:2px solid #ff9600
}

header .navs .nav a.toggle {
	position:relative;
	flex:1
}
header .navs .nav a.toggle.close {
	background:url(../images/icon_close_orange.png) center no-repeat;
	background-size:14px auto
}
header .navs .nav a.toggle.close::after, header .navs .nav a.toggle.close::before {
content:none
}
header .navs .nav a.toggle::before {
position:absolute;
content:"";
top:13px;
right:0;
width:22px;
height:2px;
padding:6px 0;
border-top:2px solid;
border-bottom:2px solid;
transform:scale(0.8);
background-color:currentColor;
background-clip:content-box
}
header .navs .nav a.toggle::before {
top:9px;
right:0;
border-top:2px solid !important
}



/* 标题栏样式 */
section .sbj {
	position:relative;
	height:1.0666666667rem;
	line-height:1.0666666667rem;
	margin:0 -0.4rem;
	padding:0 0.4rem;
	text-align:right;
	border-bottom:1px solid #eee
}
section .sbj b {
	position:absolute;
	top:0;
	left:0.4rem;
	bottom:0;
	line-height:1.1733333333rem;
	box-sizing:border-box;
	font-weight:normal
}
section .sbj b a {
	float:left;
	display:block;
	margin-right:0.2666666667rem;
	padding:0 0.1333333333rem;
	line-height:1.04rem
}
section .sbj b a:last-child {
	margin-right:0
}
section .sbj b a.on {
	border-bottom:1px #ff9702 solid;
	color:#ff9702
}
section .sbj .more {
	font-size:0.3733333333rem;
	color:#888
}

.photo-text.videos dt {
	position:relative;
	width:3.2rem;
	height:1.8133333333rem;
	margin-left:0;
	margin-right:0.2666666667rem;
	float:left
}
.photo-text.videos dt::after {
    position:absolute;
    right:0.16rem;
    bottom:0.1066666667rem;
    content:"";
    width:30px;
    height:30px;
    background:url(../images/icon_play.png) center no-repeat;
    background-size:0.6933333333rem auto
}
.photo-text.videos dd strong {
	font-weight:normal;
	color:#333
}

/* 底部样式 */
footer {
    clear: both;
    color: #888;
    background: #f5f5f5; 
}
footer a {
    color: #888
}
footer .copyright {
    margin-top: 10px;
    padding: 15px 0;
    border-top: 1px solid #ddd;
    text-align: center;
    font-size: 13px
}
footer .copyright p {
    padding: 0 15px;
    font-size: 14px
}







.header-menu {
	position:fixed;
	top:-350px;
	left:0;
	right:0;
	z-index:99;
	padding:10px 5px;
	border-top:1px solid #eee;
	box-shadow:rgba(0, 0, 0, .1) 0 1px 1px;
transition:top .5s;
	background:#fff
}
.header-menu::before {
display:none;
content:"拖动可调整顺序";
padding-left:8px;
padding-bottom:5px;
font-size:12px;
color:gray
}
.header-menu .menu-inner {
	padding-bottom:8px;
	overflow:hidden;
	font-size:14px
}
.header-menu .menu-inner a {
	display:block;
	width:calc(25% - 10px);
	height:32px;
	line-height:32px;
	margin:5px;
	float:left;
	border-radius:20px;
	text-align:center;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	background:#f2f2f2
}
.header-menu .menu-inner a.chosen {
	background:#b7e3fd
}
.header-menu .menu-inner a.ghost {
	opacity:.6;
	background:#caeafc
}
.header-menu .menu-inner a.nav-home {
	color:gray
}
.header-menu .btn-wrap {
	overflow:hidden;
	padding-bottom:10px;
	clear:both;
	text-align:center
}
.header-menu .btn-wrap .btn {
	height:32px;
	line-height:32px;
	margin:0 20px;
	padding:0 30px;
	border-radius:25px;
	border:0;
	font-size:14px;
	color:#666;
	cursor:pointer;
	background:#ddd
}
.header-menu .btn-wrap .btn-submit {
	color:#fff;
	background:#ff9600
}
.header-menu .btn-wrap .btn-submit:hover {
	background:#f80
}
@media(min-width: 500px) {
.header-menu {
left:initial;
right:initial;
width:500px
}
}













.hide{display:none !important}


header {
    height: 50px
}

header .fixed {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 100;
    height: 44px;
    line-height: 44px;
    -webkit-box-shadow: rgba(0,0,0,.05) 0 4px 5px;
    box-shadow: rgba(0,0,0,.05) 0 4px 5px;
    background: #fff
}

header .title {
    position: absolute;
    top: 0;
    left: 50px;
    right: 50px;
    bottom: 0;
    z-index: 1;
    text-align: center;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

header .left,header .right {
    position: relative;
    z-index: 2;
    height: 44px
}

header .left .icon,header .right .icon {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 44px
}

header .left .icon.icon-back::before,header .right .icon.icon-back::before {
    position: absolute;
    top: 15px;
    left: 16px;
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    border: 2px solid #333;
    border-right: 0;
    border-bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

header .left .icon.icon-white::before,header .right .icon.icon-white::before {
    position: absolute;
    top: 15px;
    left: 16px;
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    border: 2px solid #fff;
    border-right: 0;
    border-bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

header .left .icon.icon-nav::before,header .right .icon.icon-nav::before {
    position: absolute;
    content: "";
    top: 13px;
    right: 11px;
    width: 22px;
    height: 2px;
    padding: 6px 0;
    border-top: 2px solid;
    border-bottom: 2px solid;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    color: #333;
    background-color: currentColor;
    background-clip: content-box
}

header .left .icon.icon-nav-white::before,header .right .icon.icon-nav-white::before {
    color: #fff
}

header .left .icon.icon-search-white,header .right .icon.icon-search-white {
    background: url(../images/icon_zoom_white.png) no-repeat center/16px
}

header .left {
    float: left
}

header .right {
    float: right
}

.doctor-head {
    height: 52px
}

.doctor-head .fixed {
    background: url(../images/bg_head_01.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-box-shadow: none;
    box-shadow: none
}

.doctor-head .fixed .title {
    color: #fff
}

.header-menu {
    position: fixed;
    top: -8rem;
    left: 0;
    right: 0;
    z-index: 99;
    padding: 0.2666666667rem 0.1333333333rem;
    border-top: 1px solid #eee;
    -webkit-box-shadow: rgba(0,0,0,.1) 0 1px 1px;
    box-shadow: rgba(0,0,0,.1) 0 1px 1px;
    -webkit-transition: top .5s;
    -o-transition: top .5s;
    transition: top .5s;
    background: #fff
}

.header-menu .menu-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 0.2133333333rem;
    font-size: 0.3733333333rem
}

.header-menu .menu-inner a {
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    height: 0.8533333333rem;
    line-height: 0.8533333333rem;
    padding: 0 0.32rem;
    margin: 0.16rem 0.1333333333rem;
    border-radius: 0.5333333333rem;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background: #f2f2f2
}

.header-menu .menu-inner a.chosen {
    background: #b7e3fd
}

.header-menu .menu-inner a.ghost {
    opacity: .6;
    background: #caeafc
}

.header-menu .menu-inner a.nav-home {
    color: gray
}

.header-menu .btn-wrap {
    overflow: hidden;
    padding-bottom: 0.2666666667rem;
    clear: both;
    text-align: center
}

.header-menu .btn-wrap .btn {
    height: 0.8533333333rem;
    line-height: 0.8533333333rem;
    margin: 0 0.5333333333rem;
    padding: 0 0.8rem;
    border-radius: 0.6666666667rem;
    border: 0;
    font-size: 0.3733333333rem;
    color: #666;
    cursor: pointer;
    background: #ddd
}

.header-menu .btn-wrap .btn-submit {
    color: #fff;
    background: #ff9600
}

.header-menu .btn-wrap .btn-submit:hover {
    background: #f80
}

@media screen and (min-width: 500px) {
    header .fixed {
        width:500px;
        left: initial;
        right: initial
    }

    .header-menu {
        width: 500px;
        left: initial !important;
        right: initial !important
    }
}



/* 视频容器 video-wrap + 视频模块 */
.video-wrap{overflow:hidden}
.video-wrap .fixed{position:fixed;top:44px;left:0;right:0;z-index:10}
.video{position:relative;top:0;left:0;width:100%;height:100%;background:#fff}
.video video{position:absolute;top:0;left:0;width:100%;height:100%}

/* 简介模块 introduce */
.introduce h1{position:relative;margin:0 -0.4rem;padding:0.32rem 0.4rem;font-size:0.5333333333rem}
.introduce h1::after{position:absolute;left:0;right:0;bottom:0;content:"";border-top:1px solid #ccc;transform:scaleY(0.5)}
.introduce .intro{text-align:justify;color:gray;font-size:0.4rem}
.introduce .intro p{margin:0.2666666667rem 0}
.introduce .tags{display:flex;flex-wrap:wrap;padding:0;margin:0}
.introduce .tags a{display:inline-block;flex:auto;padding:0.1066666667rem 0.2666666667rem 0.08rem;margin:0.16rem;border:1px solid #eee;border-radius:0.5333333333rem;text-align:center;font-size:0.3733333333rem}
.introduce .tags a{flex:none;padding:0 0.2133333333rem 0.0266666667rem;font-size:0.3466666667rem;color:#ff9702;border-color:#ff9702}

/* 横向视频滚动 videos-scroll */
.audio-scroll .cont,.videos-scroll .cont{padding:0.4rem 0;overflow-x:auto;white-space:nowrap}
.audio-scroll .cont a,.videos-scroll .cont a{display:inline-block;width:3.2rem;margin-right:0.2666666667rem;vertical-align:top}
.audio-scroll .cont a i,.videos-scroll .cont a i{position:relative;display:block;width:3.2rem;height:1.8133333333rem;margin-bottom:0.16rem;overflow:hidden}
.audio-scroll .cont a i::after,.videos-scroll .cont a i::after{position:absolute;right:0.16rem;bottom:0.16rem;content:"";width:0.5866666667rem;height:0.5866666667rem;background:url(../images/icon_play.png) center no-repeat;background-size:0.5866666667rem}
.audio-scroll .cont a p,.videos-scroll .cont a p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:0.3466666667rem}

/* 栏目标题 sbj */
section .sbj{position:relative;height:1.0666666667rem;line-height:1.0666666667rem;margin:0 -0.4rem;padding:0 0.4rem;text-align:right;border-bottom:1px solid #eee}
section .sbj b{position:absolute;top:0;left:0.4rem;bottom:0;line-height:1.1733333333rem;box-sizing:border-box;font-weight:normal}
section .sbj .more{font-size:0.3733333333rem;color:#888}

/* 圆角区块 sec-radius */
.sec-radius{padding:0.4rem 0.2666666667rem;border-radius:0.2666666667rem;background-color:#fff;box-shadow:0 0 3px 3px rgba(238,238,238,.3); margin-top:10px; }
.sec-radius .cont{}
.video-text dl {
    margin-bottom: 0.5333333333rem;
}
/* 区块标题 sec-sbj */
.sec-sbj{overflow:hidden;color:#f99e00}
.sec-sbj b{float:left;display:block;font-size:0.5333333333rem;}
.sec-sbj h1{float:left;display:block;font-size:0.5333333333rem;}
.sec-sbj a{float:right;display:block;margin-top:0.1333333333rem;padding:0px 10px 0px 15px;line-height:1.5;font-size:0.3733333333rem;color:#ff9000;border-radius:25px;border:1px solid #ff9000}
.sec-sbj span{float:right;display:block;margin-top:0.1333333333rem;padding:0px 10px 0px 15px;line-height:1.5;font-size:0.3733333333rem;color:#ff9000;border-radius:25px;border:1px solid #ff9000}

/* 视频列表 video-text */
.video-text dt{float:left;position:relative;overflow:hidden;margin-right:0.2666666667rem;width:3.4133333333rem;height:1.92rem;border-radius:0.1333333333rem}
.video-text dt::after{position:absolute;display:block;right:0.1333333333rem;bottom:0.1333333333rem;content:"";width:0.6666666667rem;height:0.6666666667rem;background:url(../images/icon_video_white.png) no-repeat center/0.6666666667rem}
.video-text dt img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.video-text dd{font-size:0.32rem}
.video-text dd b{display:block;margin-bottom:0.1333333333rem;font-size:0.4rem;font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.video-text dd p{line-height:0;font-size:0}
.video-text dd em{position:relative;display:inline-block;margin-right:0.2133333333rem;padding-right:0.2133333333rem;line-height:2;font-size:0.32rem;color:#666}
.video-text dd em:first-child{font-size:0.3466666667rem;color:#ff9600}
.video-text dd em:first-child::after{position:absolute;top:50%;right:0;transform:translateY(-40%);content:"";width:1px;height:0.32rem;background-color:#e5e5e5}
.video-text dd em:nth-child(2)::after{position:absolute;top:50%;right:0;transform:translateY(-40%);content:"";width:1px;height:0.2666666667rem;background-color:#e5e5e5}
.video-text dd i{display:block;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* 标签组 tags */
section .tags{display:flex;flex-wrap:wrap;padding:0.2666666667rem 0;margin:0 -0.2133333333rem}
section .tags a{display:inline-block;flex:auto;padding:0.1066666667rem 0.2666666667rem 0.08rem;margin:0.16rem;border:1px solid #eee;border-radius:0.5333333333rem;text-align:center;font-size:0.3733333333rem}

/* 响应式兼容（500px以上居中限制） */
@media(min-width: 500px){
    .header-menu{left:initial;right:initial;width:500px}
    .video-wrap .fixed,header .fixed{left:initial !important;right:initial !important;width:500px}
}







.pager{overflow:hidden;padding:20px 0;text-align:center;border-top:1px solid #ddd}
.pager span,.pager a{display:inline-block;line-height:1.4;padding:5px 12px 2px;margin:0 2px;border:1px solid #ddd;color:#333;background:white}
.pager span.active,.pager span.on,.pager a.active,.pager a.on{color:white;border-color:#ff9702;background:#ff9702}
.pager span.prev,.pager span.next,.pager a.prev,.pager a.next{position:relative}
.pager span.prev::before,.pager span.next::before,.pager a.prev::before,.pager a.next::before{content:'a';color:white}
.pager span.prev::after,.pager span.next::after,.pager a.prev::after,.pager a.next::after{position:absolute;top:50%;left:50%;content:'';width:10px;height:10px;border:1px solid #666}
.pager span.prev::after,.pager a.prev::after{-webkit-transform:rotate(-45deg) translate(10%, -50%);transform:rotate(-45deg) translate(10%, -50%);border-right:0;border-bottom:0}
.pager span.next::after,.pager a.next::after{-webkit-transform:rotate(-45deg) translate(-25%, -80%);transform:rotate(-45deg) translate(-25%, -80%);border-left:0;border-top:0}
.pager span{color:#888}









/* 图文列表核心样式 photo-text */
.photo-text dl{overflow:hidden;padding:.53333rem 0;border-bottom:1px dotted #ccc}
.photo-text a:last-child dl{border-bottom:0}
.photo-text dt{width:3.2rem;height:1.81333rem;margin-right:.32rem;float:left;overflow:hidden;border-radius:.10667rem}
.photo-text dt img{width:100%;height:100%;object-fit:cover}
.photo-text dd{overflow:hidden}
.photo-text dd b{display:block;line-height:1.2;margin-bottom:.18667rem;font-size:.4rem;font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.videos  dd b{line-height:2;}
.photo-text dd p{margin-bottom:.08rem;font-size:.37333rem;color:#888;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/* 两行文字截断 */
.row2{display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal!important; }




.art-detail {
    margin: 0 0 0.4rem;
    line-height: 1.8;
    font-size: 0.4rem;
    background-color: #fff
}

.art-detail a {
    color: #f57f15
}

.art-detail a:hover {
    text-decoration: underline
}

.art-detail h1 {
    line-height: 1.4;
    color: #ff7200;
    font-size: 0.64rem
}

.art-detail .info {
    padding: 0.1333333333rem 0;
    color: #bbb;
    font-size: 0.3466666667rem
}

.art-detail p {
    padding: 0.1333333333rem 0
}

.art-detail img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}





.doctor-head .fixed {
    background: url(../images/bg_head_01.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-box-shadow: none;
    box-shadow: none;
}



/* ========== 新增样式 开始 ========== */
/* 右侧图标链接，同行靠右排列 */
.info__header__extra {
    position: absolute;
    right: 0.4rem;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    text-decoration: none;
}
/* 图标尺寸适配 */
.info__header__extra__img {
    width: 1.2rem;
    height: 1.2rem;
    object-fit: contain;
    display: block;
}
/* ========== 新增样式 结束 ========== */






.doctor-intro {
    margin: 0 -0.4rem;
    padding: 1.3333333333rem 0 0
}

.doctor-intro dl {
    position: relative;
    margin: 0 0.4rem;
    padding: 0.4rem;
    background-color: #fff;
    border-radius: 0.4rem 0.4rem 0 0
}

.doctor-intro dl.badge::before {
    position: absolute;
    left: 0.2666666667rem;
    bottom: 0.5333333333rem;
    content: "";
    width: 2.5333333333rem;
    height: 0.6133333333rem;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 10
}

.doctor-intro dl.badge_1::before {
    background-image: url(../images/badge_1.png)
}

.doctor-intro dl.badge_2::before {
    background-image: url(../images/badge_2.png)
}

.doctor-intro dl.badge_3::before {
    background-image: url(../images/badge_3.png)
}

.doctor-intro dt {
    float: left;
    position: relative;
    margin-top: 0.4rem;
    width: 2.2666666667rem;
    height: 2.2666666667rem;
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 84, 0)), to(rgb(255, 255, 255)));
    background: -o-linear-gradient(bottom, rgb(255, 84, 0) 0%, rgb(255, 255, 255) 100%);
    background: linear-gradient(to top, rgb(255, 84, 0) 0%, rgb(255, 255, 255) 100%)
}

.doctor-intro dt i {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2.1333333333rem;
    height: 2.1333333333rem;
    border-radius: 50%
}

.doctor-intro dd {
    min-height: 2.9333333333rem;
    overflow: hidden;
    padding-left: 0.4rem;
    word-spacing: 0.2666666667rem;
    font-size: 0.3466666667rem
}

.doctor-intro dd h2 {
    font-size: 0.48rem
}

.doctor-intro dd h2 span {
    font-weight: normal;
    color: #666
}

.doctor-intro dd span {
    line-height: 0.6666666667rem;
    font-weight: normal;
    font-size: 0.3733333333rem;
    color: #444
}

.doctor-intro dd a {
    color: #ff9702
}

.doctor-intro dd p {
    margin-top: 0.1333333333rem;
    word-spacing: 0;
    text-align: justify;
    color: #888;
    font-size: 0.32rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    /*! autoprefixer: off */
    overflow: hidden
}

.doctor-intro h4 {
    margin-top: 0.2666666667rem
}

.intro-bg {
    margin: -52px 0 0;
    padding: 0.2666666667rem 0.4rem 0;
    background: url(../images/bg_head_01.png) no-repeat top;
    background-size: 100% auto
}

.intro-bg .bottom-radius {
    border-radius: 0 0 0.4rem 0.4rem
}
















.channel-navs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.4rem 0;
    background-color: #eee
}

.channel-navs a {
    display: inline-block;
    text-align: center;
    background-position: center 0;
    background-repeat: no-repeat;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;     padding: 0 .1rem;
}

.channel-navs a.on {
    color: #ff6a98;
    font-weight: bold
}


section .detail-text {
    line-height: 1.6;
    font-size: 0.3733333333rem
}.detail-text {
    line-height: 1.8;
    margin: 0.32rem 0 0.4rem;
    color: #666
}

.dynamic-list a {
    display: block;
    margin: 0.4rem 0;
    font-size: 0.4266666667rem;
    color: #666;
    max-width: 95%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.dynamic-list a i {
    display: inline-block;
    margin-right: 0.1333333333rem;
    padding: 0.1333333333rem 0.2666666667rem 0.1066666667rem 0.1066666667rem;
    color: #fff;
    font-size: 0.32rem;
    font-style: italic;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    background: no-repeat center/100% url(../images/list_style_04.png)
}

.dynamic-list a:nth-child(1) {
    position: relative
}

.dynamic-list a:nth-child(1) i {
    background-image: url(../images/list_style_01.png)
}

.dynamic-list a:nth-child(2) {
    position: relative
}

.dynamic-list a:nth-child(2) i {
    background-image: url(../images/list_style_02.png)
}

.dynamic-list a:nth-child(3) {
    position: relative
}

.dynamic-list a:nth-child(3) i {
    background-image: url(../images/list_style_03.png)
}



.qmw__section {
  background-color: var(--card-1);
  box-sizing: border-box;
  padding: .04rem .32rem .32rem;
  width: 100%;
}
.qmw__section__header {
  align-items: center;
  background-color: var(--card-1);
  display: flex;
  height: 1rem;
  justify-content: space-between;
}
.qmw__section__title {
  color: var(--font-color);
  display: flex;
  font-size: .32rem;
  font-weight: 600;
  height: .52rem;
  line-height: .52rem;
  margin: 0;
}
.qmw__section__title>span {
  color: var(--font-color-3);
  font-size: .26rem;
  font-weight: 400;
  margin-left: .12rem;
}





.basic__info {
	color:var(--font-color);
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	font-size:.39rem;
	justify-content:space-between;
	line-height:.54rem;
	overflow:hidden
}
.basic__info__list {
	display:flex;
	flex:0 0 4.58rem;
	flex-wrap:wrap;
	height:.54rem;
	overflow:hidden; margin-top:5px;
}
.basic__info__list>span {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	box-sizing:border-box;
	display:box;
	flex:1;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.basic__info__list>span:first-child {
	color:var(--font-color-2);
	flex:0 0 1.32rem;
	padding-right:.12rem;
	text-align:center
}
.basic__info__list--full {
	flex:0 0 100%
}





.intro__title {
	display:flex;
	flex-wrap:wrap;
	margin-top:.36rem;
	padding-top:.36rem
}
.intro__title__list {
	background-color:var(--card-2);
	border-radius:.12rem;
	box-sizing:border-box;
	color:var(--font-color);
	display:flex;
	flex:0 0 4.5rem;
	flex-direction:column;
	font-size:.39rem;
	height:1.5rem;
	justify-content:center;
	line-height:.54rem;
	padding:.24rem .24rem .24rem 1.2rem;
	position:relative
}
.intro__title__list>img {
	height:.72rem;
	left:.24rem;
	-o-object-fit:contain;
	object-fit:contain;
	position:absolute;
	width:.72rem
}
.intro__title__list>span {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	display:box;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.intro__title__list:nth-child(2n) {
	margin-left:auto
}
.intro__title__list:nth-child(n+3) {
	margin-top:.24rem
}
.intro__title:not(:first-child) {
	border-top:.03rem solid var(--line)
}

.qmw__section {
    background-color: var(--card-1);
    box-sizing: border-box;
    padding: .06rem .48rem .48rem;
    width: 100%;
}

.qmw__section:not(:last-child) {
    margin-bottom: .24rem;
}

.qmw__section__header {
    align-items: center;
    background-color: var(--card-1);
    display: flex;
    height: 1.5rem;
    justify-content: space-between;
}

.qmw__section__title {
    color: var(--font-color);
    display: flex;
    font-size: .48rem;
    font-weight: 600;
    height: .78rem;
    line-height: .78rem;
    margin: 0;
}

.grade__section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.grade__list {
	align-items:center;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	height:2.16rem;
	justify-content:space-between;
	overflow:hidden;
	padding:.24rem .18rem;
	width:25%
}
.grade__list>img {
	height:.96rem;
	-o-object-fit:contain;
	object-fit:contain;
	width:.96rem
}
.grade__list>span {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	color:var(--font-color);
	display:box;
	font-size:.39rem;
	line-height:.54rem;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}





/* ========== CSS 变量（包含亮色/暗色主题） ========== */
:root {
  --fff: #fff;
  --fff-70: hsla(0, 0%, 100%, .7);
  --fff-50: hsla(0, 0%, 100%, .5);
  --fff-16: hsla(0, 0%, 100%, .16);
  --000-80: rgba(0, 0, 0, .8);
  --000-70: rgba(0, 0, 0, .7);
  --000-50: rgba(0, 0, 0, .5);
  --like-left-img: url(../fonts/bg_like_left.svg);
  --like-right-img: url(../fonts/bg_like_right.svg);
}
@media (prefers-color-scheme: dark) {
  :root {
    --theme: #2851db;
    --theme-2: #5673cc;
    --theme-50: rgba(40, 81, 219, .5);
    --theme-24: rgba(40, 81, 219, .24);
    --theme-12: rgba(40, 81, 219, .12);
    --theme-06: rgba(40, 81, 219, .06);
    --green: #1f9421;
    --blue: #2493db;
    --yellow: #db8928;
    --yellow-12: rgba(219, 137, 40, .12);
    --yellow-6: rgba(219, 137, 40, .06);
    --red: #d12132;
    --red-50: rgba(209, 33, 50, .5);
    --red-2: #cc3d3d;
    --font-color: #eaeaeb;
    --font-color-2: #96989c;
    --font-color-3: #595b5f;
    --font-color-4: #3c3c3d;
    --line: #262729;
    --bg: #0a0a0b;
    --card-1: #18181b;
    --card-2: #26262b;
    --tag-color-1: #c4a94f;
    --tag-color-2: #4a3c0f;
    --tag-color-3: #e5e1a3;
    --tab-d1: hsla(0, 0%, 100%, .08);
    --tab-d2: hsla(0, 0%, 100%, 0);
    --bg-dl-btn: url(../fonts/bg_dl_btn_dark.svg);
    --bg-tab: url(../fonts/bg_tab_dark.svg);
    --menu-calendar: url(../fonts/menu_calendar_dark.svg);
    --ball-1: url(../fonts/icon_ball_1_dark.svg);
    --ball-2: url(../fonts/icon_ball_2_dark.svg);
    --game-live-icon: url(../fonts/icon_live_dark.svg);
    --game-video-icon: url(../fonts/icon_video_dark.svg);
    --game-replay-icon: url(../fonts/icon_replay_dark.svg);
  }
}
@media (prefers-color-scheme: light) {
  :root {
    --theme: #386aff;
    --theme-2: #6b90ff;
    --theme-50: rgba(56, 106, 255, .5);
    --theme-24: rgba(56, 106, 255, .24);
    --theme-12: rgba(56, 106, 255, .12);
    --theme-06: rgba(56, 106, 255, .06);
    --green: #37b82e;
    --blue: #32baff;
    --yellow: #ffac38;
    --yellow-12: rgba(255, 172, 56, .12);
    --yellow-6: rgba(255, 172, 56, .06);
    --red: #f22e2e;
    --red-50: rgba(242, 46, 46, .5);
    --red-2: #f26161;
    --font-color: #0e0e0f;
    --font-color-2: #818181;
    --font-color-3: #b0b2b5;
    --font-color-4: #ebebf0;
    --line: #f2f2f3;
    --bg: #f7f7f8;
    --card-1: #fff;
    --card-2: #f7f7f8;
    --tag-color-1: #f7d464;
    --tag-color-2: #7c6519;
    --tag-color-3: #fffab5;
    --tab-d1: rgba(0, 0, 0, .08);
    --tab-d2: transparent;
    --bg-dl-btn: url(../fonts/bg_dl_btn.svg);
    --bg-tab: url(../fonts/bg_tab.svg);
    --menu-calendar: url(../fonts/menu_calendar.svg);
    --ball-1: url(../fonts/icon_ball_1_light.svg);
    --ball-2: url(../fonts/icon_ball_2_light.svg);
    --game-live-icon: url(../fonts/icon_live.svg);
    --game-video-icon: url(../fonts/icon_video.svg);
    --game-replay-icon: url(../fonts/icon_replay.svg);
  }
}

/* ========== Tab 组件 ========== */
.qmw__tab {
  z-index: 2;
}
.qmw__tab__container {
  display: flex;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  width: 100%;
}
.qmw__tab__list {
  cursor: pointer;
  white-space: nowrap;
}
.qmw__tab__list>span {
  z-index: 1;
}
.qmw__tab__side {
  align-items: center;
  display: flex;
  gap: .36rem;
  justify-content: center;
  padding: 0 .48rem;
  position: relative;
}
header  .fixed .qmw__tab__side {
  align-items: center;
  display: flex;
  gap: .36rem;
  justify-content: center;
  padding: 0 .48rem;
  position: relative; float:right; margin-top:7px; z-index: 22222;
}



.qmw__tab__side__list {
  height: .72rem;
  width: .72rem;
}
.qmw__tab__side__list.fa {
  align-items: center;
  color: var(--font-color);
  display: flex;
  font-size: .6rem;
  justify-content: center;
}
.qmw__tab--small {
  background-color: var(--card-1);
  box-sizing: border-box;
  display: flex;
  height: 1.5rem;
  padding: 0 .48rem;
  position: relative;
  width: 100%;
}
.qmw__tab--small:before {
  background-color: var(--line);
  bottom: 0;
  content: "";
  height: .03rem;
  left: 0;
  margin: 0 .48rem;
  position: absolute;
  width: 10.29rem;
}
.qmw__tab--small .qmw__tab__side {
  padding: 0 0 0 .24rem;
}
.qmw__tab--small .qmw__tab__side:before {
  display: none;
}
.qmw__tab--small .qmw__tab__container {
  align-items: center;
}
.qmw__tab--small .qmw__tab__list {
  align-items: center;
  background-color: var(--card-2);
  border-radius: .18rem;
  color: var(--font-color-2);
  display: flex;
  font-size: .39rem;
  height: .78rem;
  padding: 0 .24rem;
}
.qmw__tab--small .qmw__tab__list--active {
  color:  #ff5400;
  font-weight: 600;
}
.qmw__tab--small .qmw__tab__list:not(:first-child) {
  margin-left: .24rem;
}
.qmw__tab__item {
  display: none;
}
.qmw__tab__item[active="1"] {
  display: unset;
}

/* ========== Picker 下拉选择器 ========== */
.qmw__picker {
  align-items: center;
  background-color: var(--card-2);
  border-radius: .12rem;
  color: var(--font-color);
  cursor: pointer;
  display: flex;
  font-size: .39rem;
  height: .78rem;
  padding: 0 .18rem;
  white-space: nowrap;
  width: auto;
}
.qmw__picker__icon {
  color: var(--font-color-3);
  font-size: .24rem;
  margin-left: .06rem;
}

 
/* ========== 积分榜表格 stats__table ========== */
.stats__table {
  display: flex;
  flex-direction: column;
}
.stats__table:not(:first-child) {
  margin-top: .48rem;
}
.stats__table__title {
  box-sizing: border-box;
  color: var(--font-color);
  font-size: .39rem;
  font-weight: 600;
  line-height: .54rem;
  margin-bottom: .36rem;
  padding: 0 .36rem;
  width: 100%;
}
.stats__table__content {
  display: flex;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.stats__table__main {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.stats__table__main[type=info] {
  flex: 1;
  overflow: scroll;
  scrollbar-width: none;
}
.stats__table__area {
  min-width: -moz-max-content;
  min-width: max-content;
}
.stats__table__area__name {
  border-radius: 0 0 0 .18rem;
  font-size: .27rem;
  font-weight: 600;
  height: .45rem;
  line-height: .45rem;
  padding: 0 .18rem 0 .12rem;
  position: absolute;
  right: 0;
  z-index: 2;
}
.stats__table__area[type=demotion], .stats__table__area[type=promotion]:not(:nth-child(2)) {
  border-top: .03rem solid var(--theme-24);
}
.stats__table__area[type=promotion]:not(:nth-child(2)) .stats__table__area__name {
  background-color: var(--theme-2);
}
.stats__table__area[type=promotion] .stats__table__area__name {
  background-color:  #ff5400;
  color: var(--fff);
}
.stats__table__area[type=demotion] .stats__table__area__name {
  background-color: var(--font-color-4);
  color: var(--font-color-2);
}
.stats__table__list {
  align-items: center;
  box-sizing: border-box;
  color: var(--font-color);
  display: flex;
  flex-wrap: nowrap;
  font-size: .39rem;
  height: 1.32rem;
  overflow: hidden;
  position: relative;
}
.stats__table__list>span {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  box-sizing: border-box;
  display: box;
  flex: 0 0 1.44rem;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 1.44rem;
}
.stats__table__list>span[size="36"] {
  flex: 0 0 1.08rem;
  width: 1.56rem;
}
.stats__table__list>span[size="52"] {
  flex: 0 0 1.56rem;
  width: 1.56rem;
}
.stats__table__list>span[size="62"] {
  flex: 0 0 1.86rem;
  width: 1.86rem;
}
.stats__table__list>span[size="64"] {
  flex: 0 0 1.92rem;
  width: 1.92rem;
}
.stats__table__list>span[size="86"] {
  flex: 0 0 2.58rem;
  width: 2.58rem;
}
.stats__table__list>span[size="106"] {
  flex: 0 0 3.18rem;
  width: 3.18rem;
}
.stats__table__list>img {
  height: .72rem;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: .72rem;
}
.stats__table__main>.stats__table__list:first-child {
  border-bottom: .03rem solid var(--line);
  box-sizing: border-box;
  color: var(--font-color-3);
  height: .78rem;
  padding-bottom: .24rem;
}
.stats__table__main[type=basic] .stats__table__list:first-child>span:first-child {
  color: var(--font-color);
}
.stats__table__main[type=info] .stats__table__list {
  min-width: -moz-max-content;
  min-width: max-content;
}
.stats__table--standings .stats__table__content:after {
  background-color: var(--line);
  bottom: 0;
  content: "";
  height: .03rem;
  left: .48rem;
  position: absolute;
  width: calc(100% - .96rem);
}
.stats__table--standings .stats__table__main>.stats__table__list:first-child {
  background-color: var(--card-2);
  border-bottom: .03rem solid var(--line);
  height: 1.02rem;
  padding-bottom: 0;
}
.stats__table--standings .stats__table__list {
  height: 1.44rem;
}
.stats__table--standings .stats__table__list>img {
  left: 1.56rem;
}
.stats__table--standings .stats__table__main[type=basic] .stats__table__list[pos="1"],
.stats__table--standings .stats__table__main[type=basic] .stats__table__list[pos="2"],
.stats__table--standings .stats__table__main[type=basic] .stats__table__list[pos="3"] {
  display: flex;
  position: relative;
}
.stats__table--standings .stats__table__main[type=basic] .stats__table__list[pos="1"]>span:first-child,
.stats__table--standings .stats__table__main[type=basic] .stats__table__list[pos="2"]>span:first-child,
.stats__table--standings .stats__table__main[type=basic] .stats__table__list[pos="3"]>span:first-child {
  color: var(--fff);
  z-index: 2;
}
.stats__table--standings .stats__table__main[type=basic] .stats__table__list[pos="1"]:before,
.stats__table--standings .stats__table__main[type=basic] .stats__table__list[pos="2"]:before,
.stats__table--standings .stats__table__main[type=basic] .stats__table__list[pos="3"]:before {
  border-radius: .12rem;
  content: "";
  height: .54rem;
  left: .51rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: .54rem;
}
.stats__table--standings .stats__table__list[pos="1"]:before {
  background-color: var(--red);
}
.stats__table--standings .stats__table__list[pos="2"]:before {
  background-color: var(--yellow);
}
.stats__table--standings .stats__table__list[pos="3"]:before {
  background-color:  #ff5400;
}
.stats__table--standings .stats__table__main[type=basic] {
  flex: 0 0 5.1rem;
}
.stats__table--standings .stats__table__main[type=basic] .stats__table__list {
  padding-right: .36rem;
}
.stats__table--standings .stats__table__main[type=basic] .stats__table__list>span:first-child {
  flex: 0 0 1.56rem;
}
.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: .96rem;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}






/* ========== Tab 组件（默认样式） ========== */
.qmw__tab {
  z-index: 2;
}
.qmw__tab__container {
  display: flex;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  width: 100%;
}
.qmw__tab__list {
  cursor: pointer;
  white-space: nowrap;
}
.qmw__tab__list > span {
  z-index: 1;
}
.qmw__tab__side {
  align-items: center;
  display: flex;
  gap: .36rem;
  justify-content: center;
  padding: 0 .48rem;
  position: relative;
}


.qmw__tab__side__list {
  height: .72rem;
  width: .72rem;
}
.qmw__tab__side__list.fa {
  align-items: center;
  color: var(--font-color);
  display: flex;
  font-size: .6rem;
  justify-content: center;
}
.qmw__tab__menu {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: .72rem;
  width: .72rem;
}
.qmw__tab__menu[data-name="calendar"] {
  background-image: var(--menu-calendar);
}
.qmw__tab__menu:not(:first-child) {
  margin-left: .48rem;
}
.qmw__tab--default, .qmw__tab--level1 {
  background-color: var(--card-1);
  display: flex;
  font-size: .42rem;
  height: 1.32rem;
}
.qmw__tab--default .qmw__tab__list, .qmw__tab--level1 .qmw__tab__list {
  align-items: center;
  color: var(--font-color-2);
  display: flex;
  justify-content: center;
  padding: 0 .15rem;
  position: relative;
  white-space: nowrap;
}
.qmw__tab--default .qmw__tab__list--active, .qmw__tab--level1 .qmw__tab__list--active {
  color: var(--font-color);
  font-weight: 600;
}
.qmw__tab--default .qmw__tab__list--active:before, .qmw__tab--level1 .qmw__tab__list--active:before {
  background-color: #ff5400;
  border-radius: .03rem;
  bottom: 0;
  content: "";
  height: .06rem;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: .36rem;
}
.qmw__tab--default {
  box-shadow: 0 -.015rem 0 0 var(--line) inset;
}
.qmw__tab__item {
  display: none;
}
.qmw__tab__item[active="1"] {
  display: unset;
}























////////////////////////////////////////////////////////////////////////////////////////////////



/* CSS 变量 - 深色模式 */

:root {
	
--bg-jf-0:rgb(255,153,0,1);
--bg-jf-0:rgb(255,153,0,1);
--bg-jf-1:rgb(255,153,0,0.9);
--bg-jf-2:rgb(255,153,0,0.8);
--bg-jf-3:rgb(255,153,0,0.7);
--bg-jf-4:rgb(255,153,0,0.6);
--bg-jf-5:rgb(255,153,0,0.5);
--bg-jf-6:rgb(255,153,0,0.4);
--bg-jf-7:rgb(255,153,0,0.3);
	
--theme:#2851db;
--theme-2:#5673cc;
--theme-50:rgba(40, 81, 219, .5);
--theme-24:rgba(40, 81, 219, .24);
--theme-12:rgba(40, 81, 219, .12);
--theme-06:rgba(40, 81, 219, .06);
--green:#1f9421;
--blue:#2493db;
--yellow:#db8928;
--yellow-12:rgba(219, 137, 40, .12);
--yellow-6:rgba(219, 137, 40, .06);
--red:#d12132;
--red-50:rgba(209, 33, 50, .5);
--red-2:#cc3d3d;
--font-color:#eaeaeb;
--font-color-2:#96989c;
--font-color-3:#595b5f;
--font-color-4:#3c3c3d;
--line:#262729;
--bg:#0a0a0b;
--card-1:#18181b;
--card-2:#26262b;
--tab-d1:hsla(0, 0%, 100%, .08);
--tab-d2:hsla(0, 0%, 100%, 0);
--menu-calendar:url(../fonts/menu_calendar_dark.svg);
}


/* 顶部标签栏侧边菜单 */
.qmw__tab__side {
	align-items:center;
	display:flex;
	gap:.36rem;
	justify-content:center;
	padding:0 .48rem;
	position:relative;
}
.qmw__tab__side:before {
	background-image:radial-gradient(50% 50% at 50% 50%, var(--tab-d1) 0, var(--tab-d2) 90%);
	background-position:.12rem;
	background-size:.24rem 100%;
	content:"";
	height:1.32rem;
	left:0;
	position:absolute;
	width:.12rem;
}
.qmw__tab__menu {
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
	height:.72rem;
	width:.72rem;
}
.qmw__tab__menu[data-name=calendar] {
	background-image: url('../images/rq22.png');background-size: .52rem;
}

/* 赛事模块通用 */
.qmw__section {
	background-color:var(--card-1);
	box-sizing:border-box;
	padding:.06rem .48rem .48rem;
	width:100%;
}
.qmw__section--p0 {
	padding-left:0;
	padding-right:0;
}


/* 赛事详情头部 */
.fixture__details__header {
	align-items:center;
	background-color:var(--bg);
	box-sizing:border-box;
	color:var(--font-color-2);
	display:flex;
	font-size:.39rem;
	height:1.02rem;
	justify-content:space-between;
	padding:0 .48rem;
	position:sticky;
	top:1.32rem;
	z-index:1;
}
.fixture__details--today .fixture__details__header {
	color: #ff5400;
}
.fixture__details__content {
	background-color:var(--card-1);
	box-sizing:border-box;
	width:100%;
}

/* 赛事列表项 */
.fixture__list {
	cursor:pointer;
	display:flex;
	flex-direction:column;
	font-size:.39rem;
	padding:.48rem;
	position:relative;
}
.fixture__list:not(:last-child):before {
	background-color:var(--line);
	bottom:0;
	content:"";
	height:.03rem;
	left:50%;
	position:absolute;
	transform:translate(-50%);
	width:calc(100% - .96rem);
}

/* 赛事列表头部（时间、状态、类型） */
.fixture__list__header {
	align-items:center;
	color:var(--font-color-3);
	display:flex;
	font-size:.39rem;
	height:.54rem;
	justify-content:space-between;
	margin-bottom:.36rem;
}
.fixture__list__header>span {
	align-items:center;
	box-sizing:border-box;
	display:flex;
	flex:0 0 3.42rem;
	height:100%;
	white-space:nowrap;
}
.fixture__list__header>span:first-child {
	color:var(--font-color-2);
}
.fixture__list__header>span:last-child {
	justify-content:flex-end;
}
.fixture__list__status {
	align-items:center;
	display:flex;
	flex:1;
	justify-content:center;
}

/* 队伍+比分容器 */
.fixture__list__info {
	align-items:center;
	display:flex;
	height:.84rem;
	justify-content:space-between;
}

/* 队伍模块 */
.fixture__list__team {
	align-items:center;
	box-sizing:border-box;
	color:var(--font-color);
	display:flex;
	flex:0 0 calc(50% - 1.515rem);
	height:100%;
	overflow:hidden;
	padding-right:.84rem;
	position:relative;
	text-align:right;
}
.fixture__list__team>span {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	display:box;
	flex:1;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.fixture__list__team>img {
	height:.72rem;
	-o-object-fit:contain;
	object-fit:contain;
	position:absolute;
	right:0;
	width:.72rem;
}
.fixture__list__team:first-child {
	padding-left:.84rem;
	padding-right:0;
	text-align:left;
}
.fixture__list__team:first-child>img {
	left:0;
	right:unset;
}

/* 比分模块 */
.fixture__list__score {
	align-items:center;
	background-position:50%;
	background-repeat:no-repeat;
	background-size:1.35rem .84rem;
	color:var(--font-color-3);
	display:flex;
	flex:0 0 3.03rem;
	font-family:Bebas;
	font-size:.51rem;
	height:100%;
	justify-content:space-between;
	text-align:center;
}
.fixture__list__score>span {
	flex:0 0 0.84rem;
}
.fixture__list__score>span[win="1"] {
	color:var(--font-color);
}

/* 日历弹窗整体 */
.qmw__calendar{
	color:var(--font-color-3);
	display:none;
	font-size:.45rem;
	height:100%;
	left:50%;
	max-width:11.25rem;
	position:fixed;
	top:0;
	transform:translate(-50%);
	width:100%;
	z-index:999;
}
.qmw__calendar:before{
	background-color:rgba(0,0,0,.4);
	content:"";
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:-1;
}
.qmw__calendar__container{
	background-color:var(--card-1);
	border-radius:0 0 .12rem .12rem;
	box-sizing:border-box;
	min-height:10.44rem;
	padding:0 .48rem;
	width:100%;
	z-index:9;
}

/* 日历头部 */
.qmw__calendar__header{
	align-items:center;
	border-bottom:.03rem solid var(--line);
	box-sizing:border-box;
	color:var(--font-color);
	display:flex;
	font-size:.45rem;
	font-weight:600;
	height:1.32rem;
	justify-content:center;
	padding:0 2.94rem;
	position:relative;
	width:100%;
}
.qmw__calendar__header span{
	font-weight:600;
	padding:0 .12rem;
}

/* 日历切换按钮 */
.qmw__calendar__tool{
	align-items:center;
	color:var(--font-color-2);
	cursor:pointer;
	display:flex;
	font-size:.36rem;
	height:.66rem;
	justify-content:center;
	margin:0;
	position:absolute;
	width:.66rem;
}
.qmw__calendar__tool--prev-year{left:.48rem;}
.qmw__calendar__tool--prev-month{left:1.14rem;}
.qmw__calendar__tool--next-year{right:.48rem;}
.qmw__calendar__tool--next-month{right:1.14rem;}

/* 日历主体 */
.qmw__calendar__body{
	min-height:6.84rem;
	padding-bottom:.36rem;
}
.qmw__calendar__body__header{
	align-items:center;
	display:flex;
	justify-content:center;
}
.qmw__calendar__body__header .qmw__calendar__day{
	color:var(--font-color-2);
	height:1.44rem;
}
.qmw__calendar__body__content{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

/* 日历底部 */
.qmw__calendar__footer{
	align-items:center;
	border-top:.03rem solid var(--line);
	box-sizing:border-box;
	display:flex;
	height:1.32rem;
	justify-content:center;
	position:relative;
}
.qmw__calendar__footer__btn{
	color: #ff5400;
	cursor:pointer;
	font-weight:600;
}

/* 日历日期格子 */
.qmw__calendar__day{
	align-items:center;
	border-radius:.12rem;
	color:var(--font-color);
	display:flex;
	flex:0 0 1.47rem;
	flex-direction:column;
	height:1.32rem;
	justify-content:center;
}
.qmw__calendar__day span{
	height:.72rem;
	line-height:.72rem;
}
.qmw__calendar__day span:last-child{
	color:var(--font-color-3);
	font-size:.39rem;
	height:.54rem;
	line-height:.54rem;
}
.qmw__calendar__day--disabled{color:var(--font-color-3);}
.qmw__calendar__day--next,.qmw__calendar__day--prev{visibility:hidden;}
.qmw__calendar__day:nth-child(n+8){margin-top:.24rem;}
.qmw__calendar__body__content .qmw__calendar__day{cursor:pointer;}
.qmw__calendar__body__content .qmw__calendar__day--active{background-color:var(--card2);}
.qmw__calendar__body__content .qmw__calendar__day--active>span{color: #ff5400;}

/* 加载样式 */
.qmw__loading {
	background-image:url(../fonts/icon_loading.svg);
	background-position:50%;
	background-repeat:no-repeat;
	background-size:.6rem;
	height:1.5rem;
	width:100%;
}













/* 板块容器样式 */
.qmw__section {
	background-color:var(--card-1);
	box-sizing:border-box;
	padding:.06rem .48rem .48rem;
	width:100%
}
.qmw__section--p0 {
	padding-left:0;
	padding-right:0
}


/* 队伍列表外层 */
.team__section {
	color:var(--font-color);
	gap:.48rem;
	display:flex;
	flex-direction:column;
	font-size:.39rem
}
.team__section__item {
	box-sizing:border-box;
	width:100%
}
.team__item {
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	gap:.36rem;
	padding:.48rem .48rem 0;
	width:100%
}

/* 队伍单项核心样式（匹配team__list） */
.team__list {
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	padding:0 4.86rem 0 1.2rem;
	position:relative
}
.team__list__extra {
	display:flex;
	gap:.48rem;
	position:absolute;
	right:0;
	top:.36rem
}
.team__list__extra>* {
	color:var(--font-color-3);
	position:relative
}
.team__list__extra>:not(:last-child):before {
	background-color:var(--line);
	content:"";
	height:.24rem;
	position:absolute;
	right:-.24rem;
	top:50%;
	transform:translateY(-50%);
	width:.03rem
}
.team__list>span {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	display:box;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.team__list>span:nth-child(2) {
	font-size:.45rem;
	line-height:.72rem
}
.team__list>span:nth-child(3) {
	color:var(--font-color-3);
	line-height:.54rem
}
.team__list>img {
	height:.96rem;
	left:0;
	-o-object-fit:contain;
	object-fit:contain;
	position:absolute;
	top:.15rem;
	width:.96rem
}
.team__list:not(:last-child) {
	border-bottom:.03rem solid var(--line);
	height:1.62rem
}





.next_grid {
	display:grid;
	align-items:center;
	font-size:14px;
	grid-template-columns:repeat(3, 32%);
	justify-content:space-between; background:#FFF; padding-top:10px;
}
.next_grid div {
	text-align:center;
}
.next_text {
	padding:18px;
	width:100%;
	border:1px solid #e3e3e3;
	box-sizing:border-box;
	background:#fff;
	border-radius:.375rem;
	margin-bottom:9px;
	color:#666;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}











/* 通用区块样式 */
.qmw__section {
	background-color:var(--card-1);
	box-sizing:border-box;
	padding:.06rem .48rem .48rem;
	width:100%;
}
.qmw__section--p0 {
	padding-left:0;
	padding-right:0;
}
.qmw__section--p0 .qmw__section__content {
	padding:0 .48rem;
}


/* 球员模块外层 */
.player__section {
	color:var(--font-color);
	font-size:.39rem;
	line-height:.54rem;
}
.player__item {
	box-sizing:border-box;
	width:100%;
}

/* 球队头部 */
.player__item__header {
	background-color:var(--bg);
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	height:1.44rem;
	justify-content:center;
	padding:0 .48rem 0 1.32rem;
	position:relative;
}
.player__item__header>img {
	height:.72rem;
	left:.48rem;
	-o-object-fit:contain;
	object-fit:contain;
	position:absolute;
	width:.72rem;
}
.player__item__header>span:nth-child(3) {
	color:var(--font-color-3);
	font-size:.3rem;
	line-height:.42rem;
}

/* 球员列表容器 */
.player__item__content {
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
	gap:.36rem;
	padding:.48rem;
}

/* 球员单项卡片 */
.player__list {
	border-bottom:.03rem solid var(--line);
	box-sizing:border-box;
	color:var(--font-color);
	display:flex;
	flex-direction:column;
	padding:0 0 .36rem 1.2rem;
	position:relative;
	width:4.300rem;
}
.player__list>img {
	height:.96rem;
	left:0;
	-o-object-fit:cover;
	object-fit:cover;
	position:absolute;
	top:.15rem;
	width:.96rem;
}
.player__list>span {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	display:box;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.player__list>span:nth-child(2) {
	font-size:.45rem;
	line-height:.72rem;
}
.player__list>span:nth-child(3) {
	color:var(--font-color-3);
	font-size:.39rem;
	line-height:.54rem;
}

/* 最后两行取消下边框、底部内边距 */
.player__list:nth-child(2n):last-child, 
.player__list:nth-child(odd):nth-last-child(-n+2) {
	border-bottom:none;
	padding-bottom:0;
}




.game__header {
background-position:0 -0.32rem;
	background-repeat:no-repeat;
	height:3.96rem;
	position:relative;
	width:100%; padding-top:30px; padding-bottom:30px;
}
.game__header__nav {
height:1.32rem
}
.game__header__content {
	height:2.76rem;
	justify-content:space-between
}
.game__header__content, .game__header__info {
	align-items:center;
	box-sizing:border-box;
	display:flex;
padding:0 .24rem
}
.game__header__info {
	flex:1;
	flex-direction:column;
	height:100%;
	justify-content:center
}
.game__header__info__time {
	color:var(--fff);
font-size:.39rem;
height:.54rem;
line-height:.54rem
}
.game__header__info__score {
	align-items:center;
	color:var(--fff-50);
	display:flex;
font-size:.72rem;
height:.96rem;
	justify-content:space-between;
margin-top:.18rem;
	width:100%
}
.game__header__info__score__num {
	flex:0 0 1.26rem;
	font-family:Bebas
}
.game__header__info__score__num[win="1"] {
	color:var(--fff)
}
.game__header__info__score__num:first-child {
	text-align:right
}
.game__header__info__score__symbol {
	color:var(--fff-70);
	display:flex;
	flex-direction:column;
font-size:.3rem;
line-height:.42rem;
	text-align:center
}
.game__header__info__btn {
	align-items:center;
	background-color: #ff5400;
border-radius:.12rem;
	color:var(--fff);
	cursor:pointer;
	display:flex;
font-size:.33rem;
height:.78rem;
	justify-content:center;
margin-top:.3rem;
padding:0 .36rem
}
.game__header__info__note {
bottom:.3rem;
	color:var(--fff);
	display:flex;
font-size:.33rem;
line-height:.48rem;
	max-width:7.29rem;
	overflow:hidden;
	position:absolute
}
.game__header__info--in .game__header__info__score__num, .game__header__info--in .game__header__info__time {
	color:var(--red)
}
.game__header__info--in .game__header__info__btn:before {
	background-image:url(../fonts/icon_live_white.svg);
	background-size:cover;
	content:"";
height:.36rem;
margin-right:.12rem;
width:.36rem
}
.game__header__side {
	align-items:center;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	height:100%;
	justify-content:space-between;
padding-bottom:.06rem
}
.game__header__side>span {
	color:var(--fff-70);
font-size:.3rem;
height:.54rem;
line-height:.54rem;
	position:absolute;
right:.39rem;
top:.54rem
}
.game__header__side:first-child>span {
left:.39rem;
	right:unset
}
.game__header__team {
	align-items:center;
	color:var(--fff);
	display:flex;
	flex-direction:column;
font-size:.39rem;
	font-weight:600;
	height:2.1rem;
	justify-content:space-between;
line-height:.54rem;
	overflow:hidden;
	width:3.12rem
}
.game__header__team>img {
height:1.38rem;
	-o-object-fit:contain;
	object-fit:contain;
width:1.38rem
}
.game__header__team>span {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	display:box;
	overflow:hidden;
	text-align:center;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:100%
}
.game__header__team__extra {
	color:var(--fff-70);
font-size:.33rem;
line-height:.48rem
}
.game__navigation__content {
	align-items:center;
	display:flex;
	justify-content:center
}
.game__header, .game__navigation {
	background-size:100% auto
}
.game__header--1, .game__navigation--1 {
	background-image:url(../images/bg_game_1.png)
}
.game__header--2, .game__navigation--2 {
	background-image:url(../images/bg_game_2.png)
}
.game__desc {
	color:var(--font-color);
font-size:.45rem;
line-height:.72rem;
	text-align:justify
}
.game__desc>p {
	margin:0
}




.dsbdeony {
	position:relative; overflow:hidden; height:243px;
}
.dsbdeony img.full {
	width:100%; height:auto
}
.dsbdeony img.play_icon {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%)
}




.cthsd{}
.cthsd .cifmsa{}
.cthsd .cifmsa img{width:100%}
.cthsd .ctnxv{font-size: .39rem;}


.news__info__tags {
	display:flex;
	flex-wrap:wrap;
	font-size:.39rem;
	margin-left:-.12rem;
	padding-bottom:.24rem;
	width:calc(100% + .24rem)
}
.news__info__tag {
	align-items:center;
	background-color:var(--card-2);
	border-radius:.18rem;
	color:var(--font-color);
	display:flex;
	height:.78rem;
	justify-content:center;
	margin:0 .12rem .24rem;
	padding:0 .24rem 0 .18rem
}
.news__info__copyright {
	border-top:.03rem solid var(--line);
	color:var(--font-color-3);
	display:block;
	font-size:.39rem;
	line-height:.54rem;
	padding:.36rem 0 .12rem;
	text-align:justify
}























body * {
	scrollbar-width:none
}



/* 联赛主体布局 */
.league__main {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
}
.league__main section{ padding:0px;}

.league__content {
  flex: 1;
  width: 100%;
}
.league__content--col {
  flex-direction: column;
}
.league__content[active="0"] {
  display: none;
}
.league__content[active="1"] {
  display: flex;
}
.league__main__header {
  background-color: var(--card-1);
  height: 4.56rem;
  margin-bottom: 0.24rem;
}
.league__main__header__tab {
  background-color: var(--bg);
  box-sizing: border-box;
  color: var(--font-color-2);
  font-size: 0.39rem;
  height: 1.14rem;
  padding: 0 0.48rem;
}
.league__main__header__tab .qmw__tab__container {
  overflow: unset;
}
.league__main__header__tab .qmw__tab__list {
  font-size: 0.39rem;
  margin-top: 0.18rem;
  padding: 0;
  width: 2.28rem;
}
.league__main__header__tab .qmw__tab__list--active {
  font-weight: 600;
}

.league__main__header__content .league__content[active="1"] {
  display: block;
}
.league__main__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
}
.league__main__tab {
  position: sticky;
  top: 42px;
  z-index: 9;
}
.league__main__container {
  background-color: var(--card-1);
  flex: 1;
  width: 100%;
}
.league__section {
  background-color: var(--card-1);
  box-sizing: border-box;
  width: 100%;
}
.league__section__content {
  display: flex;
  flex-direction: column;
}
.league__section__side {
  background-color: var(--bg);
  flex: 0 0 2.4rem;
  height: calc(100vh - 4.44rem);
  overflow-x: hidden;
  overflow-y: scroll;
  position: sticky;
  top: 2.64rem;
}
.league__section__side .qmw__tab {
  height: max-content;
  text-align: center;
  width: 100%;
}
.league__item {
  color: var(--font-color);
  display: flex;
  flex-direction: column;
  font-size: 0.39rem;
  width: 100%;
}
.league__item__title {
  font-weight: 600;
  height: 1.14rem;
  line-height: 1.14rem;
  text-align: center;
  width: 100%;
}
.league__item__content {
  display: flex;
  flex-wrap: wrap;
}
.league__list {
  align-items: center;
  box-sizing: border-box;
  color: var(--font-color);
  display: flex;
  flex-direction: column;
  font-size: 0.39rem;
  height: 2.16rem;
  justify-content: space-between;
  overflow: hidden;
  padding: 0.24rem 0.18rem;
  width: 25%;
}
.league__list > img {
  height: 0.96rem;
  object-fit: contain;
  width: 0.96rem;
}
.league__list > span {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: box;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 选项卡组件 (通用 + level2 + card-vertical) */
.qmw__tab {
  z-index: 2;
}
.qmw__tab__container {
  display: flex;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  width: 100%;
}
.qmw__tab__list {
  cursor: pointer;
  white-space: nowrap;
}
.qmw__tab--level2 {
  background-color: var(--card-1);
  box-sizing: border-box;
  display: flex;
  height: 1.32rem;
}
.qmw__tab--level2 .qmw__tab__list {
  align-items: center;
  color: var(--font-color-2);
  display: flex;
  font-size: 0.45rem;
  justify-content: center;
  padding: 0.36rem 0.36rem 0;
  position: relative;
  white-space: nowrap;
}
.qmw__tab--level2 .qmw__tab__list--active {
  color:  #ff5400;
  font-weight: 600;
}
.qmw__tab--card-vertical {
  color: var(--font-color-2);
  font-size: 0.39rem;
  width: 2.58rem;
}
.qmw__tab--card-vertical .qmw__tab__container {
  flex-direction: column;
  padding: 0;
}
.qmw__tab--card-vertical .qmw__tab__list {
  align-items: center;
  background-color: var(--card-2);
  box-sizing: border-box;
  display: flex;
  height: 1.26rem;
  justify-content: center;
  line-height: 0.54rem;
  padding: 0 0.24rem;
  text-align: center;
  white-space: wrap;
  width: 100%;
}
.qmw__tab--card-vertical .qmw__tab__list > span {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: wrap;
}
.qmw__tab--card-vertical .qmw__tab__list--active {
  background-color: var(--card-1);
  color:  #ff5400;
  font-weight: 600;
}

/* 联赛Swiper (近期赛事轮播) */
.league__swiper {
  --swiper-pagination-bullet-width: 0.18rem;
  --swiper-pagination-bullet-height: 0.06rem;
  --swiper-pagination-color:  #ff5400;
  --swiper-pagination-bullet-border-radius: 0.06rem;
  --swiper-pagination-bullet-horizontal-gap: 0;
  --swiper-pagination-bottom: 0.36rem;
  --swiper-pagination-bullet-inactive-color: var(--font-color-4);
  --swiper-pagination-bullet-inactive-opacity: 1;
  width: 100%;
}
.league__swiper__item {
  box-sizing: border-box;
  padding: 0.48rem 0.48rem 0.66rem;
  width: 100% !important;
}
.league__swiper__item.swiper-slide {
  display: flex;
}
.league__swiper__list {
  align-items: center;
  color: var(--font-color);
  display: flex;
  flex-direction: column;
  font-size: 0.39rem;
  height: 2.34rem;
  justify-content: space-between;
  line-height: 0.54rem;
  width: 25%;
}
.league__swiper__list > img {
  height: 0.96rem;
  object-fit: contain;
  width: 0.96rem;
}
.league__swiper__list > span:nth-child(3) {
  background-color:#eee;
  border-radius: 0.12rem;
  color:  #ff5400;
  font-size: 0.33rem;
  padding: 0 0.18rem;
}
.league__swiper__pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
  align-items: center;
  background-color: var(--font-color-4);
  border-radius: 0.06rem;
  display: flex;
  justify-content: center;
  margin-left: 50%;
  transform: translate(-50%);
  width: auto;
}
.swiper-wrapper {
  display: flex;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}








.honor__item__title {
    color: var(--font-color);
    display: flex;
    font-size: 18px;
    font-weight: 700;
    gap: 12px;
    height: 32px;
    line-height: 32px;
}

.honor__item__content {
    border-bottom: 1px solid var(--bg-04);
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 12px 0 24px;
}
.honor__list {
    align-items: center;
    background-color:#eee;
    border-radius: 6px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
    overflow: hidden;
    padding: 12px 6px;
    width: 31.2%;
}.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: var(--font-color);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}





.best__section {
	display:flex;
	flex-direction:column
}
.best__section__container {
	display:flex
}
.best__section__side {
	flex:0 0 2.58rem
}
.best__section__content {
	flex:1;
	overflow:hidden
}
.best__section .more__btn {
margin-top:.48rem
}
.best__list {
	align-items:center;
	color:var(--font-color);
	display:flex;
font-size:.39rem;
height:1.44rem;
	justify-content:center;
	overflow:hidden;
	position:relative;
	text-align:center
}
.best__list>* {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	display:box;
	flex:1;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.best__list>*>img {
height:.72rem;
	left:0;
	-o-object-fit:contain;
	object-fit:contain;
	position:absolute;
width:.72rem
}
.best__list>:first-child {
	flex:0 0 1.26rem;
	z-index:1
}
.best__list>:nth-child(2) {
align-items:flex-start;
box-sizing:border-box;
display:flex;
flex-direction:column;
height:100%;
justify-content:center;
overflow:hidden;
padding-left:.96rem;
position:relative;
text-align:left
}
.best__list>:nth-child(2)>span {
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
color:var(--font-color);
display:box;
line-height:.54rem;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.best__list>:nth-child(2)>span:nth-child(3) {
color:var(--font-color-3);
font-size:.3rem
}
.best__list>:nth-child(4), .best__list>[size="52"] {
flex:0 0 1.56rem
}
.best__list>[size="86"] {
flex:0 0 2.58rem
}
.best__list:first-child {
	background-color:var(--card-2);
	color:var(--font-color-3);
height:1.02rem
}
.best__list:nth-child(2)>span:first-child, .best__list:nth-child(3)>span:first-child, .best__list:nth-child(4)>span:first-child {
color:var(--fff)
}
.best__list:nth-child(2):before, .best__list:nth-child(3):before, .best__list:nth-child(4):before {
border-radius:.12rem;
content:"";
height:.54rem;
left:.36rem;
position:absolute;
width:.54rem;
z-index:0
}
.best__list:nth-child(2):before {
background-color:var(--red)
}
.best__list:nth-child(3):before {
background-color:var(--yellow)
}
.best__list:nth-child(4):before {
background-color:var(--theme)
}
.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:.48rem;
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:.36rem;
content:"";
height:.36rem;
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
width:.36rem
}
.best__list[result="1"]>:nth-child(2)>:nth-child(2):before {
background-image:url(../fonts/icon_champion.svg)
}
.best__list[result="2"]>:nth-child(2)>:nth-child(2):before {
background-image:url(../fonts/icon_runner_up.svg)
}
.best__list[result="3"]>:nth-child(2)>:nth-child(2):before {
background-color:var(--green);
border-radius:50%;
height:.18rem;
right:.24rem;
width:.18rem
}
.best__section__side .best__list:first-child {
	color:var(--font-color)
}
.best__section[data-type=best] img, .best__section[data-type^=best-player] img {
-o-object-fit:cover;
object-fit:cover
}







.stats__table--player .stats__table__main[type=basic] {
    flex: 0 0 2.92rem;
    white-space: nowrap
}

.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: .32rem;
    padding-right: .4rem
}

.stats__table--player .stats__table__main[type=basic] .stats__table__list[status="0"]>span:nth-child(2) {
    color: var(--font-color-3)
}

.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[playing="1"]>span:nth-child(2) {
    color: var(--theme)
}

.stats__table--player .stats__table__main[type=basic]>.stats__table__list:not(:first-child) {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding-left: .88rem
}

.stats__table--player .stats__table__main[type=basic]>.stats__table__list:not(:first-child)>img {
    left: .21rem;
    -o-object-fit: cover;
    object-fit: cover
}

.stats__table--player .stats__table__main[type=basic]>.stats__table__list:not(:first-child)>span {
    flex: 0 0 0.36rem;
    line-height: .36rem;
    max-width: 100%;
    text-align: left;
    width: auto
}

.stats__table--player .stats__table__main[type=basic]>.stats__table__list:not(:first-child)>span:last-child {
    color: var(--font-color-3);
    flex: 0 0 0.42rem;
    font-size: .3rem;
    line-height: .42rem
}

.stats__table--player[type=game] .stats__table__main>.stats__table__list:first-child {
    height: .64rem
}

.stats__table--player[type=game] .stats__table__main[type=basic]>.stats__table__list:first-child {
    color: var(--font-color)
}

.stats__table--player[type=game] .stats__table__main[type=basic]>.stats__table__list:first-child>img {
    left: .32rem;
    top: 0;
    transform: translate(0)
}

.stats__table--player[type=game] .stats__table__main[type=basic]>.stats__table__list:first-child>span {
    flex: 1;
    padding-left: .88rem;
    text-align: left
}

.stats__table--player .stats__table__main>.stats__table__list:not(:first-child):nth-child(odd) {
    background-color: var(--card-2)
}

.stats__table.stats__table--player .stats__table__main .stats__table__list--count {
    height: .64rem
}

.stats__table.stats__table--player .stats__table__main[type=basic] .stats__table__list.stats__table__list--count {
    padding-left: .32rem
}

.stats__table.stats__table--player .stats__table__main[type=basic] .stats__table__list.stats__table__list--count>span:last-child {
    color: var(--font-color);
    font-size: .26rem;
    font-weight: 600
}








.stat__item {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative
}

.stat__item__bg {
    fill: var(--font-color-4);
    background-color: var(--card-1);
    height: .84rem;
    margin-bottom: .36rem;
    margin-top: -.84rem;
    overflow: hidden;
    padding: 0 .36rem;
    z-index: 1
}

.stat__item__content {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    gap: .48rem 0;
    padding-bottom: .48rem;
    width: 100%
}

.stat__item[type=radar] {
    height: 11.04rem
}

.stat__item:not(:first-child) {
    margin-top: .48rem;
    padding-top: .48rem
}

.stat__item:not(:first-child):before {
    background-color: var(--line);
    content: "";
    height: .03rem;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%,-50%);
    width: 10.29rem
}

.stat__list {
    align-items: center;
    color: var(--font-color-3);
    display: flex;
    flex: 0 0 25%;
    flex-direction: column;
    font-size: .39rem;
    height: 1.98rem;
    line-height: .54rem;
    overflow: hidden
}

.stat__list>span {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: box;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.stat__list>span:first-child {
    color: var(--font-color);
    font-family: Bebas;
    font-size: .48rem;
    line-height: .78rem
}

.stat__list>:nth-child(3) {
    align-items: center;
    background-color: var(--card-2);
    border-radius: .12rem;
    color: var(--font-color-2);
    display: flex;
    font-size: .3rem;
    height: .54rem;
    justify-content: center;
    margin-top: auto;
    padding: 0 .18rem
}

.stat__list>:nth-child(3)>span:nth-child(2) {
    color: #f99e00
}

.stat__list>:nth-child(3)>span:nth-child(3) {
    font-size: .18rem;
    height: .18rem;
    line-height: .18rem;
    margin: .03rem 0 0 .06rem;
    width: .18rem
}

.pre__stats {
gap:.48rem
}
.pre__stats, .pre__stats__list {
	display:flex;
	flex-direction:column
}
.pre__stats__list {
	box-sizing:border-box;
	color:var(--font-color-3);
font-size:.39rem;
height:1.26rem;
	justify-content:center;
line-height:.54rem;
padding-left:1.26rem;
	position:relative;
	width:100%
}
.pre__stats__list>img {
height:1.08rem;
	left:0;
	-o-object-fit:cover;
	object-fit:cover;
	position:absolute;
width:1.08rem
}
.pre__stats__extra, .pre__stats__info {
	display:flex;
	justify-content:space-between
}
.pre__stats__info {
	color:var(--font-color);
font-size:.45rem;
height:.72rem;
line-height:.72rem
}
.pre__stats__info>span:nth-child(2) {
font-family:Bebas
}
.pre__stats__extra {
	color:var(--font-color-3);
font-size:.39rem;
height:.54rem;
line-height:.54rem
}




 section.wsection{ padding: 0; margin:5px 0px}
.livezb {
  display: flex;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  width: 100%;
  gap: 0.24rem; /* 标签之间增加间距，避免拥挤 */
  padding: 0 0.24rem;
}
.livezb .qmw__tab__list { font-size: 0.35rem;
  cursor: pointer;
  white-space: nowrap;
  /* 新增背景样式 */
  background-color: #ff5400;
  color: #fff;
  padding: 0.15rem;
  border-radius: 0.12rem;
  /* 自动缩放动画 */
  animation: autoScale 2s ease-in-out infinite alternate;
  /* 优化布局 */
  flex-shrink: 0;
  text-decoration: none;
}
/* 鼠标悬浮暂停动画，加深背景 */
.livezb .qmw__tab__list:hover {
  animation-play-state: paused;
  background-color: #e04a00;
}
.livezb .qmw__tab__list > span {
  z-index: 1;
}
/* 定义缩放动画关键帧 */
@keyframes autoScale {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.08);
  }
}
em, i {
    font-style: normal;
}

.doc-avatar {
    padding: 0.4rem 0;
}

.doc-avatar .col-list a{
    display: block;
    width: 50%;
    float: left;
    text-align: center;
}

.doc-avatar .col-list a {
}

.doc-avatar .col-list i{
    display: inline-block;
    width: 96%;
    height: 80px;
    overflow: hidden; margin: 0 auto;
}

.doc-avatar .col-list i img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.doc-avatar .col-list em{ height: 30px; line-height: 30px; overflow: hidden;
    display: block;
    padding: 0 0.1333333333rem;
    overflow: hidden;
    color: #333;
    font-size: 0.3733333333rem;
}