html {
-webkit-text-size-adjust:100%;
line-height:1.15
}
body,h1,h2,h3,h4,h5,h6 {
margin: 0;
padding: 0
}
main {
display:block
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
}
hr {
box-sizing:content-box;
height:0;
overflow:visible
}
pre {
font-family:monospace, monospace;
font-size:1em
}
a {
background-color:transparent
}
abbr[title] {
border-bottom:none;
text-decoration:underline;
-webkit-text-decoration:underline dotted;
text-decoration:underline dotted
}
b, strong {
font-weight:bolder
}
code, kbd, samp {
font-family:monospace, monospace;
font-size:1em
}
small {
font-size:80%
}
sub, sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sub {
bottom:-.25em
}
sup {
top:-.5em
}
img {
border-style:none
}
button, input, optgroup, select, textarea {
font-family:inherit;
font-size:100%;
line-height:1.15;
margin:0
}
button, input {
overflow:visible
}
button, select {
text-transform:none
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance:button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style:none;
padding:0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline:1px dotted ButtonText
}
fieldset {
padding:.35em .75em .625em
}
legend {
box-sizing:border-box;
color:inherit;
display:table;
max-width:100%;
padding:0;
white-space:normal
}
progress {
vertical-align:baseline
}
textarea {
overflow:auto
}
[type=checkbox], [type=radio] {
box-sizing:border-box;
padding:0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
-webkit-appearance:textfield;
outline-offset:-2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
details {
display:block
}
summary {
display:list-item
}
[hidden], template {
display:none
}
:root {
--bg-1:#191b1f;
--bg-body:#212326;
--bg-header:#191b1f;
--bg-custom-header:rgba(0, 0, 0, .24);
--bg-footer:hsla(0, 0%, 100%, .02);
--bg-nav-child:#373a3d;
--bg-88:hsla(0, 0%, 100%, .88);
--bg-70:hsla(0, 0%, 100%, .7);
--bg-50:hsla(0, 0%, 100%, .5);
--bg-24:hsla(0, 0%, 100%, .24);
--bg-08:hsla(0, 0%, 100%, .08);
--bg-06:hsla(0, 0%, 100%, .06);
--bg-04:hsla(0, 0%, 100%, .04);
--bg-blue:rgba(0, 128, 255, .88);
--bg-blue-70:rgba(0, 128, 255, .7);
--bg-blue-50:rgba(0, 128, 255, .5);
--bg-blue-30:rgba(0, 128, 255, .3);
--bg-blue-12:rgba(0, 128, 255, .12);
--bg-red:hsla(0, 100%, 70%, .88);
--bg-green:rgba(121, 180, 49, .88);
--bg-red-50:hsla(0, 100%, 70%, .5);
--bg-red-30:hsla(0, 100%, 70%, .3);
--font-color:hsla(0, 0%, 100%, .88);
--font-color-70:hsla(0, 0%, 100%, .7);
--font-color-50:hsla(0, 0%, 100%, .5);
--font-color-40:hsla(0, 0%, 100%, .4);
--font-color-24:hsla(0, 0%, 100%, .24);
--font-blue:rgba(0, 128, 255, .88);
--font-blue-70:rgba(0, 128, 255, .7);
--font-red:hsla(0, 100%, 70%, .88);
--font-yellow:rgba(255, 179, 36, .88);
--ball-1:url(../images/icon_ball_1_dark.svg);
--ball-2:url(../images/icon_ball_2_dark.svg);
--aside-nav-game:url(../images/aside_nav_game_dark.png);
--aside-nav-data:url(../images/aside_nav_data_dark.svg);
--aside-nav-news:url(../images/aside_nav_news_dark.png);
--aside-nav-yuce:url(../images/aside_nav_yuce_dark.svg);
--aside-nav-replay:url(../images/aside_nav_replay_dark.png);
--aside-nav-team:url(../images/aside_nav_team_dark.svg);
--aside-nav-player:url(../images/aside_nav_player_dark.svg);
--aside-nav-about:url(../images/aside_nav_about_dark.svg)
}
.qmw__item {
display:flex;
flex-direction:column;
gap:24px;
overflow:hidden
}
.qmw__item__col {
display:none;
flex-direction:row;
flex-wrap:wrap;
gap:24px
}
.qmw__item__col[active="1"] {
display:flex
}
.qmw__item[data-column="1"] .qmw__item__col {
flex-direction:column
}
.qmw__item[data-column="2"] .news__list {
flex:0 0 561px
}
.qmw__item[data-column="2"] .news__list__title {
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
display:-webkit-box;
height:unset;
line-height:28px;
max-height:56px;
overflow:hidden;
text-overflow:ellipsis;
white-space:wrap
}
.qmw__section {
padding-bottom:36px
}
.qmw__section__header {
align-items:center;
background-image:url(../images/icon_section_title.svg);
background-position:left 6px;
background-repeat:no-repeat;
background-size:14px 18px;
box-sizing:border-box;
display:flex;
height:54px;
justify-content:space-between;
line-height:34px;
padding-bottom:24px;
padding-left:20px
}
.qmw__section__side {
color:var(--font-color-50);
display:flex;
font-size:16px;
gap:12px;
position:relative
}
.qmw__section__title {
align-items:center;
color:var(--font-color);
display:flex;
font-size:20px;
font-weight:500;
margin:0;
text-align:left
}
.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
}
.qmw__like {
background-color:var(--bg-06);
border-radius:0 12px 0;
color:var(--font-color);
cursor:pointer;
font-size:14px;
height:26px;
padding:0 6px
}
.qmw__like, .qmw__like>.fa {
align-items:center;
display:flex
}
.qmw__like>.fa {
font-size:16px;
justify-content:center;
margin-right:2px;
text-align:center;
width:18px
}
.qmw__like:hover {
color:var(--font-blue)
}
.qmw__like:first-child {
border-radius:12px 0 12px
}
.qmw__breadcrumb {
color:var(--font-color-50);
display:flex;
flex:1;
font-size:14px;
height:20px;
line-height:20px;
padding-bottom:24px
}
.qmw__breadcrumb>span {
margin:0 4px
}
.qmw__breadcrumb>a:hover {
color:var(--font-color)
}
.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__vertical {
align-items:flex-start;
display:flex;
justify-content:space-between
}
.qmw__tab__vertical .qmw__tab__container {
flex:0 0 180px
}
.qmw__tab__vertical .qmw__tab__content {
flex:0 0 728px
}
.qmw__tab--default {
background-color:var(--bg-04);
border-radius:0 0 12px 12px;
box-sizing:border-box;
height:58px;
margin-bottom:36px;
padding:0 16px
}
.qmw__tab--default .qmw__tab__list {
align-items:center;
color:var(--font-color-50);
display:flex;
font-size:20px;
justify-content:center;
position:relative;
width:100px
}
.qmw__tab--default .qmw__tab__list--active {
color:var(--font-color);
font-weight:600
}
.qmw__tab--default .qmw__tab__list--active:before {
background-color:var(--bg-blue);
border-radius:2px;
bottom:0;
box-sizing:border-box;
content:"";
height:4px;
left:50%;
position:absolute;
transform:translate(-50%);
width:24px
}
.qmw__tab--card {
border:1px solid var(--bg-06);
border-radius:6px;
box-sizing:border-box;
height:46px;
overflow:hidden;
width:100%
}
.qmw__tab--card .qmw__tab__list {
align-items:center;
color:var(--font-color-70);
display:flex;
flex:1;
font-size:16px;
justify-content:center
}
.qmw__tab--card .qmw__tab__list--active {
background-color:var(--bg-06);
color:var(--font-color)
}
.qmw__tab--small {
flex-wrap:wrap
}
.qmw__tab--small .qmw__tab__container {
gap:8px;
height:38px;
margin-bottom:6px
}
.qmw__tab--small .qmw__tab__list {
align-items:center;
border-radius:4px;
color:var(--font-color);
display:flex;
font-size:16px;
height:32px;
justify-content:center;
padding:0 12px
}
.qmw__tab--small .qmw__tab__list--active {
background-color:var(--bg-06);
color:var(--font-blue)
}
.qmw__tab--card-vertical .qmw__tab__container {
background-color:var(--bg-04);
border-radius:4px;
flex-direction:column;
overflow:hidden
}
.qmw__tab--card-vertical .qmw__tab__list {
align-items:center;
color:var(--font-color);
display:flex;
font-size:16px;
height:56px;
justify-content:center;
width:100%
}
.qmw__tab--card-vertical .qmw__tab__list--active {
background-color:var(--bg-blue-12);
color:var(--font-blue)
}
.qmw__tab__item {
display:none
}
.qmw__tab__item[active="1"] {
display:unset
}
.qmw__tab.league__tabs {
border-bottom:1px solid var(--bg-04);
margin-bottom:24px
}
.qmw__tab.league__tabs .qmw__tab__list {
margin-bottom:16px
}
.qmw__picker {
align-items:center;
background-color:var(--bg-04);
border-radius:4px;
color:var(--font-color);
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__item:before {
border:8px solid;
border-color:transparent transparent var(--bg-04);
content:"";
left:50%;
position:absolute;
top:-8px;
transform:translate(-50%)
}
.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__list:first-child {
border-radius:4px 4px 0 0
}
.qmw__picker:hover .qmw__picker__item {
display:block
}
.qmw__pagination {
align-items:center;
bottom:-100vh;
box-sizing:border-box;
display:flex;
justify-content:center;
left:50%;
padding:24px 0;
position:fixed;
transform:translate(-50%);
width:100%
}
.qmw__pagination__list {
background:var(--bg-06);
border:1px solid var(--bg-24);
border-radius:4px;
color:var(--font-color);
font-size:14px;
height:32px;
line-height:32px;
margin:0 3px;
text-align:center;
width:32px
}
.qmw__pagination__list[active="1"] {
border-color:var(--bg-blue);
color:var(--font-blue)
}
.qmw__progress {
background-color:var(--bg-06);
border-radius:2px;
display:flex;
flex:1;
height:4px
}
.qmw__progress__value {
background-color:var(--bg-24);
border-radius:2px;
height:100%
}
.qmw__appointment {
cursor:pointer
}
.qmw__loading {
background-image:url(../images/icon_loading.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:32px;
height:120px;
width:100%
}
.qmw__scrollbar {
scrollbar-color:auto
}
.qmw__author {
background-color:var(--bg-04);
border-radius:6px;
box-sizing:border-box;
color:var(--font-color);
max-width:300px;
padding:24px 16px 16px;
width:100%
}
.qmw__author, .qmw__author__info {
display:flex;
flex-direction:column;
overflow:hidden
}
.qmw__author__info {
align-items:center;
padding-bottom:16px;
position:relative
}
.qmw__author__info>img {
border-radius:28px;
height:56px;
-o-object-fit:cover;
object-fit:cover;
width:56px
}
.qmw__author__info>span {
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
display:box;
font-size:18px;
font-weight:600;
height:30px;
line-height:30px;
margin-top:8px;
overflow:hidden;
text-align:center;
text-overflow:ellipsis;
white-space:nowrap;
width:100%
}
.qmw__author__info:not([data-cert="0"]):before {
background-repeat:no-repeat;
background-size:cover;
content:"";
height:20px;
left:50%;
margin-left:18px;
position:absolute;
top:36px;
transform:translate(-50%);
width:20px;
z-index:1
}
.qmw__author__info[data-cert="1"]:before {
background-image:url(../images/icon_cert_1.svg)
}
.qmw__author__info[data-cert="2"]:before {
background-image:url(../images/icon_cert_2.svg)
}
.qmw__author__info[data-cert="3"]:before {
background-image:url(../images/icon_cert_3.svg)
}
.qmw__author__info[data-cert="4"]:before {
background-image:url(../images/icon_cert_4.svg)
}
.qmw__author__basic {
border-color:var(--bg-04);
border-style:solid;
border-width:1px 0;
display:flex;
margin-bottom:16px;
padding:16px 0
}
.qmw__author__basic>div {
align-items:center;
color:var(--font-color);
display:flex;
flex:1;
flex-direction:column;
font-size:16px;
font-weight:600;
line-height:24px
}
.qmw__author__basic>div>:nth-child(2) {
color:var(--font-color-50);
font-size:14px;
height:20px;
line-height:20px
}
.qmw__author .qmw__section {
padding:16px 0
}
.qmw__author__follow {
align-items:center;
background-color:var(--bg-04);
border-radius:6px;
color:var(--font-blue);
cursor:pointer;
display:flex;
font-size:14px;
font-weight:600;
height:32px;
justify-content:center;
margin-top:12px;
padding:0 12px
}
.qmw__author__follow:before {
font-size:16px;
margin-right:2px;
width:16px
}
.qmw__author__more {
align-items:center;
background-color:var(--bg-04);
border-radius:4px;
color:var(--font-color);
display:flex;
font-size:14px;
height:52px;
justify-content:center;
transition:color .3s ease-in-out;
width:100%
}
.qmw__author__more:hover {
color:var(--font-blue)
}
.qmw__comment__list {
box-sizing:border-box;
display:flex;
flex-direction:column;
padding:12px 68px 12px 60px;
position:relative
}
.qmw__comment__list>img {
border-radius:50%;
height:48px;
left:0;
-o-object-fit:cover;
object-fit:cover;
position:absolute;
top:12px;
width:48px
}
.qmw__comment__author {
align-items:center;
color:var(--font-color-70);
display:flex;
font-size:14px;
height:20px
}
.qmw__comment__content {
color:var(--font-color);
font-size:16px;
line-height:24px;
margin:6px 0 8px
}
.qmw__comment__basic {
align-items:center;
color:var(--font-color-50);
display:flex;
font-size:14px;
height:24px;
line-height:24px
}
.qmw__comment__basic>span:nth-child(2) {
background-color:var(--bg-06);
border-radius:4px;
color:var(--font-color-70);
cursor:pointer;
height:100%;
padding:0 6px
}
.qmw__comment__basic>span:not(:last-child) {
margin-right:12px
}
.qmw__comment__extra {
align-items:center;
color:var(--font-color-50);
cursor:pointer;
display:flex;
flex-direction:column;
font-size:14px;
height:36px;
justify-content:space-between;
position:absolute;
right:0;
top:12px;
width:56px
}
.qmw__comment__extra>i {
font-size:18px;
height:18px;
width:18px
}
.qmw__comment__tools {
align-items:center;
cursor:pointer;
display:flex;
height:52px;
justify-content:space-between;
line-height:52px;
margin-bottom:24px;
width:100%
}
.qmw__comment__tools>span {
background-color:var(--bg-06);
border-radius:6px;
box-sizing:border-box;
color:var(--font-color-50);
flex:1;
font-size:14px;
padding:0 12px
}
.qmw__comment__tools>span:nth-child(2) {
color:var(--font-blue);
flex:0 0 112px;
font-size:16px;
font-weight:600;
margin-left:12px;
text-align:center
}
.qmw__modal {
align-items:center;
background-color:rgba(0, 0, 0, .5);
display:flex;
height:100vh;
justify-content:center;
left:0;
position:fixed;
top:0;
width:100vw;
z-index:99
}
.qmw__modal__container {
background-color:var(--bg-body);
background-image:linear-gradient(90deg, var(--bg-06), var(--bg-06));
border-radius:12px;
box-sizing:border-box;
display:flex;
flex-direction:column;
height:164px;
justify-content:space-between;
padding:24px;
width:336px
}
.qmw__modal__header {
align-items:center;
display:flex;
justify-content:center
}
.qmw__modal__content {
color:var(--font-color);
font-size:16px;
line-height:22px
}
.qmw__modal__tool {
display:flex;
height:28px;
justify-content:flex-end
}
.qmw__modal__btn {
align-items:center;
border:1px solid var(--bg-24);
border-radius:4px;
box-sizing:border-box;
cursor:pointer;
display:flex;
font-size:14px;
height:28px;
justify-content:center;
margin-left:12px;
width:52px
}
.qmw__modal__btn[type=confirm] {
background-color:var(--bg-blue);
border-color:var(--bg-blue)
}
.qmw__switch {
align-items:center;
box-sizing:border-box;
color:var(--font-color);
display:flex;
font-size:14px;
padding:2px
}
.qmw__switch, .qmw__switch__label {
overflow:hidden;
position:relative
}
.qmw__switch__label {
border-radius:11px;
height:22px;
width:44px
}
.qmw__switch__label>input {
display:none
}
.qmw__switch__info {
background-color:var(--bg-24);
height:100%;
left:0;
position:absolute;
top:0;
width:100%
}
.qmw__switch__node {
background-color:var(--bg-70);
border-radius:50%;
height:18px;
left:2px;
position:absolute;
top:2px;
transition:all .2s ease-in;
width:18px
}
.qmw__switch__label>input:checked~.qmw__switch__info {
background-color:var(--bg-blue)
}
.qmw__switch__label>input:checked~.qmw__switch__node {
left:unset;
right:2px
}
.qmw__switch>:not(:first-child) {
margin-left:6px
}
.qmw__button {
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:16px auto 0;
width:188px
}
.qmw__button__icon {
font-size:10px;
margin-left:4px
}
.qmw__empty {
align-items:center;
display:flex;
flex-direction:column;
padding:128px 0;
width:100%
}
.qmw__empty>img {
width:124px
}
.qmw__empty__content {
color:var(--font-color-50);
font-size:16px;
height:32px;
line-height:32px
}
.qmw__cover__scale {
overflow:hidden
}
.qmw__cover__scale>img {
height:100%;
-o-object-fit:cover;
object-fit:cover;
opacity:.9;
transform-origin:center;
transition:transform .5s ease;
width:100%
}
.qmw__cover__scale:hover>img {
transform:scale(1.1)
}
.aside__nav {
background-position:top;
background-repeat:no-repeat;
background-size:auto 58px;
box-sizing:border-box;
height:100%;
overflow:hidden;
padding-top:72px;
position:sticky;
top:98px
}
.aside__nav__container {
display:flex;
flex-direction:column;
max-height:calc(100vh - 170px);
overflow-x:hidden;
overflow-y:scroll;
position:relative;
scrollbar-color:auto
}
.aside__nav__list {
border-radius:4px;
box-sizing:border-box;
color:var(--font-color);
flex:0 0 36px;
font-size:18px;
line-height:36px;
margin:10px 0;
overflow:hidden;
position:relative;
text-align:center;
text-overflow:ellipsis;
white-space:nowrap;
width:100%
}
.aside__nav__list--active {
background-color:var(--bg-blue);
font-weight:600
}
.aside__nav[type=game] {
background-image:var(--aside-nav-game)
}
.aside__nav[type=data] {
background-image:var(--aside-nav-data)
}
.aside__nav[type=news] {
background-image:var(--aside-nav-news)
}
.aside__nav[type=yuce] {
background-image:var(--aside-nav-yuce)
}
.aside__nav[type=team] {
background-image:var(--aside-nav-team)
}
.aside__nav[type=player] {
background-image:var(--aside-nav-player)
}
.aside__nav[type=video] {
background-image:var(--aside-nav-replay)
}
.aside__nav[type=saishi] {
background-image:url(../images/aside_nav_saishi_dark.png);
}
.aside__nav[type=luxiang] {
background-image:url(../images/aside_nav_luxiang_dark.png);
}
.aside__nav[type=jijin] {
background-image:url(../images/aside_nav_jj_dark.png);
}
.aside__nav[type=qiudui] {
background-image:url(../images/aside_nav_qiudui_dark.png);
}
.aside__nav[type=qiuyuan] {
background-image:url(../images/aside_nav_qiuyuan_dark.png);
}
.aside__nav[type=tv] {
background-image:url(../images/aside_nav_tv_dark.png);
}
.aside__nav[type=aboutus] {
background-image:var(--aside-nav-about)
}
.info__header {
background-color:var(--bg-custom-header);
border-radius:12px 12px 0 0;
justify-content:space-between
}
.info__header, .info__header__basic {
box-sizing:border-box;
display:flex;
position:relative
}
.info__header__basic {
color:var(--font-color-50);
flex:0 0 590px;
flex-direction:column;
font-size:16px;
font-weight:400;
justify-content:center;
padding-left:156px
}
.info__header__basic__img {
height:132px;
left:0;
-o-object-fit:contain;
object-fit:contain;
position:absolute;
top:50%;
transform:translateY(-50%);
width:132px
}
.info__header__basic__name {
color:var(--font-color);
font-size:32px;
font-weight:700;
line-height:42px;
margin:0
}
.info__header__basic__alias {
color:var(--font-color);
font-size:20px;
font-weight:400;
line-height:26px;
margin:6px 0 12px;
text-overflow:ellipsis
}
.info__header__basic__extra {
align-items:center;
display:flex;
height:30px
}
.info__header__basic__extra>* {
align-items:center;
display:flex;
justify-content:center
}
.info__header__basic__extra>:not(:last-child) {
margin-right:12px
}
.info__header__basic__extra .fa {
align-items:center;
display:flex;
font-size:10px;
justify-content:center;
text-align:center;
width:16px
}
.info__header__basic__btn {
align-items:center;
background-color:var(--bg-06);
background-position:50%;
background-repeat:no-repeat;
background-size:40px 22px;
border-radius:4px;
color:var(--font-color);
cursor:pointer;
display:flex;
font-size:14px;
font-style:normal;
height:30px;
justify-content:center;
width:64px
}
.info__header__basic__btn--pk {
background-image:url(../images/icon_pk.svg)
}
.info__header__content {
align-self:center;
box-sizing:border-box;
display:flex;
flex:0 0 412px;
flex-wrap:wrap;
position:relative
}
.info__header__content:before {
background-color:var(--bg-04);
content:"";
height:132px;
left:0;
position:absolute;
top:50%;
transform:translateY(-50%);
width:1px
}
.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>span:nth-child(3) {
background-color:var(--bg-04);
font-size:12px;
height:24px;
line-height:24px;
margin-left:6px;
padding:0 8px
}
.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:106px
}
.info__header__btn {
position:absolute;
right:0;
top:0
}
.info__header__btn:first-child {
left:0;
right:unset
}
.info__header--player {
height:226px;
padding:11px 50px
}
.info__header--player .info__header__list:not(.info__header--player .info__header__list--full):nth-child(odd) {
flex:0 0 156px
}
.info__header--player .info__header__list:not(.info__header--player .info__header__list--full):nth-child(2n) {
flex:0 0 255px
}
.info__header--player .info__header__list>span:first-child {
width:68px
}
.info__header--player .info__header__basic__img {
-o-object-fit:cover;
object-fit:cover
}
.info__header--league, .info__header--team {
height:204px;
padding:36px 50px
}
.info__header--league .info__header__content {
flex:1;
margin-left:36px
}
.info__header--league .info__header__list>span:first-child {
flex:0 0 112px
}
.stat__table {
display:flex;
font-size:14px;
width:100%
}
.stat__table__content {
display:flex;
flex:1;
flex-direction:column;
white-space:nowrap
}
.stat__table__content--basic {
flex:0 0 148px;
overflow:hidden
}
.stat__table__content--info {
flex:0 0 792px;
overflow:hidden;
overflow-x:auto
}
.stat__table__tr {
box-sizing:border-box;
display:flex;
height:60px;
line-height:60px;
overflow:hidden;
position:relative;
width:100%
}
.stat__table__tr--dep {
color:var(--font-color-50)
}
.stat__table__tr--dep0 {
border-top:1px solid var(--bg-04)
}
.stat__table__tr--dep .stat__table__name, .stat__table__tr--injury .stat__table__name {
padding-right:22px
}
.stat__table__tr--dep .stat__table__name:before, .stat__table__tr--injury .stat__table__name:before {
content:"";
height:18px;
position:absolute;
right:0;
width:18px
}
.stat__table__tr--injury .stat__table__name:before {
background-image:url(../images/icon_injury.svg)
}
.stat__table__tr--dep .stat__table__name:before {
background-image:url(../images/icon_dep.svg)
}
.stat__table__tr:first-child {
border-bottom:1px solid var(--bg-04);
color:var(--font-color-50);
height:48px;
line-height:36px
}
.stat__table__tr:first-child>span {
padding-bottom:12px
}
.stat__table__img {
height:36px;
left:12px;
-o-object-fit:cover;
object-fit:cover;
position:absolute;
width:36px
}
.stat__table__name {
box-sizing:border-box;
line-height:18px;
max-width:100%;
overflow:hidden;
position:relative;
text-overflow:ellipsis;
white-space:nowrap
}
.stat__table__extra {
color:var(--font-color-50);
font-size:12px;
line-height:16px;
margin-top:2px
}
.stat__table__content--basic .stat__table__tr {
align-items:flex-start;
box-sizing:border-box;
flex-direction:column;
justify-content:center;
line-height:18px;
overflow:hidden;
padding-left:54px;
position:relative;
width:100%
}
.stat__table__content--basic .stat__table__tr--dep .team__table__name, .stat__table__content--basic .stat__table__tr--injury .team__table__name {
padding-right:22px
}
.stat__table__content--basic .stat__table__tr--dep .team__table__name:before, .stat__table__content--basic .stat__table__tr--injury .team__table__name:before {
content:"";
height:18px;
position:absolute;
right:0;
width:18px
}
.stat__table__content--basic .stat__table__tr--injury .team__table__name:before {
background-image:url(../images/icon_injury.svg)
}
.stat__table__content--basic .stat__table__tr--dep .team__table__name:before {
background-image:url(../images/icon_dep.svg)
}
.stat__table__content--basic .stat__table__tr:first-child {
color:var(--font-color-70);
padding:0 0 12px 12px
}
.stat__table__content--basic .stat__table__tr:first-child>span {
padding:0
}
.stat__table__content--info .stat__table__tr {
flex-direction:row;
min-width:-moz-max-content;
min-width:max-content
}
.stat__table__content--info .stat__table__tr>span {
flex:1;
min-width:unset;
overflow:hidden;
text-align:center;
text-overflow:ellipsis;
white-space:nowrap
}
.stat__table--season .stat__table__content--basic {
flex:0 0 80px
}
.stat__table--season .stat__table__content--info {
flex:0 0 860px
}
.stat__table--season .stat__table__content--basic .stat__table__tr {
padding-left:0;
text-align:center
}
.stat__table--season .stat__table__content--basic .stat__table__tr>span {
width:100%
}
.stat__table--season .stat__table__content--info .stat__table__tr>span {
flex:1
}
.stat__table--standings .stat__table__content .stat__table__tr:first-child {
background-color:var(--bg-04);
border:none;
height:42px;
padding-bottom:0
}
.stat__table--standings .stat__table__content .stat__table__tr:first-child>span {
line-height:42px;
padding-bottom:0
}
.stat__table--standings .stat__table__content--basic {
flex:0 0 234px
}
.stat__table--standings .stat__table__content--basic .stat__table__img {
height:22px;
left:88px;
width:22px
}
.stat__table--standings .stat__table__content--basic .stat__table__tr {
padding-left:116px
}
.stat__table--standings .stat__table__content--basic .stat__table__tr>span:first-child {
color:var(--font-color-70);
display:block;
left:0;
position:absolute;
text-align:center;
width:64px
}
.stat__table--standings .stat__table__content--basic .stat__table__tr:first-child {
border-radius:4px 0 0 4px;
color:var(--font-color-50);
padding-left:76px
}
.stat__table--standings .stat__table__content--basic .stat__table__tr:not(:first-child)>span:first-child {
font-size:16px
}
.stat__table:not(:first-child) {
margin-top:24px
}
.news__list {
box-sizing:border-box;
display:flex;
flex-direction:column;
height:163px;
justify-content:center;
overflow:hidden;
padding-left:240px;
position:relative;
width:100%
}
.news__list__title {
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
color:var(--font-color);
display:box;
font-size:18px;
font-weight:400;
height:28px;
line-height:28px;
margin:0;
overflow:hidden;
text-align:justify;
text-overflow:ellipsis;
white-space:nowrap;
width:100%
}
.news__list__cover {
display:flex;
left:0;
position:absolute;
top:0
}
.news__list__cover__list {
border-radius:6px;
height:163px;
overflow:hidden;
width:216px
}
.news__list__desc {
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
display:-webkit-box;
line-height:22px;
margin-top:8px;
max-height:44px;
overflow:hidden;
text-overflow:ellipsis;
white-space:wrap
}
.news__list__desc, .news__list__extra {
color:var(--font-color-50);
font-size:14px
}
.news__list__extra {
align-items:center;
display:flex;
margin-top:24px
}
.news__list__extra>span[relation="0"], .news__list__extra>span[relation="1"] {
border-radius:4px;
height:22px;
line-height:22px;
text-align:center;
width:36px
}
.news__list__extra>span[relation="0"] {
border:1px solid var(--bg-blue-30);
color:var(--font-blue)
}
.news__list__extra>span[relation="1"] {
border:1px solid var(--bg-red-30);
color:var(--font-red)
}
.news__list__extra>span:nth-child(n+3) {
margin:0 9px
}
.news__list__avatar {
background-color:#f7f7f7;
border-radius:50%;
height:24px;
margin-right:6px;
width:24px
}
.news__list__count {
align-items:center;
background-color:rgba(0, 0, 0, .5);
border-radius:4px;
color:var(--font-color);
display:flex;
font-size:12px;
height:22px;
padding:0 4px;
position:absolute;
right:10px;
top:10px
}
.news__list__count:before {
font-size:14px;
margin-right:2px
}
.news__list__video-icon {
align-items:center;
background-color:rgba(0, 0, 0, .4);
border-radius:50%;
display:flex;
font-size:24px;
height:48px;
justify-content:center;
left:50%;
pointer-events:none;
position:absolute;
top:50%;
transform:translate(-50%, -50%);
width:48px
}
.news__list__video-time {
bottom:10px;
position:absolute;
right:10px
}
.news__list--3 {
height:239px;
justify-content:space-between;
padding:0
}
.news__list--3 .news__list__cover {
border-radius:4px;
display:flex;
height:163px;
justify-content:space-between;
overflow:hidden;
position:relative;
width:664px
}
.news__list--3 .news__list__cover__list {
border-radius:0
}
.news__list--3 .news__list__extra {
margin-top:0
}
.news__list:hover .news__list__title {
color:var(--font-blue)
}
.topic__list {
color:var(--font-color);
display:flex;
flex:0 0 366px;
flex-direction:column;
font-size:14px;
height:268px;
position:relative;
width:366px
}
.topic__list__extend {
background-color:var(--bg-blue-70);
border-radius:8px 0;
height:28px;
left:0;
line-height:28px;
padding:0 8px;
position:absolute;
top:0;
z-index:2
}
.topic__list__title {
-webkit-line-clamp:1;
display:box;
font-size:18px;
line-height:28px;
margin-top:12px;
white-space:nowrap
}
.topic__list__desc, .topic__list__title {
-webkit-box-orient:vertical;
overflow:hidden;
text-overflow:ellipsis
}
.topic__list__desc {
-webkit-line-clamp:2;
color:var(--font-color-50);
display:-webkit-box;
line-height:22px;
margin-top:8px;
max-height:44px;
white-space:wrap
}
.topic__list__cover {
border-radius:8px;
height:176px;
width:366px
}
.topic__list:hover .topic__list__title {
color:var(--font-blue)
}
.video__list {
display:flex;
flex-direction:column;
height:269px;
justify-content:space-between;
position:relative;
width:calc(25% - 18px)
}
.video__list__cover {
border-radius:6px;
height:201px;
width:100%
}
.video__list__title {
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
align-items:flex-start;
color:var(--font-color);
display:flex;
display:-webkit-box;
font-size:18px;
height:56px;
line-height:28px;
overflow:hidden;
text-align:left;
text-overflow:ellipsis;
white-space:wrap
}
.video__list__icon {
align-items:center;
background-color:rgba(0, 0, 0, .4);
border-radius:50%;
display:flex;
font-size:24px;
height:48px;
justify-content:center;
left:50%;
top:81px;
transform:translate(-50%);
width:48px
}
.video__list__icon:before {
margin-left:2px
}
.video__list__extend {
color:var(--font-color);
font-size:14px;
right:12px;
text-shadow:0 0 2px rgba(0, 0, 0, .24);
top:171px
}
.video__list__extend, .video__list__icon {
pointer-events:none;
position:absolute;
z-index:1
}
.video__list[data-class="5"] .video__list__title:before, .video__list[data-class="6"] .video__list__title:before, .video__list[data-class="7"] .video__list__title:before {
border-radius:4px;
border-style:solid;
border-width:1px;
box-sizing:border-box;
display:inline-block;
font-size:14px;
height:24px;
line-height:22px;
margin-right:6px;
padding:0 6px
}
.video__list[data-class="7"] .video__list__title:before {
border-color:var(--bg-blue-50);
color:var(--font-blue);
content:"视频"
}
.video__list[data-class="6"] .video__list__title:before {
border-color:var(--bg-red-50);
color:var(--font-red);
content:"集锦"
}
.video__list[data-class="5"] .video__list__title:before {
border-color:var(--bg-red-50);
color:var(--font-red);
content:"录像"
}
.fixture__section {
position:relative
}
.fixture__section .qmw__section__header {
background-color:var(--bg-body);
position:sticky;
top:66px;
z-index:5
}
.fixture__section .qmw__section__header+.fixture__list--header {
top:120px
}
.fixture__section .qmw__section__header~.qmw__section__content .fixture__details__header {
top:174px
}
/*.fixture__section:before {
background-color:var(--bg-body);
content:"";
height:32px;
left:0;
position:absolute;
top:-32px;
width:100%
}*/
.fixture__tab {
display:flex
}
.fixture__tab__list {
color:var(--font-color-70);
cursor:pointer;
font-size:16px;
line-height:24px;
padding:0 6px
}
.fixture__tab__list h2{
color: var(--font-color);
cursor:pointer;
font-size:16px;
line-height:24px;
padding:0 6px
}
.fixture__tab__list--active {
color:var(--font-color);
font-weight:700
}
.fixture__details__header {
align-items:center;
background-color:var(--bg-body);
background-image:linear-gradient(90deg, var(--bg-04) 0, hsla(0, 0%, 100%, 0) 100%);
box-sizing:border-box;
display:flex;
font-size:14px;
height:42px;
justify-content:space-between;
margin-bottom:1px;
padding:0 12px;
position:sticky;
top:110px;
width:100%;
z-index:1
}
.fixture__details__header__icon {
color:var(--font-color-50);
cursor:pointer;
font-size:14px;
height:18px;
line-height:18px;
text-align:center;
transition:all .3s ease-in-out;
width:18px
}
.fixture__details__header--hide {
display:none
}
.fixture__details[open] .fixture__details__header__icon {
transform:rotate(90deg)
}
.fixture__details--today .fixture__details__header span:first-child {
color:var(--font-blue)
}
.fixture__picker {
align-items:center;
background-color:var(--bg-06);
border-radius:4px;
color:var(--font-color);
cursor:pointer;
display:flex;
font-size:14px;
height:30px;
justify-content:center;
position:relative;
width:82px
}
.fixture__picker .fa {
font-size:10px;
margin:0 2px
}
.fixture__picker .fa:first-child {
font-size:16px
}
.fixture__list {
box-shadow:0 1px 0 0 var(--bg-06);
box-sizing:border-box;
flex-direction:column;
font-size:14px;
padding:0 12px;
transition:all .3s ease-in-out
}
.fixture__list2 {
box-shadow:0 1px 0 0 var(--bg-06);
box-sizing:border-box;
flex-direction:column;
font-size:14px;
padding:0 12px;
transition:all .3s ease-in-out
}
.fixture__list, .fixture__list__data {
color:var(--font-color-50);
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__note {
align-items:center;
background-color:rgba(255, 179, 36, .12);
border-radius:4px;
box-sizing:border-box;
color:var(--font-color-70);
display:flex;
font-size:12px;
height:30px;
justify-content:center;
margin-bottom:12px;
overflow:hidden;
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 116px
}
.fixture__list__info {
flex:0 0 368px;
font-size:16px;
height:100%;
justify-content:center
}
.fixture__list__info, .fixture__list__team {
align-items:center;
display:flex;
overflow:hidden
}
.fixture__list__team {
box-sizing:border-box;
flex:1;
line-height:22px;
padding-left:28px;
position:relative
}
.fixture__list__team>span {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:100%
}
.fixture__list__team>img {
height:22px;
left:0;
-o-object-fit:contain;
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;
color:var(--font-color-50);
display:flex;
font-size:16px;
justify-content:center;
width:100px
}
.fixture__list__score__text {
flex:1;
font-family:Bebas;
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 {
color:var(--font-color);
text-align:center;
width:24px
}
.fixture__list__extra {
display:flex;
flex:0 0 220px;
justify-content:flex-end;
position:relative
}
.fixture__list__tool {
align-items:center;
background-color:var(--bg-06);
border-radius:4px;
box-sizing:border-box;
color:var(--0080-ff-88, rgba(0, 128, 255, .88));
display:flex;
font-size:12px;
height:26px;
justify-content:center;
padding:0 12px
}
.fixture__list__tool:not(:first-child) {
margin-left:6px
}
.fixture__list--header[ball-type="0"] .fixture__list__league {
padding-right:20px
}
.fixture__list[ball-type="1"] .fixture__list__league {
background-image:var(--ball-1);
padding-left:20px
}
.fixture__list[ball-type="2"] .fixture__list__league {
background-image:var(--ball-2);
padding-left:20px
}
.fixture__list[status-alias=in] .fixture__list__info .fixture__list__score, .fixture__list[status-alias=in] .fixture__list__info .fixture__list__score__symbol, .fixture__list[status-alias=in] .fixture__list__info .fixture__list__score__text, .fixture__list[status-alias=in] .fixture__list__status {
color:#f66
}
.fixture__list[status-alias=other] .fixture__list__score, .fixture__list[status-alias=other] .fixture__list__score__symbol, .fixture__list[status-alias=wait] .fixture__list__score, .fixture__list[status-alias=wait] .fixture__list__score__symbol {
color:var(--font-color-50);
font-size:14px
}
.fixture__list:not(.fixture__list--header) .fixture__list__league, .fixture__list:not(.fixture__list--header) .fixture__list__team {
color:var(--font-color-70)
}
.fixture__list--header {
background-color:var(--bg-body);
background-image:linear-gradient(90deg, var(--bg-06) 0, var(--bg-06) 100%);
border-radius:4px 4px 0 0;
box-shadow:none;
font-size:16px;
position:sticky;
top:60px;
z-index:3
}
/*.fixture__list--header:before {
background-color:var(--bg-body);
content:"";
height:100%;
left:0;
position:absolute;
top:-100%;
width:100%
}*/
.fixture__list--header .fixture__list__data {
color:var(--font-color);
height:50px
}
.fixture__list--header .fixture__list__score {
color:var(--font-color)
}
.fixture__list:not(.fixture__list--header):hover {
background-color:var(--bg-06)
}
.fixture__section[data-half-score-status="1"] .fixture__list__note {
padding-left:calc(60% - 285.6px);
padding-right:calc(40% - 82.4px)
}
.fixture__section[data-half-score-status="1"] .fixture__list[ball-type="0"] .fixture__list__note {
padding-left:calc(60% - 293.6px);
padding-right:calc(40% - 74.4px)
}
.fixture__section[data-half-score-status="0"] .fixture__list__note {
padding-left:calc(75% - 366.5px);
padding-right:calc(25% - 1.5px)
}
.stats__table {
display:flex;
flex-direction:column
}
.stats__table:not(:first-child) {
padding-top:24px
}
.stats__table__title {
color:var(--font-color);
font-size:16px;
font-weight:700;
line-height:21px;
margin-bottom:16px;
width:100%
}
.stats__table__tabs {
margin-bottom:24px
}
.stats__table__content {
display:flex;
padding-bottom:16px;
position:relative;
width:100%
}
.stats__table__main {
display:flex;
flex-direction:column;
overflow:hidden
}
.stats__table__main[type=info] {
flex:1
}
.stats__table__area__name {
background-color:#f7d464;
border-radius:0 0 0 6px;
color:#7c6519;
font-size:12px;
font-weight:600;
height:20px;
line-height:20px;
padding:0 8px 0 6px;
pointer-events:none;
position:absolute;
right:0;
z-index:2
}
.stats__table__list {
box-sizing:border-box;
color:var(--font-color);
display:flex;
font-size:14px;
height:60px;
line-height:60px;
overflow:hidden;
position:relative
}
.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="52"] {
flex:0 0 52px
}
.stats__table__list>span[size="64"] {
flex:0 0 64px
}
.stats__table__list>span[size="118"] {
flex:0 0 118px
}
.stats__table__list>img {
height:36px;
-o-object-fit:cover;
object-fit:cover;
position:absolute;
top:50%;
transform:translateY(-50%);
width:36px
}
.stats__table__main[type=basic] .stats__table__list {
padding-left:12px
}
.stats__table__main>.stats__table__list:first-child {
border-bottom:1px solid var(--bg-04);
color:var(--font-color-50);
height:48px;
line-height:36px
}
.stats__table__main[type=basic]>.stats__table__list:first-child>span:first-child {
color:var(--font-color-70);
text-align:left
}
.stats__table--standings .stats__table__content {
border-bottom:1px solid var(--bg-04)
}
.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:88px;
-o-object-fit:contain;
object-fit:contain;
width:22px
}
.stats__table--standings .stats__table__main>.stats__table__list:first-child {
background-color:var(--bg-04);
border-bottom:none;
font-size:14px;
height:42px;
line-height:42px
}
.stats__table--standings .stats__table__main[type=basic] {
flex:0 0 234px
}
.stats__table--standings .stats__table__main[type=basic] .stats__table__list {
padding-right:24px
}
.stats__table--standings .stats__table__main[type=basic] .stats__table__list>span:first-child {
flex:0 0 64px;
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:52px;
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--standings .stats__table__list[pos="1"]>span:first-child {
color:var(--font-red)
}
.stats__table--standings .stats__table__list[pos="2"]>span:first-child {
color:var(--font-yellow)
}
.stats__table--standings .stats__table__list[pos="3"]>span:first-child {
color:var(--font-blue)
}
.stats__table--player .stats__table__main[type=basic] {
flex:0 0 192px
}
.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)
}
.stats__table--player .stats__table__main[type=basic] .stats__table__list[play="2"]>span:nth-child(2) {
background-image:url(../images/icon_debut.svg)
}
.stats__table--player .stats__table__main[type=basic] .stats__table__list[playing="1"]>span:nth-child(2) {
color:var(--font-blue)
}
.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:not(:first-child)>img {
left:12px
}
.stats__table--player .stats__table__main[type=basic]>.stats__table__list:not(:first-child)>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:var(--font-color-50);
flex:0 0 16px;
font-size:12px;
line-height:16px
}
.stats__table--player[type=injury] .stats__table__main[type=info] span:last-child, .stats__table--player[type=transfer] .stats__table__main[type=info] span:last-child {
padding-right:12px;
text-align:right
}
.stats__table--player[type=roster] .stats__table__main[type=basic] {
flex:0 0 148px
}
.stats__table--player[type=game] .stats__table__main[type=basic]>.stats__table__list:first-child {
color:var(--font-color-70)
}
.stats__table--player[type=game] .stats__table__main[type=basic]>.stats__table__list:first-child>img {
top:0;
transform:translate(0)
}
.stats__table--player[type=game] .stats__table__main[type=basic]>.stats__table__list:first-child>span {
padding-left:42px;
text-align:left
}
.stats__table--season .stats__table__main[type=basic] {
flex:0 0 60px
}
.stats__table--season .stats__table__main .stats__table__list {
padding-left:0
}
.stats__table--season .stats__table__main[type=basic] .stats__table__list:first-child span {
text-align:center
}
.stats__table__extra {
background-color:var(--bg-footer);
border-radius:6px;
box-sizing:border-box;
display:flex;
height:66px;
margin-top:24px;
padding:24px;
width:100%
}
.stats__table__extra__list {
align-items:center;
color:var(--font-color-70);
display:flex;
font-size:14px;
margin-right:12px;
position:relative
}
.stats__table__extra__list[type=play] {
padding-left:24px
}
.stats__table__extra__list[type=play]:before {
background-image:url(../images/icon_debut.svg);
background-repeat:no-repeat;
background-size:18px;
height:18px;
width:18px
}
.stats__table__extra__list[type=playing] {
padding-left:12px
}
.stats__table__extra__list[type=playing]:before {
background-color:var(--bg-blue);
border-radius:50%;
height:6px;
width:6px
}
.stats__table__extra__list:before {
content:"";
left:0;
position:absolute
}
.recommend__item {
display:flex;
flex-direction:column;
gap:24px
}
.recommend__item--game {
gap:12px
}
.recommend__news {
box-sizing:border-box;
color:var(--font-color);
display:flex;
flex-direction:column;
font-size:14px;
height:80px;
justify-content:space-between;
line-height:22px;
padding-left:118px;
position:relative;
text-align:justify;
width:100%
}
.recommend__news__cover {
border-radius:4px;
height:80px;
left:0;
position:absolute;
top:0;
width:106px
}
.recommend__news__cover>img {
height:80px;
width:106px
}
.recommend__news>span {
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
display:-webkit-box;
max-height:44px;
overflow:hidden;
text-overflow:ellipsis;
white-space:wrap
}
.recommend__news>span:last-child {
color:var(--font-color-50);
font-size:14px
}
.recommend__game {
background-color:var(--bg-04);
border-radius:4px;
box-sizing:border-box;
display:flex;
font-size:16px;
height:76px;
line-height:22px;
padding:12px;
width:100%
}
.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:var(--font-color-70);
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:var(--bg-blue);
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:var(--bg-08)
}
.recommend__topic {
background-color:var(--bg-04);
border-radius:4px;
color:var(--font-color);
display:flex;
flex-direction:column;
font-size:14px;
overflow:hidden;
position:relative
}
.recommend__topic__cover {
height:145px;
-o-object-fit:cover;
object-fit:cover;
width:300px
}
.recommend__topic__tag {
align-items:center;
background-color:var(--bg-blue);
border-radius:0 0 0 6px;
display:flex;
height:22px;
padding:0 6px;
pointer-events:none;
position:absolute;
right:0;
top:0
}
.recommend__topic__title {
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
box-sizing:border-box;
display:-webkit-box;
line-height:22px;
margin:12px 0;
max-height:44px;
overflow:hidden;
padding:0 12px;
text-align:justify;
text-overflow:ellipsis;
white-space:wrap;
width:100%
}
.recommend__topic:not(:last-child) {
margin-bottom:12px
}
.league__table {
overflow:hidden;
position:relative;
width:300px
}
.league__table__list {
border-radius:4px;
color:var(--font-color);
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>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__list>span:nth-child(2) {
flex:0 0 120px;
justify-content:flex-start;
padding-left:28px;
width:120px
}
.league__table__list>span:nth-child(2)>span {
overflow:hidden;
text-overflow:ellipsis
}
.league__table__list>span:nth-child(3) {
flex:0 0 66px
}
.league__table__list>span:nth-child(3)>span:not(:first-child) {
color:var(--font-color-50)
}
.league__table__list--1>span:first-child {
color:var(--font-red)
}
.league__table__list--2>span:first-child {
color:var(--font-yellow)
}
.league__table__list--3>span:first-child {
color:var(--font-blue)
}
.league__table__list--1>span:first-child, .league__table__list--2>span:first-child, .league__table__list--3>span:first-child {
font-style:italic;
font-weight:600
}
.league__table__list:nth-child(n+9)>span:not(:first-child) {
color:var(--font-color-70)
}
.league__table__list:not(:first-child)>span:first-child {
font-size:20px
}
.league__table__list:not(:first-child):hover {
background-color:var(--bg-04)
}
.league__table__list:first-child {
color:var(--font-color-50);
font-size:14px;
height:18px;
margin-bottom:6px
}
.league__table__pagination {
color:var(--font-color-70);
display:flex;
height:44px;
margin:0 auto;
max-width:100%;
overflow-x:auto
}
.league__table__pagination__bullet {
align-items:center;
cursor:pointer;
display:flex;
justify-content:center;
width:100%
}
.league__table__pagination--league {
border:1px solid var(--bg-06);
border-radius:4px;
box-sizing:border-box;
height:26px;
margin-bottom:16px
}
.league__table__pagination--league .league__table__pagination__bullet {
flex:1
}
.league__table__pagination--league .league__table__pagination__bullet--active {
background-color:var(--bg-06)
}
.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 {
color:var(--font-color)
}
.league__table__pagination--area .league__table__pagination__bullet--active:before {
background-color:var(--bg-blue);
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
}
.live__section {
width:940px
}
.live__item {
display:none;
flex-direction:column;
margin-top:24px;
position:relative
}
.live__item__switch {
position:absolute;
right:0;
top:0
}
.live__item__icon {
display:block;
flex:0 0 24px;
height:24px;
width:24px
}
.live__item[type=incident]:before {
background-color:var(--bg-04);
content:"";
height:100%;
left:50%;
position:absolute;
top:0;
transform:translate(-50%);
width:2px;
z-index:-1
}
.live__item[active="1"], .live__list {
display:flex
}
.live__list {
align-items:center;
box-shadow:0 1px 0 0 var(--bg-04);
box-sizing:border-box;
color:var(--font-color);
font-size:16px;
min-height:56px;
padding:16px 12px;
position:relative;
width:100%
}
.live__list>span:first-child {
color:var(--font-color-50);
flex:0 0 76px
}
.live__list__info {
box-sizing:border-box;
display:flex;
flex:1;
flex-direction:column;
justify-content:center;
line-height:26px;
padding:0 24px
}
.live__list__event {
align-items:center;
display:flex
}
.live__list__event>.live__item__icon {
margin-right:8px
}
.live__list__event:not(:first-child) {
margin-top:4px
}
.live__list__score {
align-items:center;
box-sizing:border-box;
display:flex;
font-family:Bebas;
justify-content:center;
padding-left:24px;
width:100px
}
.live__list:hover {
background-color:var(--bg-04)
}
.live__imp {
color:var(--font-color);
margin-bottom:32px;
width:100%
}
.live__imp, .live__imp__basic {
align-items:center;
display:flex;
font-size:16px;
justify-content:center
}
.live__imp__basic {
background-color:var(--bg-body);
color:var(--font-color-50);
flex:0 0 76px;
padding:6px 0;
text-align:center;
z-index:2
}
.live__imp__basic, .live__imp__content {
box-sizing:border-box;
line-height:24px
}
.live__imp__content {
background-color:var(--bg-04);
border-radius:6px;
display:flex;
flex:0 0 432px;
flex-direction:column;
padding:10px 12px
}
.live__imp__event {
display:flex
}
.live__imp__event .live__item__icon {
margin-right:4px
}
.live__imp__event:not(:first-child) {
margin-top:4px
}
.live__imp[team="0"], .live__imp[team="1"] {
justify-content:flex-end
}
.live__imp[team="0"], .live__imp[team="0"] .live__imp__event {
flex-direction:row-reverse
}
.live__imp[team="0"] .live__imp__event .live__item__icon, .live__imp[team="0"] .live__item__icon {
margin-left:4px;
margin-right:0
}
.live__events {
background-color:var(--bg-04);
border-radius:8px;
box-sizing:border-box;
display:flex;
flex-wrap:wrap;
padding:10px 24px;
width:100%
}
.live__events__list {
align-items:center;
display:flex;
flex:0 0 111.5px;
height:24px;
margin:10px 0
}
.live__events__list__icon {
height:24px;
margin-right:4px;
width:24px
}
.live__item[goal-only="1"] .live__imp {
display:none
}
.live__item[goal-only="1"] .live__imp[type="0"], .live__item[goal-only="1"] .live__imp[type="1"], .live__item[goal-only="1"] .live__imp[type="17"], .live__item[goal-only="1"] .live__imp[type="19"], .live__item[goal-only="1"] .live__imp[type="26"], .live__item[goal-only="1"] .live__imp[type="8"] {
display:flex
}
.live__section[status-alias=in] .live__item {
flex-direction:column-reverse
}
.live__section[status-alias=in] .live__imp:last-child {
margin-top:36px
}
.intro__content {
color:var(--font-color);
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:var(--bg-04);
border-radius:4px;
box-sizing:border-box;
color:var(--font-color);
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;
-o-object-fit:contain;
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:var(--font-color-50);
font-size:14px;
line-height:18px
}
.intro__title__list:nth-child(4n) {
margin-right:0
}
.honor__section {
display:flex;
flex-wrap:wrap;
justify-content:space-between
}
.honor__item {
border-bottom:1px solid var(--bg-04);
display:flex;
flex:0 0 450px;
flex-direction:column
}
.honor__item:nth-child(n+3) {
margin-top:12px
}
.honor__label {
color:var(--font-color);
font-size:18px;
font-weight:600;
height:28px;
line-height:28px
}
.honor__content {
color:var(--font-color-50);
display:flex;
flex-wrap:wrap;
font-size:14px;
line-height:22px;
padding:8px 0 12px
}
.honor__content>span {
margin-right:4px
}
.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:var(--bg-24);
background-color:var(--bg-body);
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:var(--font-color-50);
font-size:16px
}
.stat__list>:nth-child(3) {
align-items:center;
background-color:var(--bg-04);
border-radius:4px;
color:var(--font-color-70);
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
}
.stat__list>:nth-child(3)[rank="0"] {
color:var(--font-color-24)
}
.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;
color:var(--font-color);
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 200px;
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:var(--bg-04);
border-radius:4px 4px 0 0;
color:var(--font-color-50);
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:78px
}
.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
}
.best__section[data-type=best] img, .best__section[data-type^=best-player] img {
-o-object-fit:cover;
object-fit:cover
}
.jersey__section {
display:flex;
flex-wrap:wrap
}
.jersey__list {
align-items:center;
box-sizing:border-box;
display:flex;
flex-direction:column;
height:174px;
justify-content:space-between;
padding:16px 8px;
position:relative;
width:188px
}
.jersey__list>span {
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
display:box;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.jersey__list__num {
color:var(--font-color);
font-family:Bebas;
font-size:32px;
height:42px;
line-height:42px;
position:absolute;
top:50px
}
.jersey__list__pos {
color:var(--font-color-70);
font-size:14px;
height:22px;
line-height:22px;
position:absolute;
top:92px
}
.jersey__list__name {
color:var(--font-color);
font-size:16px;
height:24px;
line-height:24px
}
.pre__stats {
display:flex;
flex-wrap:wrap;
gap:16px
}
.pre__stats__list {
border-bottom:1px solid var(--bg-04);
box-sizing:border-box;
display:flex;
flex:0 0 450px;
flex-direction:column;
height:60px;
justify-content:space-between;
padding:0 0 12px 48px;
position:relative
}
.pre__stats__list>img {
height:40px;
left:0;
-o-object-fit:cover;
object-fit:cover;
position:absolute;
top:4px;
width:40px
}
.pre__stats__list:nth-child(2n) {
margin-left:auto
}
.pre__stats__extra, .pre__stats__info {
display:flex;
justify-content:space-between
}
.pre__stats__info {
color:var(--font-color);
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:var(--font-color-50);
font-size:14px;
height:22px;
line-height:22px
}
.career__section .qmw__section__header {
align-self:flex-start;
background-color:var(--bg-body);
position:sticky;
top:66px;
z-index:9
}
.career__tabs {
background-color:var(--bg-body);
position:sticky;
top:120px
}
.career__tabs .qmw__tab__container {
flex-wrap:wrap;
z-index:2
}
.career__tabs:before {
background-color:var(--bg-body);
content:"";
height:calc(100% + 24px);
left:0;
position:absolute;
top:-34px;
width:100%;
z-index:1
}
.career__content {
display:flex;
flex-direction:column;
gap:32px;
margin-top:16px;
position:relative
}
.career__content a.career__list:hover {
color:var(--font-blue)
}
.career__content:before {
background-color:var(--bg-04);
content:"";
height:100%;
left:50%;
position:absolute;
top:0;
transform:translate(-50%);
width:2px
}
.career__list {
align-self:flex-end;
background-color:var(--bg-04);
border-radius:6px;
box-sizing:border-box;
color:var(--font-color);
display:flex;
flex-direction:column;
font-size:16px;
line-height:24px;
padding:10px 12px;
position:relative;
width:448px
}
.career__list>span:last-child {
color:var(--font-color-50);
height:22px;
line-height:22px;
margin-top:4px
}
.career__list:after, .career__list:before {
border-radius:50%;
content:"";
left:-22px;
top:50%;
transform:translate(-50%, -50%)
}
.career__list:before {
height:12px;
width:12px
}
.career__list:after, .career__list:before {
background-color:var(--bg-24);
position:absolute
}
.career__list:after {
height:8px;
width:8px
}
.career__list:nth-child(odd) {
align-items:flex-end;
align-self:flex-start
}
.career__list:nth-child(odd):after, .career__list:nth-child(odd):before {
left:unset;
right:-22px;
transform:translate(50%, -50%)
}
.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;
-o-object-fit:contain;
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
}
.grade__list:nth-child(n+7) {
margin-top:24px
}
.league__extend {
display:flex;
flex-direction:column;
gap:32px
}
.league__extend__bracket {
background-color:var(--bg-04);
border-radius:6px;
box-sizing:border-box;
display:flex;
flex-direction:column;
gap:24px;
padding:32px 16px;
width:100%
}
.league__extend__explain {
border-top:1px solid var(--bg-04);
display:flex;
flex-direction:column;
font-size:14px;
gap:16px;
line-height:22px;
padding-top:24px
}
.league__extend__explain__title {
color:var(--font-color-70);
font-weight:700
}
.league__extend__explain__content {
box-sizing:border-box;
color:var(--font-color-50);
height:112px;
overflow:hidden;
position:relative;
white-space:break-spaces;
width:100%
}
.league__extend__explain__tool {
align-items:center;
background-image:linear-gradient(180deg, rgba(42, 44, 47, 0), #2a2c2f 20px);
bottom:0;
box-sizing:border-box;
color:var(--font-blue-70);
cursor:pointer;
display:flex;
font-size:14px;
height:40px;
justify-content:center;
left:0;
padding-top:20px;
position:absolute;
width:100%;
z-index:2
}
.league__extend__explain__tool>i {
font-size:16px;
scale:.5
}
.league__extend .stat__table__tabs {
margin-bottom:8px
}
.league__extend .fixture__list__league {
display:none
}
.league__bracket__item {
display:flex;
flex-direction:column;
gap:24px
}
.league__bracket__wrapper {
margin:0 auto;
position:relative;
width:100%
}
.league__bracket__wrapper[round-count="4"] {
height:928px;
width:100%
}
.league__bracket__wrapper[round-count="3"] {
height:456px;
width:836px
}
.league__bracket__bronze {
background:var(--bg-06);
border-radius:6px;
box-sizing:border-box;
display:flex;
height:100px;
margin:0 auto;
padding:16px 24px;
width:282px
}
.league__bracket__bronze__team {
align-items:center;
display:flex;
flex:0 0 64px;
flex-direction:column;
justify-content:space-between
}
.league__bracket__bronze__team>img {
height:44px;
-o-object-fit:contain;
object-fit:contain;
width:44px
}
.league__bracket__bronze__team>span {
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
display:box;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.league__bracket__bronze__score {
align-items:center;
display:flex;
font-family:Bebas;
font-size:20px;
height:30px;
justify-content:center;
line-height:30px
}
.league__bracket__bronze__score>span {
flex:1
}
.league__bracket__bronze__score>span:nth-child(2) {
text-align:center;
width:16px
}
.league__bracket__bronze__score>span:first-child {
text-align:right
}
.league__bracket__bronze__score>span[win="1"] {
color:var(--font-color)
}
.league__bracket__bronze__extra {
align-items:center;
color:var(--font-color-50);
display:flex;
flex:1;
flex-direction:column;
font-size:14px;
justify-content:center;
line-height:20px
}
.league__bracket__list {
display:flex;
flex-direction:column;
gap:16px;
justify-content:space-between;
position:relative
}
.league__bracket__list__team {
background-color:hsla(0, 0%, 100%, .02);
border-radius:4px;
box-sizing:border-box;
color:var(--font-color);
font-size:14px;
height:102px;
line-height:22px;
padding-top:72px;
position:relative;
width:96px
}
.league__bracket__list__team>img {
height:56px;
left:50%;
-o-object-fit:contain;
object-fit:contain;
position:absolute;
top:8px;
transform:translate(-50%);
width:56px
}
.league__bracket__list__team__extra {
align-items:center;
box-sizing:border-box;
display:flex;
height:30px;
justify-content:center;
padding:0 8px;
white-space:nowrap;
width:100%
}
.league__bracket__list__team__extra>span:first-child {
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
display:box;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.league__bracket__round {
display:flex;
justify-content:space-between;
position:relative
}
.league__bracket__round__column {
display:flex;
flex-direction:column;
gap:16px;
justify-content:space-around
}
.league__bracket__round[round="3"] {
z-index:0
}
.league__bracket__round[round="2"] {
z-index:1
}
.league__bracket__round[round="1"] {
z-index:2
}
.league__bracket__round[round="0"] {
z-index:3
}
.league__bracket__round:not(:last-child) {
left:50%;
position:absolute;
top:50%;
transform:translate(-50%, -50%)
}
.league__bracket__game {
align-items:center;
background-color:var(--bg-body);
background-image:linear-gradient(0deg, hsla(0, 0%, 100%, .12), hsla(0, 0%, 100%, .12));
border-radius:4px;
box-sizing:border-box;
display:flex;
flex-direction:column;
gap:6px;
justify-content:center;
line-height:18px;
min-height:100%;
padding:16px 2px;
position:absolute;
visibility:hidden;
white-space:nowrap;
width:100%;
z-index:2
}
.league__bracket__game__header {
display:flex;
padding-bottom:2px;
width:100%
}
.league__bracket__game__header>span {
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
display:box;
flex:1;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.league__bracket__game__header>span:nth-child(2) {
flex:0 0 20px;
text-align:center
}
.league__bracket__game__header>span:first-child {
text-align:right
}
.league__bracket__game__list {
align-items:center;
display:flex;
justify-content:center;
width:100%
}
.league__bracket__game__date {
flex:0 0 36px
}
.league__bracket__game__score {
align-items:center;
color:var(--font-color-50);
display:flex;
flex:0 0 54px;
font-family:Bebas
}
.league__bracket__game__score>span {
flex:1
}
.league__bracket__game__score>span:nth-child(2) {
flex:0 0 10px;
text-align:center
}
.league__bracket__game__score>span:first-child {
text-align:right
}
.league__bracket__game__score>span:nth-child(2), .league__bracket__game__score>span[win="1"] {
color:var(--font-color)
}
.league__bracket__game__list[status-alias=in] .league__bracket__game__score>span {
color:var(--font-red)
}
.league__bracket__list:hover .league__bracket__game {
visibility:visible
}
.league__bracket__round[round="0"][match-count="1"] .league__bracket__list {
flex-direction:row;
gap:12px;
padding:12px 0
}
.league__bracket__round[round="0"] .league__bracket__game {
top:100%
}
.league__bracket__round:nth-last-child(2) {
width:calc(100% - 316px)
}
.league__bracket__round:nth-last-child(2) .league__bracket__list, .league__bracket__round:nth-last-child(2) .league__bracket__round__column {
gap:134px
}
.league__bracket__round:nth-last-child(3):not([round="0"]) {
width:calc(100% - 632px)
}
.league__bracket__round:nth-last-child(3):not([round="0"]) .league__bracket__list {
gap:374px
}
.league__bracket__round[round="3"][match-count="4"] .league__bracket__list {
margin-top:236px
}
.league__bracket__round[round="0"] .league__bracket__round__column .league__bracket__list__team:first-child, .league__bracket__round__column:first-child .league__bracket__list__team {
border:1px solid hsla(0, 100%, 70%, .06)
}
.league__bracket__round[round="0"] .league__bracket__round__column .league__bracket__list__team:last-child, .league__bracket__round__column:nth-child(2) .league__bracket__list__team {
border:1px solid rgba(0, 128, 255, .06)
}
.league__bracket__round__column:first-child .league__bracket__list__team__extra {
background-color:hsla(0, 100%, 70%, .06)
}
.league__bracket__round[round="0"] .league__bracket__list__team:last-child .league__bracket__list__team__extra, .league__bracket__round__column:nth-child(2) .league__bracket__list__team__extra {
background-color:rgba(0, 128, 255, .06)
}
.league__bracket__round:not([round="0"]) .league__bracket__list:after, .league__bracket__round:not([round="0"]) .league__bracket__list:before {
border-color:var(--bg-04);
border-style:solid;
border-width:2px;
box-sizing:border-box;
content:"";
position:absolute;
top:50%;
transform:translateY(-50%);
width:24px
}
.league__bracket__round:not([round="0"]) .league__bracket__list:before {
height:calc(100% - 100px)
}
.league__bracket__round:not([round="0"]) .league__bracket__list:after {
border-width:1px
}
.league__bracket__round:not([round="0"]) .league__bracket__round__column:first-child .league__bracket__list:before {
border-left-width:0;
left:102px
}
.league__bracket__round:not([round="0"]) .league__bracket__round__column:first-child .league__bracket__list:after {
left:126px
}
.league__bracket__round:not([round="0"]) .league__bracket__round__column:nth-child(2) .league__bracket__list:before {
border-right-width:0;
right:102px
}
.league__bracket__round:not([round="0"]) .league__bracket__round__column:nth-child(2) .league__bracket__list:after {
right:126px
}
.league__bracket__round[round="2"][match-count="2"] .league__bracket__list {
margin-top:236px
}
.league__bracket__wrapper[round-count="4"] .league__bracket__round[round="1"] .league__bracket__list:before {
border-width:0 1px;
height:calc(100% - 216px);
left:50%;
width:2px
}
.league__bracket__wrapper[round-count="4"] .league__bracket__round[round="1"] .league__bracket__round__column:first-child .league__bracket__list:after {
left:calc(50% + 2px)
}
.league__bracket__wrapper[round-count="4"] .league__bracket__round[round="1"] .league__bracket__round__column:nth-child(2) .league__bracket__list:after {
right:50%
}
.league__bracket__round[round="0"] .league__bracket__list__team[win="1"]:before {
background-position:50%;
background-repeat:no-repeat;
background-size:contain;
content:"";
height:64px;
left:50%;
position:absolute;
top:-72px;
transform:translate(-50%);
width:64px
}
.league__bracket__item[ball-type="1"] .league__bracket__round[round="0"] .league__bracket__list__team[win="1"]:before {
background-image:url(../images/icon_bracket_win_1.png)
}
.league__bracket__item[ball-type="2"] .league__bracket__round[round="0"] .league__bracket__list__team[win="1"]:before {
background-image:url(../images/icon_bracket_win_2.png)
}
.league__bracket__item[league-id="1"][type=cup] .league__bracket__round[round="0"] .league__bracket__list__team[win="1"]:before {
background-image:url(../images/icon_cup_1.png)
}
.league__bracket__item[league-id="1"][type=playoffs] .league__bracket__round[round="0"] .league__bracket__list__team[win="1"]:before {
background-image:url(../images/icon_playoffs_1.png)
}
.standings__tabs {
border-bottom:1px solid var(--bg-04);
margin-bottom:24px
}
.standings__rule {
color:var(--font-color-50);
display:flex;
flex-direction:column;
font-size:14px;
line-height:24px;
padding-top:24px;
white-space:break-spaces
}
.standings__rule__title {
color:var(--font-color);
font-size:16px;
font-weight:400;
margin:0 0 12px
}
.home__header {
height:380px;
margin-bottom:36px;
width:100%
}
.home__header__list {
border-radius:8px;
overflow:hidden;
position:relative
}
.home__header__list__cover {
display:flex;
height:100%;
justify-content:flex-end;
left:0;
position:absolute;
top:0;
width:100%
}
.home__header__list__cover>img {
height:380px;
-o-object-fit:cover;
object-fit:cover;
right:0;
top:0;
width:860px
}
.home__header__list__cover:before {
background-image:linear-gradient(90deg, #181818 34%, hsla(0, 0%, 9%, 0) 56%);
content:"";
height:100%;
left:0;
position:absolute;
top:0;
width:100%
}
.home__header__list__label {
align-items:center;
background-color:var(--bg-blue);
border-radius:0 0 8px 8px;
display:flex;
font-size:14px;
height:34px;
justify-content:center;
position:absolute;
right:40px;
top:0;
width:80px
}
.home__header__list__basic {
display:flex;
flex-direction:column;
height:254px;
justify-content:center;
left:80px;
position:absolute;
top:56px;
width:670px
}
.home__header__list__title {
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
color:var(--font-color);
display:-webkit-box;
font-size:36px;
font-weight:600;
line-height:54px;
margin:0;
max-height:108px;
overflow:hidden;
text-overflow:ellipsis;
text-shadow:0 1px 1px rgba(0, 0, 0, .24);
white-space:wrap;
width:100%
}
.home__header__list__extra {
align-items:center;
color:var(--font-color-70);
display:flex;
font-size:16px;
height:24px;
margin-top:16px
}
.home__header__list__extra>img {
border-radius:50%;
height:24px;
margin-right:8px;
width:24px
}
.home__header__list__btn {
align-items:center;
background-color:var(--bg-24);
border-radius:56px;
color:var(--font-color-70);
display:flex;
font-size:14px;
height:46px;
justify-content:center;
margin-top:60px;
padding:0 12px;
width:128px
}
.home__header__list__btn>svg {
fill:var(--font-color-70)
}
.home__header__list__btn>span {
margin-right:4px
}
.home__header .home__header__pagination {
bottom:24px!important;
cursor:pointer;
display:flex;
justify-content:center;
left:50%!important;
position:absolute;
transform:translate(-50%);
width:auto!important;
z-index:9
}
.home__header .home__header__pagination__bullet {
animation:width .3s linear;
background-color:var(--bg-24);
border-radius:4px;
cursor:pointer;
height:8px;
margin:0 2px;
width:12px
}
.home__header .home__header__pagination__bullet--active {
background-color:var(--bg-blue);
width:36px
}
.home__header .home__header__pagination__bullet:hover {
background-color:var(--bg-blue)
}
.home__header__navigation {
cursor:pointer;
display:none;
font-size:32px;
height:46px;
left:16px;
line-height:46px;
position:absolute;
text-align:center;
top:50%;
transform:translateY(-50%);
width:46px;
z-index:1
}
.home__header__navigation--next {
left:unset;
right:16px
}
.home__header__navigation.swiper-button-disabled {
display:none
}
.home__header__navigation:hover {
color:var(--bg-blue)
}
.home__header:hover .home__header__list__btn {
background-color:var(--bg-blue);
color:var(--font-color)
}
.home__header:hover .home__header__list__btn>svg {
fill:var(--font-color)
}
.home__header:hover .home__header__navigation:not(.swiper-button-disabled) {
display:block
}
.home__page .card__news {
color:var(--font-color);
display:flex;
font-size:16px;
justify-content:space-between;
line-height:24px
}
.home__page .card__news__list {
border-radius:4px;
height:168px;
overflow:hidden;
position:relative;
width:223px
}
.home__page .card__news__list:hover .card__news__title {
color:var(--font-blue)
}
.home__page .card__news__list:before {
background-image:linear-gradient(180deg, transparent, rgba(0, 0, 0, .88));
bottom:0;
content:"";
height:72px;
left:0;
position:absolute;
width:100%;
z-index:1
}
.home__page .card__news__cover {
height:168px;
overflow:hidden;
width:223px
}
.home__page .card__news__cover>img {
height:168px;
width:223px
}
.home__page .card__news__tag {
background-color:var(--bg-red);
border-radius:4px;
color:var(--font-color);
font-size:12px;
height:24px;
left:12px;
line-height:24px;
padding:0 8px;
position:absolute;
top:8px
}
.home__page .card__news__title {
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
bottom:12px;
box-sizing:border-box;
display:-webkit-box;
left:0;
overflow:hidden;
padding:0 12px;
position:absolute;
text-overflow:ellipsis;
transition:all .3s ease;
white-space:wrap;
width:100%;
z-index:1
}
.home__page .card__news__list:before, .home__page .card__news__tag, .home__page .card__news__title {
pointer-events:none
}
.home__page .column__news {
flex-wrap:wrap;
margin-top:24px;
max-height:540px
}
.home__page .column__news, .home__page .column__news__list {
display:flex;
justify-content:space-between;
overflow:hidden
}
.home__page .column__news__list {
box-sizing:border-box;
color:var(--font-color-50);
flex:0 0 458px;
font-size:16px;
line-height:24px;
margin-bottom:20px;
position:relative;
width:458px
}
.home__page .column__news__list:nth-child(10n+1), .home__page .column__news__list:nth-child(10n+2) {
flex-direction:column;
height:82px;
justify-content:space-between;
padding-left:120px
}
.home__page .column__news__list:nth-child(10n+1) .column__news__title, .home__page .column__news__list:nth-child(10n+2) .column__news__title {
height:48px;
padding-right:0
}
.home__page .column__news__list:nth-child(10n+1) .column__news__title>span, .home__page .column__news__list:nth-child(10n+2) .column__news__title>span {
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
display:-webkit-box;
overflow:hidden;
text-overflow:ellipsis;
white-space:wrap
}
.home__page .column__news__list:last-child, .home__page .column__news__list:nth-last-child(2) {
margin-bottom:0
}
.home__page .column__news__list:hover .column__news__title>span {
color:var(--font-blue)
}
.home__page .column__news__list:hover .column__news__title>span.column__news__tag {
border-color:var(--bg-blue)
}
.home__page .column__news__cover {
border-radius:4px;
height:81px;
left:0;
overflow:hidden;
position:absolute;
top:50%;
transform:translateY(-50%);
width:108px
}
.home__page .column__news__cover>img {
height:81px;
width:108px
}
.home__page .column__news__title {
align-items:center;
color:var(--font-color);
display:flex;
flex:1;
max-height:48px;
overflow:hidden;
padding-right:12px;
transition:all .3s ease
}
.home__page .column__news__title>span {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.home__page .column__news__tag {
border:1px solid var(--font-color-50);
border-radius:4px;
box-sizing:border-box;
color:var(--font-color-70);
flex:0 0 auto;
font-size:12px;
height:20px;
line-height:18px;
margin-right:8px;
padding:0 4px
}
.home__page .column__news__extra {
align-items:center;
display:flex;
font-size:14px;
justify-content:space-between
}
.news__info {
display:flex;
flex-direction:column;
width:940px
}
.news__info__title {
color:var(--font-color);
font-size:36px;
font-weight:600;
line-height:56px;
margin:0 0 16px
}
.news__info__extra {
color:var(--font-color-50);
display:flex;
font-size:14px;
height:20px;
line-height:20px
}
.news__info__extra>span:not(:last-child) {
margin-right:8px
}
.news__info__share {
align-items:center;
display:flex;
height:100%;
margin-left:auto
}
.news__info__share__list {
cursor:pointer;
position:relative
}
.news__info__share__list__extra {
align-items:center;
box-sizing:border-box;
display:none;
flex-direction:column;
height:134px;
justify-content:center;
left:50%;
padding-top:8px;
position:absolute;
top:28px;
transform:translate(-50%);
width:126px
}
.news__info__share__list__extra>img {
height:102px;
width:102px;
z-index:2
}
.news__info__share__list__extra:after, .news__info__share__list__extra:before {
content:"";
position:absolute
}
.news__info__share__list__extra:before {
border-bottom:8px solid #3c3d40;
border-left:8px solid transparent;
border-right:8px solid transparent;
height:0;
left:50%;
top:0;
transform:translate(-50%);
width:0;
z-index:1
}
.news__info__share__list__extra:after {
background-color:#3c3d40;
border-radius:6px;
bottom:0;
height:126px;
width:126px
}
.news__info__share__list[data-action=report] {
color:var(--font-color);
font-size:14px;
margin-left:4px
}
.news__info__share__list[data-action=wechat] {
background-color:rgba(40, 196, 69, .6)
}
.news__info__share__list[data-action=qq] {
background-color:rgba(83, 150, 238, .6)
}
.news__info__share__list:not([data-action=report]) {
align-items:center;
border-radius:50%;
box-sizing:border-box;
color:var(--bg-body);
display:flex;
font-size:12px;
height:16px;
justify-content:center;
margin-right:8px;
width:16px
}
.news__info__share__list[active="1"] .news__info__share__list__extra {
display:flex
}
.news__info__content {
color:var(--font-color);
display:flex;
flex-direction:column;
font-size:18px;
font-weight:400;
gap:16px;
line-height:30px;
overflow:hidden;
padding:32px 0 24px;
width:100%
}
.news__info__content>* {
margin:0
}
.news__info__content h2 {
background-image:url(../images/icon_section_title.svg);
background-position:left 6px;
background-repeat:no-repeat;
background-size:14px 18px;
box-sizing:border-box;
font-size:20px;
padding-left:20px;
position:relative
}
.news__info__content table {
border-collapse:collapse
}
.news__info__content img {
border-radius:4px;
display:block;
margin:0 auto;
max-width:100%
}
.news__info__content a {
color:rgba(0, 128, 255, .88);
font-weight:700
}
.news__info__content iframe, .news__info__content video {
display:block;
height:540px;
margin:0 auto;
width:720px
}
.news__info__content video {
background-color:#000
}
.news__info__tags {
display:flex;
flex-wrap:wrap;
font-size:16px;
margin-left:-6px;
padding-bottom:20px;
width:calc(100% + 12px)
}
.news__info__tag {
align-items:center;
background-color:var(--bg-06);
border-radius:6px;
color:var(--font-color-70);
display:flex;
height:38px;
justify-content:center;
margin:0 6px 12px;
padding:0 12px 0 8px
}
.news__info__tag>img {
height:18px;
margin-right:4px;
-o-object-fit:cover;
object-fit:cover;
width:18px
}
.news__info__copyright {
border-top:1px solid var(--bg-04);
color:var(--font-color-50);
font-size:14px;
line-height:20px;
padding-top:24px
}
.news__info__gif {
cursor:pointer;
display:block;
margin:0 auto;
max-width:100%;
position:relative;
width:-moz-max-content;
width:max-content
}
.news__info__gif:before {
background-color:var(--bg-blue-70);
border-radius:4px 0;
bottom:0;
color:var(--font-color);
content:"GIF";
font-size:14px;
font-weight:600;
height:24px;
line-height:24px;
position:absolute;
right:0;
text-align:center;
text-shadow:0 0 2px rgba(0, 0, 0, .16);
width:38px;
z-index:1
}
.topic__header {
background-position:100% 0;
background-repeat:no-repeat;
border-radius:12px;
height:317px;
overflow:hidden;
position:relative;
width:100%
}
.topic__header__info {
background-image:linear-gradient(90deg, #181818 44%, hsla(0, 0%, 9%, 0));
box-sizing:border-box;
color:var(--font-color);
display:flex;
flex-direction:column;
gap:8px;
height:100%;
padding:24px 658px 24px 36px;
width:100%
}
.topic__header__title {
font-size:24px;
font-weight:600;
line-height:36px;
margin:0;
padding-bottom:4px;
text-shadow:0 1px 1px rgba(0, 0, 0, .24)
}
.topic__header__extend {
align-self:flex-start;
background-color:var(--bg-blue);
border-radius:8px 8px 8px 0;
font-size:16px;
font-weight:600;
height:32px;
line-height:32px;
padding:0 12px;
width:auto
}
.topic__header__desc {
color:var(--font-color-70);
font-size:16px;
line-height:26px
}
.topic__header__date {
border-radius:8px;
display:flex;
flex-direction:column;
height:64px;
overflow:hidden;
position:absolute;
right:36px;
top:24px;
width:72px
}
.topic__header__date>span {
flex:1;
text-align:center
}
.topic__header__date>span:first-child {
background-color:var(--bg-blue);
color:var(--font-color);
font-size:14px;
height:26px;
line-height:26px
}
.topic__header__date>span:nth-child(2) {
background-color:var(--bg-88);
color:#000;
font-size:24px;
font-weight:600;
height:38px;
line-height:38px
}
.topic__info {
display:flex;
flex-direction:column;
gap:32px;
padding-top:32px
}
.topic__info__subtitle {
color:var(--font-color);
font-size:20px;
font-weight:600;
height:30px;
line-height:30px;
margin:0
}
.topic__info__rank {
align-items:center;
background-position:50%;
background-repeat:no-repeat;
box-sizing:border-box;
display:flex;
font-family:BarlowBold;
font-size:20px;
height:48px;
justify-content:center;
left:0;
line-height:24px;
position:absolute;
top:0;
width:48px
}
.topic__info__rank:before {
background-image:url(../images/bg_topic_rank.svg);
content:"";
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:-1
}
.topic__info__rank[data-num="1"], .topic__info__rank[data-num="2"], .topic__info__rank[data-num="3"] {
-webkit-text-fill-color:transparent;
-webkit-background-clip:text;
background-clip:text;
padding-top:8px
}
.topic__info__rank[data-num="1"] {
background-image:linear-gradient(180deg, #ee9d7a, #e2835a)
}
.topic__info__rank[data-num="1"]:before {
background-image:url(../images/bg_topic_rank_01.svg)
}
.topic__info__rank[data-num="2"] {
background-image:linear-gradient(180deg, #7a90b3, #52637e)
}
.topic__info__rank[data-num="2"]:before {
background-image:url(../images/bg_topic_rank_02.svg)
}
.topic__info__rank[data-num="3"] {
background-image:linear-gradient(180deg, #ee9d7a, #e2835a)
}
.topic__info__rank[data-num="3"]:before {
background-image:url(../images/bg_topic_rank_03.svg)
}
.topic__info__time {
box-sizing:border-box;
color:var(--font-color);
font-size:16px;
font-weight:700;
height:24px;
line-height:24px
}
.topic__info__content {
display:flex;
overflow:hidden
}
.topic__info__content[data-expand="1"] .news__list:not(:nth-child(-n+4)) {
display:none
}
.topic__info__content[data-expand="1"]+.qmw__button {
margin-top:0
}
.topic__info__content[data-expand="0"]+.qmw__button {
display:none
}
.topic__info[tmep=group] {
display:flex;
flex-direction:column;
overflow:hidden;
width:100%
}
.topic__info[temp=rank] .qmw__item {
box-sizing:border-box;
padding-left:72px;
position:relative
}
.topic__info[temp=timeline] .qmw__item {
box-sizing:border-box;
display:flex;
flex-direction:column;
gap:12px;
overflow:hidden;
padding-left:36px;
position:relative
}
.topic__info[temp=timeline] .qmw__item:after, .topic__info[temp=timeline] .qmw__item:before {
content:"";
position:absolute;
top:5px
}
.topic__info[temp=timeline] .qmw__item:before {
background-color:var(--bg-04);
height:100%;
left:5px;
top:16px;
width:2px
}
.topic__info[temp=timeline] .qmw__item:after {
background-color:var(--bg-blue);
border:2px solid #56585a;
border-radius:50%;
box-sizing:border-box;
height:12px;
left:0;
width:12px
}
.side__menu.page__main__aside {
background-color:var(--bg-04);
border-radius:4px;
flex:0 0 180px;
margin-right:40px;
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;
color:var(--font-color-50);
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:var(--bg-blue-12);
color:var(--font-blue)
}
.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 var(--bg-04);
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)
}
.league__recent {
height:162px;
overflow:hidden;
position:relative;
width:100%
}
.league__recent__swiper {
height:100%;
width: 1060px;
}
.league__recent__swiper.swiper {
box-sizing:border-box;
padding:0 40px;
position:relative;
}
.league__recent__swiper:after, .league__recent__swiper:before {
background-color:var(--bg-body);
content:"";
height:100%;
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-color:var(--bg-04);
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:var(--bg-04);
border-radius:4px;
box-sizing:border-box;
display:flex!important;
flex-direction:column;
margin-right:8px;
padding:16px 12px;
width:123.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:var(--font-color);
font-size:16px;
line-height:24px;
margin:12px 0 4px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.league__recent__list__count {
background-color:var(--bg-blue-12);
border-radius:4px;
color:var(--bg-blue);
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:var(--bg-04);
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:628px
}
.league__main__tab__list>span {
color:var(--font-color-70);
font-size:16px;
line-height:24px
}
.league__main__tab__list>span:first-child {
color:var(--font-color);
font-size:28px;
font-weight:700;
line-height:40px;
margin-bottom:8px
}
.league__main__tab__list--1:before {
background-image:var(--ball-1)
}
.league__main__tab__list--2:before {
background-image:var(--ball-2)
}
.league__main__tab__list.qmw__tab__list--active {
background-color:var(--bg-blue)
}
.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
}
.league__main .qmw__tab__item[active="1"] {
display:flex
}
.league__hot {
grid-gap:32px;
display:grid;
grid-template-columns:repeat(4, 241px)
}
.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 {
color:var(--font-color);
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:var(--font-color-70);
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
}
.game__page .game__item__content {
min-height:calc(100vh - 435px)
}
.game__header {
background-color:var(--bg-custom-header);
border-radius:12px 12px 0 0;
box-sizing:border-box;
height:250px;
padding:28px 50px;
width:1280px
}
.game__header, .game__header__side {
align-items:center;
display:flex;
justify-content:space-between;
position:relative
}
.game__header__side {
flex:0 0 438px;
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:186px;
width:186px
}
.game__header__side>a>img {
height:186px;
-o-object-fit:contain;
object-fit:contain;
width:186px
}
.game__header__side>span {
color:var(--font-color-50);
font-size:16px;
height:21px;
left:100%;
line-height:21px;
margin-left:10px;
position:absolute;
top:83px
}
.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;
width:220px
}
.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 230px;
flex-direction:column;
height:142px
}
.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)
}
.game__desc {
color:var(--font-color-70);
font-size:16px;
line-height:30px;
text-align:justify
}
.game__desc>p {
margin:0
}
.game__news {
background-color:var(--bg-04);
border-radius:4px;
box-sizing:border-box;
display:flex;
flex-direction:column;
height:86px;
justify-content:center;
overflow:hidden;
padding-left:130px;
position:relative;
width:100%
}
.game__news__cover {
height:86px;
left:0;
position:absolute;
top:0;
width:114px
}
.game__news__title {
color:var(--font-color);
font-size:16px;
line-height:22px;
max-height:44px;
overflow:hidden
}
.game__news__extra {
align-items:center;
color:var(--font-color-40);
display:flex;
font-size:14px;
height:24px;
line-height:24px;
margin-top:10px
}
.game__news__extra>span {
margin-right:18px
}
.game__news__author {
align-items:center;
display:flex
}
.game__news__author>img {
border-radius:50%;
height:24px;
margin-right:6px;
width:24px
}
.game__news__tag {
border:1px solid var(--bg-red-30);
border-radius:4px;
box-sizing:border-box;
color:var(--font-red);
font-weight:600;
height:24px;
line-height:22px;
padding:0 6px
}
.game__goal {
color:var(--font-color);
font-size:18px;
padding-top:16px;
width:100%
}
.game__goal, .game__goal__header {
display:flex;
justify-content:space-between
}
.game__goal__header {
align-self:flex-end;
color:var(--font-color-50);
height:24px;
margin-bottom:8px;
width:328px
}
.game__goal__header>span {
flex:0 0 28px
}
.game__goal__item {
display:flex;
flex:0 0 450px;
flex-direction:column
}
.game__goal__list {
box-sizing:border-box;
display:flex;
height:48px;
padding-right:8px
}
.game__goal__list__basic {
align-items:center;
display:flex;
flex:0 0 132px;
overflow:hidden
}
.game__goal__list__basic>img {
height:48px;
margin-right:6px;
-o-object-fit:contain;
object-fit:contain;
width:48px
}
.game__goal__list__basic>span {
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
display:box;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.game__goal__list__data {
border-radius:4px;
display:flex;
flex:0 0 150px;
overflow:hidden
}
.game__goal__list__data>span {
align-items:center;
background-color:var(--bg-red-50);
display:flex;
flex:1;
justify-content:center
}
.game__goal__list__data>span[max="1"] {
background-color:var(--bg-red)
}
.game__goal__list__data:last-child {
margin-left:8px
}
.game__goal__list:not(:last-child) {
margin-bottom:16px
}
.game__goal__list:last-child .game__goal__list__data>span {
background-color:var(--bg-blue-50)
}
.game__goal__list:last-child .game__goal__list__data>span[max="1"] {
background-color:var(--bg-blue)
}
.game__h2h__header {
color:var(--font-color);
display:flex;
height:64px;
justify-content:space-between;
position:relative
}
.game__h2h__team {
align-items:center;
display:flex;
flex-direction:row-reverse;
width:176px
}
.game__h2h__team__logo {
height:48px;
-o-object-fit:contain;
object-fit:contain;
width:48px
}
.game__h2h__team>span {
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
display:box;
font-size:18px;
font-weight:600;
overflow:hidden;
padding-right:12px;
text-overflow:ellipsis;
white-space:nowrap
}
.game__h2h__team:first-child {
flex-direction:row;
justify-content:flex-start
}
.game__h2h__team:first-child>span {
padding-left:12px;
padding-right:0
}
.game__h2h__extra {
flex:540px;
flex-direction:column
}
.game__h2h__basic, .game__h2h__extra {
display:flex;
justify-content:space-between
}
.game__h2h__basic {
color:var(--font-color-50);
font-size:14px
}
.game__h2h__stat {
border-radius:4px;
display:flex;
height:8px;
overflow:hidden
}
.game__h2h__stat>span {
background-color:var(--bg-red)
}
.game__h2h__stat>span:nth-child(2n), .game__h2h__stat>span[type=draw] {
background-color:var(--bg-blue)
}
.game__h2h__count {
display:flex;
font-size:16px;
height:20px;
line-height:20px
}
.game__h2h__count>span {
flex:1;
text-align:center
}
.game__h2h__count>span:first-child {
text-align:left
}
.game__h2h__count>span:last-child {
text-align:right
}
.game__h2h__list {
align-items:center;
color:var(--font-color-50);
display:flex;
font-size:16px;
height:36px;
margin-top:32px;
position:relative;
white-space:nowrap
}
.game__h2h__list__time {
flex:0 0 160px
}
.game__h2h__list__team {
align-items:center;
display:flex;
flex:0 0 234px;
overflow:hidden
}
.game__h2h__list__team>span {
flex:1;
overflow:hidden;
text-overflow:ellipsis
}
.game__h2h__list__team>img {
height:36px;
margin-right:6px;
-o-object-fit:contain;
object-fit:contain;
width:36px
}
.game__h2h__list__team--0 {
text-align:right
}
.game__h2h__list__team--0>img {
margin-left:6px;
margin-right:0
}
.game__h2h__list__score {
align-items:center;
display:flex;
flex:0 0 152px;
font-family:Bebas;
line-height:36px
}
.game__h2h__list__score>span {
flex:1;
font-size:20px
}
.game__h2h__list__score>span:first-child {
text-align:right
}
.game__h2h__list__score>span.game__h2h__list__score__symbol {
flex:0 0 24px;
font-size:16px;
text-align:center
}
.game__h2h__list__score--win, .game__h2h__list__score__symbol {
color:var(--font-color)
}
.game__h2h__list__extra {
flex:1;
text-align:right
}
.game__h2h__list:first-child {
margin-top:16px
}
.game__fixture__content {
display:flex;
justify-content:space-between;
overflow:hidden
}
.game__fixture__item {
display:flex;
flex:0 0 450px;
flex-direction:column;
overflow:hidden
}
.game__fixture__header {
align-items:center;
color:var(--font-color-50);
display:flex;
font-size:14px;
height:36px;
justify-content:space-between
}
.game__fixture__header__basic {
align-items:center;
color:var(--font-color);
display:flex;
flex:0 0 184px;
overflow:hidden
}
.game__fixture__header__basic>img {
height:36px;
-o-object-fit:contain;
object-fit:contain;
width:36px
}
.game__fixture__header__basic>span {
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
box-sizing:border-box;
display:box;
flex:1;
overflow:hidden;
padding-left:6px;
text-overflow:ellipsis;
white-space:nowrap
}
.game__fixture__stat {
background-color:var(--bg-06);
border-radius:9px;
color:var(--font-color);
display:flex;
flex:0 0 18px;
font-size:12px;
font-weight:600;
line-height:18px;
margin:12px 0;
overflow:hidden;
text-align:center;
width:100%
}
.game__fixture__stat__list {
flex:1
}
.game__fixture__stat__list[type=win] {
background-color:var(--bg-red)
}
.game__fixture__stat__list[type=draw] {
background-color:var(--bg-blue)
}
.game__fixture__stat__list[type=lose] {
background-color:var(--bg-green)
}
.game__fixture__list {
align-items:center;
border-bottom:1px solid var(--bg-04);
box-sizing:border-box;
color:var(--font-color-70);
display:flex;
flex:0 0 62px;
font-size:16px;
height:62px
}
.game__fixture__list__basic {
color:var(--font-color-50);
display:flex;
flex:0 0 100px;
flex-direction:column;
font-size:12px;
line-height:16px;
overflow:hidden
}
.game__fixture__list__basic>span {
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
display:box;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.game__fixture__list__basic>span:first-child {
color:var(--font-color-70);
font-size:14px;
line-height:22px
}
.game__fixture__list__team {
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
color:var(--font-color-70);
display:box;
flex:1;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.game__fixture__list__team:nth-child(2) {
text-align:right
}
.game__fixture__list__score {
color:var(--font-color-50);
display:flex;
flex:0 0 108px;
font-family:Bebas;
font-size:16px
}
.game__fixture__list__score>span {
flex:1
}
.game__fixture__list__score>span:nth-child(2), .game__fixture__list__score>span[win="1"] {
color:var(--font-color)
}
.game__fixture__list__score>span:first-child {
text-align:right
}
.game__fixture__list__score>span:nth-child(2) {
flex:0 0 24px;
text-align:center
}
.game__fixture__list__result {
background-position:100%;
background-repeat:no-repeat;
flex:0 0 24px;
height:24px
}
.game__fixture__list__result[data-result=win] {
background-image:url(../images/icon_w.svg)
}
.game__fixture__list__result[data-result=lose] {
background-image:url(../images/icon_l.svg)
}
.game__fixture__list__result[data-result=draw] {
background-image:url(../images/icon_d.svg)
}
.game__fixture--past .game__fixture__content {
max-height:388px
}
.game__schedule__content {
display:flex;
justify-content:space-between;
overflow:hidden
}
.game__schedule__item {
flex:0 0 450px
}
.game__schedule__list {
border-bottom:1px solid var(--bg-04);
color:var(--font-color-70);
font-size:16px;
height:62px
}
.game__schedule__list, .game__schedule__list__team {
align-items:center;
box-sizing:border-box;
display:flex;
position:relative
}
.game__schedule__list__team {
color:var(--font-color);
flex:0 0 184px;
height:100%;
overflow:hidden;
padding-left:44px;
text-overflow:ellipsis;
white-space:nowrap;
width:184px
}
.game__schedule__list__team>img {
height:36px;
left:0;
-o-object-fit:contain;
object-fit:contain;
position:absolute;
width:36px
}
.game__schedule__list__basic {
display:flex;
flex:0 0 100px;
flex-direction:column;
font-size:12px;
justify-content:center;
line-height:16px
}
.game__schedule__list__basic>span:first-child {
color:var(--font-color-70);
font-size:14px;
line-height:22px
}
.game__schedule__list__score {
display:flex;
flex:0 0 108px;
font-family:Bebas;
font-size:16px
}
.game__schedule__list__score>span {
flex:1
}
.game__schedule__list__score>span[win="1"] {
color:var(--font-color)
}
.game__schedule__list__score>span:first-child {
text-align:right
}
.game__schedule__list__score>span:nth-child(2) {
color:var(--font-color-50);
flex:0 0 24px;
text-align:center
}
.game__schedule__list--cur>span:last-child {
color:var(--font-red);
font-weight:600
}
.game__schedule__list:not(:first-child)>span:nth-child(2), .game__schedule__list:not(:first-child)>span:nth-child(4) {
flex:0 0 89px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.game__schedule__list:not(:first-child)>span:nth-child(2) {
text-align:right
}
.game__schedule__list:not(:first-child)>span:last-child {
flex:0 0 64px;
font-size:14px;
text-align:center
}
.game__schedule__list:first-child {
color:var(--font-color-50);
font-size:14px;
height:48px;
padding-bottom:12px;
text-align:center
}
.game__schedule__list:first-child>span:nth-child(2) {
flex:0 0 116px
}
.game__schedule__list:first-child>span:nth-child(3) {
flex:0 0 64px;
margin-left:auto
}
.game__schedule__list[btb="1"]:after, .game__schedule__list[btb="1"]:before {
content:"";
position:absolute;
right:0
}
.game__schedule__list[btb="1"]:before {
background-color:#4a7ee8;
box-sizing:border-box;
height:105px;
top:17px;
width:2px
}
.game__schedule__list[btb="1"]:after {
background-image:url(../images/icon_btb.svg);
background-size:cover;
height:16px;
top:1px;
width:42px
}
.game__schedule__stat {
background-color:var(--bg-06);
border-radius:9px;
color:var(--font-color);
display:flex;
font-size:12px;
font-weight:600;
height:18px;
margin:12px 0;
overflow:hidden
}
.game__schedule__stat__list {
flex:1;
line-height:18px;
text-align:center
}
.game__schedule__stat__list[type=win] {
background-color:var(--bg-red)
}
.game__schedule__stat__list[type=draw] {
background-color:var(--bg-blue)
}
.game__schedule__stat__list[type=lose] {
background-color:var(--bg-green)
}
.game__schedule--past .game__schedule__list>span:last-child {
background-position:100%;
background-repeat:no-repeat;
height:24px
}
.game__schedule--past .game__schedule__list>span:last-child[type=win] {
background-image:url(../images/icon_w.svg)
}
.game__schedule--past .game__schedule__list>span:last-child[type=lose] {
background-image:url(../images/icon_l.svg)
}
.game__schedule--past .game__schedule__list>span:last-child[type=draw] {
background-image:url(../images/icon_d.svg)
}
.game__schedule--past .game__schedule__list:first-child {
border-bottom:none;
height:36px;
padding:0
}
.game__schedule--past .game__schedule__list:first-child>span:nth-child(2) {
flex:1;
height:unset;
text-align:right
}
.game__schedule--past .game__schedule__content {
max-height:388px
}
.game__injury {
display:flex;
justify-content:space-between
}
.game__injury__item {
display:flex;
flex:0 0 458px;
flex-direction:column
}
.game__injury__list {
align-items:center;
box-sizing:border-box;
color:var(--font-color);
display:flex;
font-size:14px;
height:60px;
position:relative
}
.game__injury__list__info {
box-sizing:border-box;
display:flex;
flex:0 0 170px;
flex-direction:column;
justify-content:center;
margin-right:24px;
overflow:hidden;
padding-left:42px
}
.game__injury__list__info>img {
height:36px;
left:0;
-o-object-fit:contain;
object-fit:contain;
position:absolute;
width:36px
}
.game__injury__list__info>span {
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
display:box;
line-height:18px;
margin:1px 0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.game__injury__list__info>span:last-child {
color:var(--font-color-50);
font-size:12px;
line-height:16px
}
.game__injury__list>span {
flex:1;
text-align:center
}
.game__injury__list:first-child>span {
color:var(--font-color-40)
}
.game__injury__list:first-child .game__injury__list__info span:last-child {
color:var(--font-color-70);
font-size:14px
}
.game__stat {
display:flex;
flex-direction:column;
position:relative
}
.game__stat__header {
border-bottom:1px solid var(--bg-04);
box-sizing:border-box;
display:flex;
height:50px;
justify-content:space-between;
margin-bottom:28px;
padding-bottom:8px
}
.game__stat__header__info {
align-items:center;
color:var(--font-color);
display:flex;
flex:0 0 418px;
font-size:18px;
overflow:hidden
}
.game__stat__header__info>span {
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
display:box;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.game__stat__header__info>img {
height:36px;
margin:0 6px;
-o-object-fit:contain;
object-fit:contain;
width:36px
}
.game__stat__header__info:first-child {
flex-direction:row-reverse
}
.game__stat__info {
align-items:center;
display:flex;
height:45px;
margin-bottom:8px
}
.game__stat__info>img {
height:40px;
-o-object-fit:cover;
object-fit:cover;
width:40px
}
.game__stat__info__desc {
box-sizing:border-box;
color:var(--font-color-50);
display:flex;
flex:1;
flex-direction:column;
font-size:14px;
height:100%;
justify-content:space-between;
line-height:18px;
padding-left:10px;
padding-right:0
}
.game__stat__info__desc>span {
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
display:box;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.game__stat__info__desc>span:first-child {
color:var(--font-color);
font-size:16px;
font-weight:700;
line-height:21px
}
.game__stat__data {
color:var(--font-color-50);
width:100%
}
.game__stat__data__val {
align-items:center;
display:flex;
flex-direction:column;
font-family:Bebas;
font-size:12px;
justify-content:center;
left:0;
line-height:16px;
position:absolute;
top:50%;
transform:translateY(-50%);
width:116px
}
.game__stat__data__val>span:first-child {
font-size:20px;
line-height:26px
}
.game__stat__side {
box-sizing:border-box;
display:flex;
flex:0 0 412px;
flex-direction:column;
justify-content:center;
min-height:26px;
order:3;
padding-left:116px;
position:relative
}
.game__stat__side--large {
min-height:42px
}
.game__stat__list {
align-items:center;
display:flex
}
.game__stat__list>span {
flex:0 0 116px;
font-size:16px;
line-height:18px;
order:2;
overflow:hidden;
text-align:center
}
.game__stat__list:not(:last-child) {
margin-bottom:32px
}
.game__stat__side:first-child {
order:1;
padding-left:0;
padding-right:116px
}
.game__stat__side:first-child .game__stat__info {
flex-direction:row-reverse
}
.game__stat__side:first-child .game__stat__info__desc {
align-items:flex-end;
padding-left:0;
padding-right:10px
}
.game__stat__side:first-child .game__stat__data__val {
left:auto;
right:0
}
.game__stat__side:first-child .game__stat__data .qmw__progress {
justify-content:flex-end
}
.game__stat__side[win="1"] .game__stat__data__val>span:first-child {
color:var(--font-color)
}
.game__stat__side[win="1"] .qmw__progress__value {
background-color:var(--bg-blue)
}
.game__stat__side[win="1"]:first-child .qmw__progress__value {
background-color:var(--bg-red)
}
.game__score {
color:var(--font-color-50);
display:flex;
font-size:16px;
position:relative
}
.game__score__basic, .game__score__content {
display:flex;
flex:1
}
.game__score__basic {
color:var(--font-color-70);
flex:0 0 180px;
overflow:hidden
}
.game__score__team {
align-items:center;
color:var(--font-color);
display:flex;
overflow:hidden
}
.game__score__team>img {
height:24px;
margin-right:6px;
-o-object-fit:contain;
object-fit:contain;
width:24px
}
.game__score__team>span {
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
display:box;
flex:1;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.game__score__list {
display:flex;
flex:1;
flex-direction:column;
overflow:hidden
}
.game__score__list>* {
height:24px;
line-height:24px
}
.game__score__list>:first-child {
font-size:14px;
height:18px;
line-height:18px
}
.game__score__list>:last-child {
font-size:14px;
height:21px;
line-height:21px
}
.game__score__list>:first-child {
margin-bottom:12px
}
.game__score__list>:nth-child(4) {
margin-top:32px
}
.game__score__list>:nth-child(2), .game__score__list>:nth-child(3) {
margin-top:16px
}
.game__score__content .game__score__list {
text-align:center
}
.game__score__content .game__score__list:last-child {
flex:0 0 80px;
text-align:right
}
.game__score__content .game__score__list>[win="1"] {
color:var(--font-color)
}
.game__score__content .game__score__list>[win="1"], .game__score__content .game__score__list[active="1"]>:nth-child(2), .game__score__content .game__score__list[active="1"]>:nth-child(3) {
font-weight:700
}
.game__score__content .game__score__list[active="1"]>:not(:nth-child(4)) {
color:var(--font-red)
}
.game__score:before, .game__score[type="2"]:after {
background-color:var(--bg-04);
content:"";
height:1px;
position:absolute;
width:100%
}
.game__score:before {
top:30px
}
.game__score:after {
bottom:38px
}
.game__empty {
color:var(--font-color-50);
font-size:14px;
height:60px;
line-height:60px;
text-align:center;
width:100%
}
.team__section {
display:flex;
flex-direction:column;
gap:32px
}
.team__section__header {
background-color:var(--bg-04);
background-position:calc(100% - 24px);
background-repeat:no-repeat;
background-size:auto 72px;
border-radius:4px;
box-sizing:border-box;
color:var(--font-color-50);
display:flex;
flex-direction:column;
font-size:16px;
height:104px;
justify-content:center;
line-height:24px;
padding:16px 178px 16px 24px
}
.team__section__title {
color:var(--font-color);
font-size:24px;
font-weight:700;
line-height:38px
}
.team__section__desc {
margin-top:4px
}
.team__section__item {
display:flex;
flex-direction:column;
gap:24px
}
.team__section__content {
display:flex;
gap:24px 31.5px
}
.team__section__item[value="1"] .team__section__header {
background-image:url(../images/text_eastern.svg)
}
.team__section__item[value="2"] .team__section__header {
background-image:url(../images/text_western.svg)
}
.team__section__item[value=history] .team__section__header {
background-image:url(../images/text_history.svg)
}
.team__item {
display:flex;
flex-wrap:wrap;
gap:24px 31.5px
}
.team__item__title {
color:var(--font-color);
font-size:20px;
font-weight:700
}
.team__list {
border-bottom:1px solid var(--bg-04);
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:var(--font-color-70);
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:var(--font-color-50);
display:box;
margin-bottom:6px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.team__list>span:nth-child(2) {
color:var(--font-color);
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__section {
gap:32px
}
.player__item, .player__section {
display:flex;
flex-direction:column
}
.player__item {
gap:24px
}
.player__item__header {
background-color:var(--bg-04);
border-radius:4px;
box-sizing:border-box;
display:flex;
flex-direction:column;
height:96px;
justify-content:center;
padding:16px 24px 16px 98px;
position:relative;
width:100%
}
.player__item__header>img {
height:64px;
left:24px;
position:absolute;
top:50%;
transform:translateY(-50%);
width:64px
}
.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:20px;
font-weight:700
}
.player__item__content {
display:flex;
flex-wrap:wrap;
gap:24px
}
.player__list {
border-bottom:1px solid var(--bg-04);
box-sizing:border-box;
display:flex;
flex:0 0 268.5px;
flex-direction:column;
gap:2px;
height:64px;
justify-content:center;
padding:0 0 16px 60px;
position:relative;
width:268.5px
}
.player__list>img {
height:48px;
left:0;
-o-object-fit:cover;
object-fit:cover;
position:absolute;
top:0;
width:48px
}
.player__list>span {
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
color:var(--font-color-50);
display:box;
font-size:14px;
line-height:20px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.player__list>span:nth-child(2) {
color:var(--font-color);
font-size:16px;
line-height:24px
}
.about__title {
border-bottom:1px solid var(--bg-04);
color:var(--font-color);
font-size:24px;
font-weight:600;
height:32px;
line-height:32px;
margin:0;
padding-bottom:18px
}
.about__content {
color:var(--font-color-70);
display:flex;
flex-direction:column;
font-size:16px;
gap:24px;
line-height:28px;
padding-top:20px
}
.about__content h3 {
color:var(--font-color);
font-size:18px;
font-weight:600;
line-height:28px;
margin:0
}
.about__content p {
margin:0
}
.about__content strong {
font-weight:600
}
.about__content ul {
margin:0;
padding-left:48px
}
.about__content ul li {
color:var(--font-color-50);
font-size:16px;
font-weight:400;
line-height:28px;
list-style-type:none;
margin:12px 0;
position:relative
}
.about__content ul li:before {
background-color:var(--font-color-50);
border-radius:50%;
content:"";
height:8px;
left:-24px;
position:absolute;
top:10px;
width:8px
}
body, html {
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-family:-apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none
}
body .fa, html .fa {
font-style:normal
}
body details summary, html details summary {
list-style-type:none
}
body details summary::-webkit-details-marker, html details summary::-webkit-details-marker {
display:none
}
body picture img, html picture img {
height:100%;
width:100%
}
body ::-webkit-scrollbar, html ::-webkit-scrollbar {
height:8px;
width:6px
}
body ::-webkit-scrollbar-thumb, html ::-webkit-scrollbar-thumb {
background-color:#666;
border-radius:3px;
min-height:50px
}
body ::-webkit-scrollbar-track, html ::-webkit-scrollbar-track {
background-color:#0000;
border-radius:3px
}
@supports not selector(::-webkit-scrollbar) {
body, body .qmw__scrollbar, html, html .qmw__scrollbar {
scrollbar-width:thin
}
}
body {
background-color:var(--bg-body);
color:var(--font-color);
display:flex;
flex-direction:column;
font-family:-apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif;
font-size:12px;
min-height:100vh;
min-width:1340px;
width:100%
}
body a {
color:inherit;
text-decoration:none
}
body .best__list__info[href="#"], body .career__list[href="#"], body .game__injury__list[href="#"], body .game__stat__list__desc[href="#"], body .game__table__list__basic[href="#"], body .league__table__list[href="#"], body .stat__table__tr[href="#"], body .team__player__stat__list[href="#"] {
cursor:default
}
.page__header {
background-color:var(--bg-header);
height:66px;
min-width:1280px;
position:sticky;
top:0;
width:100%;
z-index:9
}
.page__header__container {
align-items:center;
display:flex;
height:100%;
margin:0 auto;
width:1280px
}
.page__header__slide {
align-items:center;
display:flex;
height:100%;
justify-content:flex-end;
width:144px
}
.page__header__slide__btn {
align-items:center;
display:flex;
height:100%;
justify-content:center;
line-height:48px;
margin:0 12px;
position:relative;
text-align:center;
width:48px
}
.page__header__slide__btn:before {
font-size:24px
}
.page__header__slide__btn:last-child:after {
background-image:url(../images/icon_dlapp.svg);
content:"";
height:17px;
left:32px;
position:absolute;
top:8px;
width:28px
}
.page__header__slide__extra {
align-items:center;
background-color:var(--bg-body);
background-image:linear-gradient(90deg, var(--bg-08), var(--bg-08));
border-radius:4px;
display:flex;
height:140px;
justify-content:center;
position:absolute;
right:-12px;
top:100%;
transition:all .3s;
visibility:hidden;
width:140px
}
.page__header__slide__extra__img {
border-radius:2px;
width:112px
}
.page__header__slide__extra:before {
border-bottom:9px solid var(--bg-nav-child);
border-left:8px solid transparent;
border-right:8px solid transparent;
content:"";
position:absolute;
right:22px;
top:-8px;
transform:translate(-50%)
}
.page__header__slide__btn:hover .page__header__slide__extra {
visibility:inherit
}
.page__header__slide:first-child {
justify-content:flex-start
}
.page__header__nav {
display:flex;
flex:1;
height:100%
}
.page__header__nav__item {
color:var(--font-color);
display:flex;
font-size:18px;
margin:0;
padding:0;
position:relative;
text-align:center;
white-space:nowrap;
width:100px
}
.page__header__nav__item a {
align-items:center;
display:flex;
flex-direction:row-reverse;
height:100%;
justify-content:center;
width:100%
}
.page__header__nav__item>a:before {
font-size:10px;
margin:0 4px;
transition:all .3s
}
.page__header__nav__child {
background-color:var(--bg-nav-child);
border-radius:0 0 4px 4px;
display:flex;
flex-direction:column;
left:0;
max-height:0;
overflow:hidden;
position:absolute;
top:100%;
transition:all .3s linear;
width:100%
}
.page__header__nav__list {
height:46px;
line-height:46px
}
.page__header__nav__list:hover {
color:var(--font-blue)
}
.page__header__nav__item:hover .page__header__nav__child {
max-height:100vh
}
.page__header__nav__item:hover a:before {
transform:rotate(180deg)
}
.page__header__logo {
align-items:center;
display:flex;
height:100%
}
.page__kd {
box-sizing:border-box;
display:flex;
margin:0 auto;
padding:32px 0;
width:1280px; padding-bottom: 0px;
}
.page__header__logo__img {
color: transparent;
display: inline-block;
height: 40.5px;
width: 133px
}
.page__main__header{ margin-bottom:10px;}
.page__main {
box-sizing:border-box;
display:flex;
flex:1;
margin:0 auto;
padding:32px 0;
width:1280px;
}
.page__main__content {
flex:1
}
.page__main__aside {
flex:0 0 300px;
height:-moz-max-content;
height:max-content
}
.page__main__aside--nav {
flex:0 0 104px;
margin-right:30px;
max-height:calc(100vh - 98px);
overflow:hidden;
position:sticky;
top:98px
}
.page__main__aside--right {
margin-left:40px
}
.page__main__btn {
color:var(--font-blue-70);
display:block;
font-size:14px;
line-height:24px;
margin:16px auto 0;
width:-moz-fit-content;
width:fit-content
}
.page__main--col {
flex-direction:column
}
.page__main--child {
padding:0
}
.page__footer {
background-color:var(--bg-footer);
background-image:url(../images/bg_footer.png);
background-position:center 48px;
background-repeat:no-repeat;
background-size:1280px auto;
box-sizing:border-box;
display:flex;
flex-direction:column;
height:337px;
justify-content:space-between;
min-width:1280px;
padding:48px calc(50% - 640px) 36px;
width:100%
}
.page__footer__info {
display:flex;
margin:0 auto;
width:1280px
}
.page__footer__extra {
align-items:center;
color:var(--font-color-40);
display:flex;
flex-direction:column;
font-size:14px;
justify-content:space-between
}
.page__footer__extra div {
display:flex
}
.page__footer__extra div * {
margin:10px 4px
}
.page__footer__extra a, .page__footer__extra span {
line-height:20px
}
.page__footer__extra strong {font-weight: normal;
}
.page__footer__box {
box-sizing:border-box;
display:flex;
flex:0 0 1;
flex-direction:column;
max-width:50%;
padding-left:48px
}
.page__footer__box__title {
color:var(--font-color);
font-size:18px;
font-weight:500;
height:24px;
line-height:24px;
margin-bottom:4px
}
.page__footer__box__info {
display:flex;
flex-wrap:wrap;
padding-top:8px
}
.page__footer__box--link {
flex:0 0 640px
}
.page__footer__list {
color:var(--font-color-50);
cursor:pointer;
font-size:16px;
height:20px;
line-height:20px;
margin:16px 16px 0 0;
width:auto
}
.page__footer__list:hover {
color:var(--font-blue)
}
.page__extra {
background-color:var(--bg-body);
background-image:linear-gradient(90deg, var(--bg-08), var(--bg-08));
border-radius:4px;
display:flex;
flex-direction:column;
position:fixed;
right:10px;
top:50vh;
width:60px;
z-index:9
}
.page__extra__list {
height:50px;
line-height:50px;
position:relative;
text-align:center
}
.page__extra__list__info {
border-radius:4px;
box-sizing:border-box;
color:var(--font-color-88);
display:flex;
flex-direction:column;
height:50px;
justify-content:center;
left:-118px;
line-height:20px;
overflow:hidden;
padding-right:16px;
position:absolute;
text-align:center;
top:50%;
transform:translateY(-50%);
visibility:hidden;
width:118px
}
.page__extra__list__info>span {
font-size:12px
}
.page__extra__list__info>span:first-child {
color:var(--font-color-50)
}
.page__extra__list__info:before {
background-color:var(--bg-body);
background-image:linear-gradient(90deg, var(--bg-08), var(--bg-08));
border-radius:4px;
content:"";
height:100%;
left:0;
position:absolute;
top:0;
width:102px;
z-index:-1
}
.page__extra__list__info:after {
background-color:var(--bg-body);
border-color:transparent transparent transparent var(--bg-08);
border-style:solid;
border-width:8px 0 8px 10px;
content:"";
height:0;
position:absolute;
right:6px;
width:0
}
.page__extra__list {
display:none
}
.page__extra__list:before {
font-size:20px
}
.page__extra__list:before {
font-size:28px;
font-weight:400
}
.page__extra__list:hover:before {
color:var(--font-blue)
}
.page__extra__list:hover .page__extra__list__info {
visibility:visible
}
.game__page .page__main__content, .player__page .page__main__content, .team__page .page__main__content {
width:940px
}
.league__page .page__main__content {
width:1060px
}
.error__page__tips {
color:var(--font-color);
font-size:16px;
height:24px;
line-height:24px
}
.error__page .page__main {
align-items:center;
justify-content:center
}
.error__page .page__main img {
height:200px;
margin-bottom:16px;
width:200px
}
.qylis {
margin:20px 0 0;
margin-left:-20px;
overflow:hidden
}
.qylis a {
width:86px;
float:left;
margin-left:20px;
margin-bottom:10px;
display:block;
padding:10px
}
.dahs a {
width:94px;
}
.qylis .img-show {
position:relative;
overflow:hidden;
display:block;
text-align:center; width:70px;
height:70px;
}
.qylis .img-show img {
width:70px;
height:70px;
margin:0 auto
}
.qylis .img-detail {
line-height:40px;
height:40px;
overflow:hidden;
text-align:center;
font-size:16px
}
*{padding:0px; margin: 0px;}
li{ list-style: none;}
.tvlxx{ width:100%}
.tuwenbx {
}
.tuwenbx ul {
overflow:hidden; margin-left: -20px;
}
.tuwenbx ul li {
width:220px;
border-radius:4px;
float:left;
margin-left:20px;
margin-bottom:20px
}
.tuwenbx ul li .img {
position:relative;
overflow:hidden
}
.tuwenbx ul li .img img {
width:100%;
height:120px
}
.tuwenbx ul li .biaoti {
font-size:16px;
height:30px;
line-height:30px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
text-align:center
}
.tuwenbxz {
}
.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
}
.live_broadcast_link {
width:100%;
position:relative
}
.live_broadcast_link a {
font-size:0;
display:inline-block;
width:100%;
height:100%
}
.live_broadcast_link img {
width:100%
}
.channel-info-text {
width:100%;
font-size:16px;
font-weight:400;
line-height:24px;
color:#eee
}
.citiaowd {
padding:6px;
overflow:hidden;
margin-bottom:10px
}
.citp {
float:left;
margin-right:10px
}
.citp img {
width:150px;
height:90px
}
.citzw {
float:left;
width:750px;
font-size:16px;
color:#eee;
line-height:24px;
}
.all_channels_ul {
display:flex;
flex-wrap:wrap
}
.all_channels_item {
width:140px;
height:44px;
line-height:44px;
background:var(--bg-04);
border:1px solid var(--bg-04);
text-align:center;
margin-top:20px;
margin-right:15px;
margin-left:15px;
color:#fff;
cursor:pointer
}
.all_channels_item a {
display:block;
width:100%;
height:100%;
padding:0 10px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
box-sizing:border-box;
cursor:pointer
}
.all_channels_item:hover, .all_channels_item:hover a {
color:#0080ff;
}
.jijinlt {
overflow:hidden;
padding:0px 6px
}
.jijinlt a {
height:40px;
line-height:40px;
border-bottom:1px dashed #eee;
background-size:26px;
font-size:16px;
overflow:hidden;
float:left;
width:100%
}
.jijinlt i.zuqiu {
display:inline-block;
width:20px;
height:20px;
line-height:20px;
margin:10px 5px 0 0;
text-align:center;
font-size:12px;
color:#fff;
vertical-align:top;
background:url(../images/zuqiu.png) no-repeat center;
background-size:20px
}
.jijinlt i.lanqiu {
display:inline-block;
width:20px;
height:20px;
line-height:20px;
margin:10px 5px 0 0;
text-align:center;
font-size:12px;
color:#fff;
vertical-align:top;
background:url(../images/lanqiu.png) no-repeat center;
background-size:20px
}
.wenlis {
padding:10px;
overflow:hidden
}
.wenlis li {
margin-left:8px;
margin-right:8px;
border-bottom:#eee 1px solid;
margin-bottom:15px;
overflow:hidden;
padding:0px
}
.wenlis li .btt {
font-size:18px;
line-height:28px
}
.wenlis li p {
line-height:21px;
color:#888;
padding-bottom:9px
}
.wenlis li span {
font-size:12px;
height:28px;
color:#8d8d8d;
font-size:12px;
display:block;
margin-right:5px
}
.wenlis li span a {
color:#e7662f
}
.lbxwd {
margin-left:-10px;
overflow:hidden
}
.lbxwd li {
padding:10px;
margin-bottom:10px;
overflow:hidden;
box-sizing:border-box;
margin-left:10px;
border-bottom:#eee 1px solid
}
.lbxwd li .lbxwd_img {
float:left;
margin-right:20px
}
.lbxwd li .lbxwd_img img {
width:160px;
height:110px
}
.lbxwd li .lbxwd_text {
}
.lbxwd_biaoti {
font-size:16px;
font-weight:bold;
overflow:hidden;
line-height:30px;
height:30px;
white-space:nowrap;
text-overflow:ellipsis;
text-overflow:ellipsis;
margin-bottom:10px
}
.lbxwd_jianjie {
color:#909090;
height:40px;
line-height:20px;
margin-bottom:5px;
overflow:hidden;
font-size:14px;
margin-bottom:10px
}
.lbxwd_time {
color:#A8A8A8;
background-image:url(../images/time.png);
background-repeat:no-repeat;
background-position:left center;
font-size:13px;
padding-left:20px;
display:inline-block
}
.fenye {
clear:both;
padding:20px 0 20px 0;
text-align:center
}
.fenye .active_page {
background-color:#51C332;
color:#fff
}
.fenye a {
display:inline-block;
padding:0 12px;
height:30px;
line-height:30px;
text-align:center;
border:1px solid #ddd;
margin:5px;
font-size:14px;
background-color:#fff;
color:#999;
border-radius: 5px;
}
.fenye b, .page a:hover {
display:inline-block;
padding:0 12px;
height:30px;
line-height:30px;
text-align:center;
border:1px solid #2851db;
margin:5px;
font-size:14px;
background-color:#2851db;
color:#fff;
border-radius: 5px;
}
.fenye a b {
background-color:#152d2c;
padding:0;
color:#999999;
display:inline
}
.spzxxc {
float:left;
width:940px;
background:#1D1D1D;
}
.spzxxc-right {
float:right;
width:300px;
background:#1D1D1D
}
.stitem2 {
width:100%;
overflow:hidden;
}
.stitem2__title {
-webkit-box-align:center;
-ms-flex-align:center;
-webkit-align-items:center;
align-items:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
font-size:20px;
font-weight:500;
height:46px;
line-height:46px;
position:relative;
color:#e7662f;
margin-bottom:10px;
border-bottom:1px solid #e7662f;
padding-left:10px;
}
.stitem2__title img {
width:20px;
height:20px;
}
.stitem2__title span {
padding:0px 10px;
color:#fff;
font-weight: 700;
font-size:18px
}
.xwzxl3 {
margin:10px
}
.xwzxl3 ul {
}
.xwzxl3 ul li {
overflow:hidden;
border-bottom:#302f2f 1px solid;
padding:6px 0px;
}
.xwzxl3 ul li img {
width:100px;
height:75px;
float:left;
margin-right:10px;
}
.xwzxl3 ul li h4 {
font-size:14px;
font-weight:normal;
line-height:22px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
color:#fff
}
.xw-zwsa__title2 {
font-size: 24px;
font-weight: 700;
color:#fff;
padding:0px 10px;
}
.xw_cinfo2 {
font-size:14px;
padding:10px;
color:#999;
overflow:hidden
}
.xw_cinfo-name2 {
float:right
}
.xw_cinfo-time2 {
float:left
}
.news_tags2 {
overflow:hidden;
margin:0px 10px;
}
.news_tags2 span {
font-size:14px;
font-weight:bold;
display:block;
height:24px;
line-height:24px;
margin-bottom:10px;
}
.news_tags2 a {
border-radius: 9999px;
border: 1px solid #000;
background:#f5f5f5;
color:#666;
padding:6px 10px;
margin-right:10px;
display:block;
float:left;
margin-bottom:5px;
}
.news_tags2 a:hover {
background-color:var(--bg-blue);
color:#fff
}
.shiplbs {
margin:20px 0 0;
overflow:hidden
}
.shiplbs .video-detail {
width:180px;
float:left;
margin-left:20px;
margin-bottom:10px
}
.shiplbs .img-show {
width:100%;
height:118px;
position:relative;
overflow:hidden;
display:block
}
.shiplbs .img-show img {
width:100%;
height:auto
}
.shiplbs .img-show .play {
position:absolute;
width:46px;
height:46px;
left:50%;
top:50%;
margin-left:-23px;
margin-top:-23px
}
.shiplbs .img-show .icon5 {
width:46px;
height:46px;
background:url(../images/v.png) no-repeat center
}
.shiplbs .img-show:hover .icon5 {
background:url(../images/v2.png) no-repeat center
}
.shiplbs .img-detail {
padding:0px;
margin:0px;
line-height:40px;
height:40px;
overflow:hidden;
text-align:center;
font-size:16px;
white-space:nowrap;
text-overflow:ellipsis;
text-overflow: ellipsis;
}
.shiplby {
margin:20px 0 0;
overflow:hidden
}
.shiplby .video-detail {
width:219px;
float:left;
margin-left:12px;
margin-bottom:10px
}
.shiplby .img-show {
width:100%;
height:145px;
position:relative;
overflow:hidden;
display:block
}
.shiplby .img-show img {
width:100%;
height:auto
}
.shiplby .img-show .play {
position:absolute;
width:46px;
height:46px;
left:50%;
top:50%;
margin-left:-23px;
margin-top:-23px
}
.shiplby .img-show .icon5 {
width:46px;
height:46px;
background:url(../images/v.png) no-repeat center
}
.shiplby .img-show:hover .icon5 {
background:url(../images/v2.png) no-repeat center
}
.shiplby .img-detail .biaoti {
padding:0px;
margin:0px;
line-height:40px;
height:40px;
overflow:hidden;
text-align:center;
font-size:16px
}
.nyvideo {
position:relative;
}
.nyvideo img.full {
width:100%;
height:540px
}
.nyvideo img.play_icon {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
width:80px;
height:80px;
}
.nyvideo:hover {
opacity:.4
}
.nyvideo:hover .full {
opacity:.8
}
.nyvideo:hover .play_icon {
opacity:.6
}
.qmw__calendar{background-color:var(--bg-body);background-image:linear-gradient(90deg,var(--bg-08),var(--bg-08));border-radius:4px;box-sizing:border-box;cursor:default;display:none;padding:0 12px;position:absolute;right:0;top:50px;z-index:1}.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(/static2/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;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:var(--font-blue)}.qmw__calendar__body__content .qmw__calendar__day--active{background-color:var(--bg-04)}
.match-desc {
width:100%;
text-align:left;
background-color:#2a2c2f;
border-radius:6px;
box-sizing:border-box;
padding:20px;
line-height:20px
}
.news_tags {
overflow:hidden;
margin:10px 0px;
}
.news_tags span {
font-size:16px;
font-weight:bold;
display:block;
height:30px;
line-height:30px;
margin-bottom:10px;
}
.news_tags a {
border-radius: 9999px;
background:#f5f5f5;
color:#666;
padding:6px 30px;
margin-right:10px;
display:block;
float:left;
margin-bottom:5px;
}
.news_tags a:hover {
background:#2851db;
color:#fff
}
.shizhis {
background:#152d2c url(../images/bg-qd.png) no-repeat;
background-size:100%;
overflow:hidden;
position:relative;
margin-bottom:10px
}
.shizhis .icon {
float:left;
width:50px;
height:50px;
margin:11px;
object-fit:contain
}
.shizhis .name .zh {
margin-top:20px;
font-size:20px;
color:#fff
}
.shizhis .name .zh h1 {
font-size:20px;
font-weight:500
}
.shizhis .worth {
height:72px;
line-height:72px;
color:#FFF;
font-size:18px;
padding:0 20px 0 20px;
position:absolute;
top:0px;
right:0px;
background-color:#152d2c
}
.shizhis .name .en {
display:flex;
font-size:12px;
color:#bbb
}
.zanwu {
text-align:center;
padding:30px 0px; margin-top: 5px;
}
.zanwu img {
width:30px
}
.zanwu span {
display:block;
font-size:12px;
color:#999
}
.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 #212326;
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 #212326;
border-radius: 2px;
color:#fff;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding:3px 6px;background:#0a63bd ;
}
.wuwu{text-align:center;margin:10px 0px;min-height:390px;}
.wuwu img{width:100px}
.wuwu span{display:block}
.wnr {
text-align:center;
padding:20px ;font-size: .26rem;
}
.hidee{ display:none}
i{font-style:normal}
.jff {
width: 100%; margin-bottom: 10px;
}
.jfname {
color: var(--font-color);
font-size: 16px;
font-weight: 700;
line-height: 21px;
margin-bottom: 16px;
width: 100%;
}
.ranking_lanqiu_table {
display: flex;
width: 100%;
min-width: 800px; /* 最小宽度，确保在小屏幕上不会太拥挤 */
box-sizing: border-box;
}
/* 表头样式 */
.lmbj {
background-color: #2a2c2f;
font-weight: bold;
}
/* 数据行样式 */
.bgg {
border-bottom: 1px solid #2a2c2f;
transition: background-color 0.3s;
}
.bgg:hover {
background-color: rgba(0, 128, 255, .88);
}
/* 列通用样式 */
.ranking_lanqiu_table > div {
flex: 1; /* 关键：让所有列平均分配宽度 */
min-width: 0; /* 防止内容溢出 */
padding: 12px 8px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ranking_lanqiu_table .log {
flex: 1.2;
justify-content: flex-start;
padding: 8px;
}
/* 球队链接样式 */
.log a {
display: flex;
align-items: center;
gap: 8px;
text-decoration: none;
color: inherit;
width: 100%;
transition: opacity 0.2s;
}
/* 球队图片样式 */
.log img {
flex-shrink: 0;
}
/* 球队名称样式 */
.log p {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* 排名数字样式 */
.order {
width: 24px;
height: 24px;
border-radius: 50%;
color: white;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: bold;
margin: 0 auto;
}
/* 容器布局 */
.grid {
display: grid;
}
.grid-cols-2 {
grid-template-columns: repeat(2, 1fr);
}
.gap-\[10px\] {
gap: 10px;
}
.mt-\[14px\] {
margin-top: 14px;
}
/* 链接样式 */
a.group {
position: relative;
display: block;
overflow: hidden;
}
/* 图片容器 */
.flex-center {
display: flex;
align-items: center;
justify-content: center;
}
.lazy-load-image-background {
position: relative;
overflow: hidden;
}
.opacity {
opacity: 1;
transition: opacity 0.3s ease;
}
.lazy-load-image-loaded {
opacity: 1;
}
/* 图片样式 */
.box-border {
box-sizing: border-box;
}
.w-\[inherit\] {
width: inherit;
}
.h-\[inherit\] {
height: inherit;
}
.rounded {
border-radius: 8px;
}
/* 阴影覆盖层 */
.box_shadow {
position: absolute;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.8) 0%,
rgba(0, 0, 0, 0.4) 30%,
transparent 100%
);
pointer-events: none;
z-index: 0;
}
/* 标题样式 */
.text-white {
color: #fff;
}
.group-hover\:text-subColor:hover {
color: #ff6b35; /* 假设主题色，可根据需要修改 */
}
.text-\[24px\] {
font-size: 24px;
}
.text-\[14px\] {
font-size: 14px;
}
.font-bold {
font-weight: 700;
}
.font-normal {
font-weight: 400;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.absolute {
position: absolute;
}
.bottom-\[5\%\] {
bottom: 5%;
}
.bottom-\[1\.8\%\] {
bottom: 1.8%;
}
.w-\[99\.4\%\] {
width: 99.4%;
}
.w-\[98\%\] {
width: 98%;
}
.h-full {
height: 100%;
}
/* 文字截断 */
.line-clamp-2 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.line-clamp-1 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
/* 悬停效果 */
.group:hover .group-hover\:text-subColor {
color: #ff6b35;
transition: color 0.3s ease;
}
.group:hover img {
transform: scale(1.05);
transition: transform 0.3s ease;
}
.group img {
transition: transform 0.3s ease;
}
.section-title {
margin: 0 auto; text-align: center;
}
.wrapper {
width: 100%;
min-width: 1000px;
overflow: hidden
}
.section-title h3 {
font-size: 24px;
line-height: 36px;
color: #fff;
font-weight: 400;
margin-bottom: 5px;
text-align: left;
}
.section-title span {
font-size: 16px;
line-height: 22px;
color: #eee;
display: inline-block;
line-height: 24px;
}