/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 0.02rem dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -0.04rem; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

.qmw__item {
  display: flex;
  flex-direction: column;
  gap: 0.48rem;
  overflow: hidden;
}
.qmw__item__col {
  display: none;
  flex-direction: column;
  gap: 0.48rem;
}
.qmw__item__col[active='1'] {
  display: flex;
}
.qmw__dl {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.12rem;
  height: 0.72rem;
  font-size: 0.3rem;
  background-color: var(--theme);
  color: var(--fff);
  border-radius: 0.36rem;
  left: 50%;
  bottom: calc(env(safe-area-inset-bottom) + 0.96rem);
  transform: translate(-50%, 0);
  z-index: 9;
}
.qmw__modal {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: var(--000-70);
  z-index: 99;
  top: 0;
  left: 0;
}
.qmw__modal__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 5.6rem;
  background-color: var(--card-1);
  border-radius: 0.24rem;
  padding-top: 0.48rem;
  box-sizing: border-box;
}
.qmw__modal__header {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.2rem;
}
.qmw__modal__header img {
  width: auto;
  height: 0.48rem;
}
.qmw__modal__content {
  height: 1.6rem;
  line-height: 0.48rem;
  color: var(--font-color-2);
  text-align: center;
  font-size: 0.3rem;
  padding: 0.32rem 0.4rem;
  box-sizing: border-box;
}
.qmw__modal__content > p {
  margin: 0;
}
.qmw__modal__tool {
  position: relative;
  display: flex;
  width: 100%;
  height: 0.96rem;
  border-top: 0.02rem solid var(--line);
}
.qmw__modal__tool::before {
  position: absolute;
  height: 100%;
  width: 0.02rem;
  background-color: var(--line);
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  content: '';
}
.qmw__modal__btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.3rem;
  color: var(--font-color-2);
}
.qmw__modal__btn[type='confirm'] {
  color: var(--font-color);
}
.qmw__scroll__text {
  white-space: nowrap;
  padding-left: 100%;
  animation: scrollText 10s linear infinite;
}
.qmw__navigation {
  position: sticky;
  display: flex;
  align-items: center;
  width: 100%;
  height: 0.88rem;
  font-size: 0.26rem;
  background-color: var(--bg);
  color: var(--font-color);
  padding: 0 1.04rem;
  box-sizing: border-box;
  top: 0;
  z-index: 99;
}
.qmw__navigation__side {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.8rem;
  height: 0.8rem;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.qmw__navigation__side--left {
  left: 0.16rem;
}
.qmw__navigation__side--right {
  right: 0.16rem;
}
.qmw__navigation__side[data-type='back'],
.qmw__navigation__side[data-type='list'] {
  font-family: FontAlight;
  font-size: 0.4rem;
  color: var(--font-color);
}
.qmw__navigation__side[data-type='back']::before {
  content: '\f01b';
}
.qmw__navigation__side[data-type='list']::before {
  content: '\f000';
}
.qmw__navigation__content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.qmw__navigation__title {
  color: var(--font-color);
  font-size: 0.26rem;
}
.qmw__navigation__logo {
  display: flex;
  width: 1.2rem;
  height: auto;
}
.qmw__navigation__logo > picture {
  width: 100%;
  height: auto;
}
.qmw__navigation__extra {
  position: absolute;
  display: flex;
  align-items: center;
  height: 0.52rem;
  right: 0;
}
.qmw__navigation__extra__btn {
  width: 1.04rem;
  height: 0.52rem;
  line-height: 0.52rem;
  font-size: 0.26rem;
  text-align: center;
  color: var(--fff);
  background-color: var(--fff-16);
  border-radius: 0.08rem;
}
.qmw__navigation__extra__btn[data-value='pk'] {
  font-size: 0;
  background-image: url('/static2/images/icon_pk.svg');
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}
.qmw__navigation__extra__btn:not(:last-child) {
  margin-right: 0.16rem;
}
.qmw__navigation--light {
  background-color: var(--card-1);
}
.qmw__navigation--dark,
.qmw__navigation--dark .qmw__navigation__side,
.qmw__navigation--dark .qmw__navigation__title {
  color: var(--fff);
}
.qmw__tab {
  z-index: 2;
}
.qmw__tab__container {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
  overflow-x: auto;
}
.qmw__tab__list {
  cursor: pointer;
  white-space: nowrap;
}
.qmw__tab__list > span {
  z-index: 1;
}
.qmw__tab__side {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.32rem;
}
.qmw__tab__side::before {
  position: absolute;
  width: 0.08rem;
  height: 0.88rem;
  background-image: radial-gradient(50% 50% at 50% 50%, var(--tab-d1) 0%, var(--tab-d2) 90%);
  background-size: 0.16rem 100%;
  background-position: 0.08rem;
  left: 0;
  content: '';
}
.qmw__tab__side__list {
  width: 0.48rem;
  height: 0.48rem;
}
.qmw__tab__side__list.fa {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--font-color);
  font-size: 0.4rem;
}
.qmw__tab__menu {
  width: 0.48rem;
  height: 0.48rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.qmw__tab__menu[data-name='calendar'] {
  background-image: var(--menu-calendar);
}
.qmw__tab__menu[data-name='team'] {
  background-image: url(/static2/m/images/menu_team.svg?1946b1543785456ddcceb426e3597b06);
}
.qmw__tab__menu:not(:first-child) {
  margin-left: 0.32rem;
}
.qmw__tab--level1,
.qmw__tab--default {
  display: flex;
  height: 0.88rem;
  font-size: 0.3rem;
  background-color: var(--card-1);
}
.qmw__tab--level1 .qmw__tab__list,
.qmw__tab--default .qmw__tab__list {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--font-color-2);
  white-space: nowrap;
  padding: 0 0.2rem;
}
.qmw__tab--level1 .qmw__tab__list--active,
.qmw__tab--default .qmw__tab__list--active {
  font-weight: 600;
  color: var(--font-color);
}
.qmw__tab--level1 .qmw__tab__list--active::before,
.qmw__tab--default .qmw__tab__list--active::before {
  position: absolute;
  width: 0.24rem;
  height: 0.04rem;
  background-color: var(--theme);
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  border-radius: 0.02rem;
  content: '';
}
.qmw__tab--default {
  box-shadow: 0 -0.01rem 0 0 var(--line) inset;
}
.qmw__tab--level1 .qmw__tab__list--active {
  font-size: 0.34rem;
  font-weight: 600;
}
.qmw__tab--level2 {
  display: flex;
  height: 0.88rem;
  background-color: var(--card-1);
  box-sizing: border-box;
}
.qmw__tab--level2 .qmw__tab__list {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.3rem;
  color: var(--font-color-2);
  white-space: nowrap;
  padding: 0.24rem 0.24rem 0;
}
.qmw__tab--level2 .qmw__tab__list--active {
  font-weight: 600;
  color: var(--theme);
}
.qmw__tab--card {
  height: 0.6rem;
  text-align: center;
  font-size: 0.26rem;
  color: var(--font-color-2);
  background-color: var(--card-2);
  border-radius: 0.12rem;
  border: 0.04rem solid var(--card-2);
  box-sizing: border-box;
}
.qmw__tab--card .qmw__tab__container {
  display: flex;
  height: 100%;
  border-radius: 0.12rem;
  padding: 0;
  overflow: hidden;
}
.qmw__tab--card .qmw__tab__list {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.qmw__tab--card .qmw__tab__list--active {
  font-weight: 600;
  color: var(--theme);
  background-color: var(--card-1);
}
.qmw__tab--small {
  position: relative;
  display: flex;
  width: 100%;
  height: 1rem;
  background-color: var(--card-1);
  padding: 0 0.32rem;
  box-sizing: border-box;
}
.qmw__tab--small::before {
  position: absolute;
  width: 6.86rem;
  height: 0.02rem;
  background-color: var(--line);
  bottom: 0;
  margin: 0 0.32rem;
  left: 0;
  content: '';
}
.qmw__tab--small .qmw__tab__side {
  padding: 0 0 0 0.16rem;
}
.qmw__tab--small .qmw__tab__side::before {
  display: none;
}
.qmw__tab--small .qmw__tab__container {
  align-items: center;
}
.qmw__tab--small .qmw__tab__list {
  display: flex;
  align-items: center;
  height: 0.52rem;
  color: var(--font-color-2);
  background-color: var(--card-2);
  font-size: 0.26rem;
  padding: 0 0.16rem;
  border-radius: 0.12rem;
}
.qmw__tab--small .qmw__tab__list--active {
  color: var(--theme);
  font-weight: 600;
}
.qmw__tab--small .qmw__tab__list:not(:first-child) {
  margin-left: 0.16rem;
}
.qmw__tab--card-vertical {
  width: 1.72rem;
  font-size: 0.26rem;
  color: var(--font-color-2);
}
.qmw__tab--card-vertical .qmw__tab__container {
  flex-direction: column;
  padding: 0;
}
.qmw__tab--card-vertical .qmw__tab__list {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 0.84rem;
  background-color: var(--card-2);
  padding: 0 0.16rem;
  box-sizing: border-box;
}
.qmw__tab--card-vertical .qmw__tab__list > span {
  display: -webkit-box;
  white-space: wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.qmw__tab--card-vertical .qmw__tab__list--active {
  font-weight: 600;
  color: var(--theme);
  background-color: var(--card-1);
}
.qmw__picker {
  display: flex;
  align-items: center;
  width: auto;
  height: 0.52rem;
  font-size: 0.26rem;
  color: var(--font-color);
  background-color: var(--card-2);
  cursor: pointer;
  white-space: nowrap;
  border-radius: 0.08rem;
  padding: 0 0.12rem;
}
.qmw__picker__icon {
  font-size: 0.16rem;
  color: var(--font-color-3);
  margin-left: 0.04rem;
}
.qmw__picker:not(:first-child) {
  margin-left: 0.24rem;
}
.qmw__like__section {
  width: 100%;
  height: 0.8rem;
}
.qmw__like__tool {
  display: flex;
  justify-content: space-between;
  padding-top: 0.16rem;
  box-sizing: border-box;
}
.qmw__like__tool__list {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 1.36rem;
  height: 0.52rem;
  font-size: 0.22rem;
  font-weight: 600;
  color: var(--fff);
  background-image: var(--like-right-img);
  background-size: cover;
  padding-right: 0.56rem;
  box-sizing: border-box;
  cursor: pointer;
}
.qmw__like__tool__list:first-child {
  justify-content: flex-start;
  background-image: var(--like-left-img);
  padding-right: 0;
  padding-left: 0.56rem;
}
.qmw__like__tool__icon {
  position: absolute;
  width: 0.32rem;
  height: 0.32rem;
  font-size: 0.32rem;
  right: 0.16rem;
}
.qmw__like__tool__list:first-child .qmw__like__tool__icon {
  right: unset;
  left: 0.16rem;
}
.qmw__like__tool__list--obverse:last-child .qmw__like__tool__icon {
  transform: rotateY(180deg);
}
.qmw__like__progress {
  display: flex;
  background-color: var(--fff);
  height: 0.12rem;
}
.qmw__like__progress__chat {
  position: relative;
  height: 100%;
  background-color: var(--theme-2);
}
.qmw__like__progress__chat:first-child,
.qmw__like__progress__chat:first-child::before {
  background-color: var(--red-2);
}
.qmw__like__progress__chat:first-child::before {
  background-color: var(--red-2);
  border-color: transparent transparent #fff;
  border-width: 0 0 0.12rem 0.06rem;
  right: 0;
  left: unset;
}
.qmw__like__progress__chat::before {
  position: absolute;
  width: 0.06rem;
  height: 0.12rem;
  background-color: var(--theme-2);
  border-style: solid;
  border-color: #fff transparent transparent;
  border-width: 0.12rem 0.06rem 0 0;
  box-sizing: border-box;
  top: 0;
  left: 0;
  content: '';
}
.qmw__author {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.96rem;
  padding: 0.12rem 0;
  box-sizing: border-box;
}
.qmw__author__info {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-left: 0.84rem;
  box-sizing: border-box;
}
.qmw__author__info > span:nth-child(2) {
  height: 0.4rem;
  line-height: 0.4rem;
  color: var(--font-color);
  font-size: 0.26rem;
  font-weight: 600;
}
.qmw__author__info > span:nth-child(3) {
  height: 0.28rem;
  line-height: 0.28rem;
  font-size: 0.22rem;
  font-weight: 400;
  color: var(--font-color-3);
}
.qmw__author__info > img {
  position: absolute;
  width: 0.72rem;
  height: 0.72rem;
  top: 0;
  left: 0;
  border-radius: 50%;
}
.qmw__author__info:not([data-cert='0'])::before {
  position: absolute;
  width: 0.24rem;
  height: 0.24rem;
  background-size: cover;
  background-repeat: no-repeat;
  top: 0.48rem;
  left: 0.48rem;
  z-index: 1;
  content: '';
}
.qmw__author__info[data-cert='1']::before {
  background-image: url('/static2/images/icon_cert_1.svg');
}
.qmw__author__info[data-cert='2']::before {
  background-image: url('/static2/images/icon_cert_2.svg');
}
.qmw__author__info[data-cert='3']::before {
  background-image: url('/static2/images/icon_cert_3.svg');
}
.qmw__author__info[data-cert='4']::before {
  background-image: url('/static2/images/icon_cert_4.svg');
}
.qmw__author__follow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.04rem;
  height: 0.52rem;
  font-size: 0.26rem;
  font-weight: 600;
  color: var(--fff);
  background-color: var(--theme);
  border-radius: 0.08rem;
}
.qmw__tabbar {
  position: fixed;
  display: flex;
  width: 100%;
  max-width: 7.5rem;
  height: calc(1.2rem + env(safe-area-inset-bottom));
  background-color: var(--card-1);
  border-top: 0.02rem solid var(--line);
  bottom: 0;
  z-index: 9;
}
.qmw__tabbar__list {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 0.32rem;
  color: var(--font-color-2);
  font-size: 0.2rem;
  box-sizing: border-box;
  --tabbar-color: var(--font-color-2);
  --tabbar-dot-color: transparent;
}
.qmw__tabbar__list__icon {
  width: 0.52rem;
  height: 0.52rem;
}
.qmw__tabbar__list--active {
  color: var(--font-color);
  --tabbar-color: var(--font-color);
  --tabbar-dot-color: var(--theme);
}
.qmw__button {
  display: flex;
  align-items: center;
  width: auto;
  height: 0.52rem;
  font-size: 0.26rem;
  color: var(--font-color-3);
  background-color: var(--card-2);
  border-radius: 0.08rem;
  padding: 0 0.32rem;
  margin: 0 auto;
  box-sizing: border-box;
  cursor: pointer;
}
.qmw__button__icon {
  font-size: 0.2rem;
  margin-left: 0.08rem;
}
.qmw__section {
  width: 100%;
  background-color: var(--card-1);
  padding: 0.04rem 0.32rem 0.32rem;
  box-sizing: border-box;
}
.qmw__section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1rem;
  background-color: var(--card-1);
}
.qmw__section__slide {
  display: flex;
  color: var(--font-color-3);
  font-size: 0.26rem;
}
.qmw__section__title {
  display: flex;
  height: 0.52rem;
  line-height: 0.52rem;
  color: var(--font-color);
  font-size: 0.32rem;
  font-weight: 600;
  margin: 0;
}
.qmw__section__title > span {
  color: var(--font-color-3);
  font-weight: 400;
  font-size: 0.26rem;
  margin-left: 0.12rem;
}
.qmw__section:not(:last-child) {
  margin-bottom: 0.16rem;
}
.qmw__section--p0 {
  padding-left: 0;
  padding-right: 0;
}
.qmw__section--p0 .qmw__section__header {
  padding: 0 0.32rem;
}
.qmw__section > .qmw__item:first-child {
  padding-top: 0.32rem;
}
.qmw__switch {
  position: relative;
  display: flex;
  align-items: center;
  height: 0.4rem;
  font-size: 0.26rem;
  color: var(--font-color);
  overflow: hidden;
}
.qmw__switch__label {
  position: relative;
  width: 0.8rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  overflow: hidden;
}
.qmw__switch__label > input {
  display: none;
}
.qmw__switch__info {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--card-2);
  top: 0;
  left: 0;
}
.qmw__switch__node {
  position: absolute;
  width: 0.32rem;
  height: 0.32rem;
  background-color: var(--font-color-3);
  left: 0.04rem;
  top: 0.04rem;
  border-radius: 50%;
  transition: 0.2s all ease-in;
}
.qmw__switch__label > input:checked ~ .qmw__switch__info {
  background-color: var(--theme);
}
.qmw__switch__label > input:checked ~ .qmw__switch__node {
  background-color: var(--fff);
  left: unset;
  right: 0.04rem;
}
.qmw__switch > :not(:first-child) {
  margin-left: 0.12rem;
}
.qmw__progress {
  display: flex;
  width: 100%;
  height: 0.08rem;
  border-radius: 0.04rem;
  background-color: var(--card-2);
}
.qmw__progress__value {
  height: 100%;
  background-color: var(--font-color-3);
  border-radius: 0.04rem;
}
.qmw__appointment {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.08rem;
  height: 0.48rem;
  font-size: 0.26rem;
  color: var(--fff);
  background-color: var(--theme);
  border-radius: 0.08rem;
}
.qmw__loading {
  width: 100%;
  height: 1rem;
  background-image: url('/static2/images/icon_loading.svg');
  background-size: 0.4rem;
  background-repeat: no-repeat;
  background-position: center;
}
.qmw__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.4rem;
}
.qmw__empty__content {
  font-size: 0.26rem;
  color: var(--font-color-3);
}
.qmw__empty > img {
  width: 1.28rem;
  height: 1.28rem;
  margin: 0.64rem 0 0.32rem;
}
.qmw__comment__list {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0.24rem 1rem 0.24rem 0.88rem;
  box-sizing: border-box;
}
.qmw__comment__list > img {
  position: absolute;
  width: 0.72rem;
  height: 0.72rem;
  border-radius: 50%;
  top: 0.24rem;
  left: 0;
}
.qmw__comment__author {
  height: 0.36rem;
  line-height: 0.36rem;
  font-size: 0.26rem;
  color: var(--font-color-2);
}
.qmw__comment__content {
  line-height: 0.48rem;
  color: var(--font-color);
  font-size: 0.3rem;
  margin: 0.12rem 0 0.16rem;
}
.qmw__comment__basic {
  display: flex;
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.26rem;
  color: var(--font-color-3);
}
.qmw__comment__basic > span:nth-child(2) {
  height: 100%;
  color: var(--theme);
  background-color: var(--card-2);
  padding: 0 0.08rem;
  border-radius: 0.08rem;
}
.qmw__comment__basic > span:not(:last-child) {
  margin-right: 0.16rem;
}
.qmw__comment__extra {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.84rem;
  line-height: 0.36rem;
  font-size: 0.26rem;
  color: var(--font-color-3);
  top: 0.24rem;
  right: 0;
}
.qmw__comment__extra > i {
  font-size: 0.36rem;
}
.qmw__comment__tools {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 0.72rem;
  font-size: 0.3rem;
  color: var(--font-color-3);
  background-color: var(--card-2);
  box-sizing: border-box;
  border-radius: 0.16rem;
  padding: 0.16rem;
  margin-bottom: 0.16rem;
}
.qmw__comment__tools__btn {
  color: var(--theme);
}
.qmw__comment .qmw__section__content {
  display: flex;
  flex-direction: column;
}
.qmw__comment .qmw__button {
  margin-top: 0.24rem;
}
.qmw__comment .qmw__empty {
  padding: 1.04rem 0;
}
.info__header {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.info__header__nav__content {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.info__header__content {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 1.36rem;
  font-size: 0.26rem;
  padding: 0 0.32rem 0 1.84rem;
  box-sizing: border-box;
}
.info__header__content > img {
  position: absolute;
  width: 1.28rem;
  height: 1.28rem;
  -o-object-fit: contain;
     object-fit: contain;
  top: 0;
  left: 0.32rem;
}
.info__header__basic {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  line-height: 0.36rem;
  color: var(--fff-70);
  overflow: hidden;
}
.info__header__basic > h1 {
  line-height: 0.56rem;
  font-size: 0.36rem;
  font-weight: 600;
  color: var(--fff);
  margin: 0;
}
.info__header__basic > h1,
.info__header__basic > span {
  display: box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.info__header__basic__extra {
  margin-top: 0.04rem;
}
.info__header__basic__extra > a {
  display: flex;
  align-items: center;
  color: var(--fff-70);
}
.info__header__basic__extra > a .fa {
  font-size: 0.16rem;
  margin-left: 0.08rem;
}
.info__header__basic__extra > span {
  display: box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.info__header__extra {
  flex: 0 0 0.8rem;
  height: 0.8rem;
}
.info__header__extra__img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.8;
}
.info__header--player .info__header__content > img {
  -o-object-fit: cover;
     object-fit: cover;
}
@keyframes scrollText {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.fixture__section {
  padding: 0;
  margin-bottom: 0;
}
.fixture__section .qmw__section__content {
  padding: 0;
}
.fixture__section .qmw__section__title {
  height: 1.08rem;
  line-height: 1.08rem;
}
.fixture__details__header {
  position: sticky;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.68rem;
  font-size: 0.26rem;
  color: var(--font-color-2);
  background-color: var(--bg);
  padding: 0 0.32rem;
  box-sizing: border-box;
  top: 0.88rem;
  z-index: 1;
}
.fixture__details__content {
  width: 100%;
  background-color: var(--card-1);
  box-sizing: border-box;
}
.fixture__details--today .fixture__details__header {
  color: var(--theme);
}
.fixture__list {
  position: relative;
  display: flex;
  flex-direction: column;
  font-size: 0.26rem;
  padding: 0.32rem;
  cursor: pointer;
}
.fixture__list__appointment {
  position: absolute;
  height: 0.52rem;
  background-color: var(--card-2);
  color: var(--theme);
  top: 0.94rem;
  left: 50%;
  transform: translate(-50%, 0);
}
.fixture__list__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.36rem;
  font-size: 0.26rem;
  color: var(--font-color-3);
  margin-bottom: 0.24rem;
}
.fixture__list__header > span {
  flex: 0 0 2.16rem;
  display: flex;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
}
.fixture__list__header > span:first-child {
  color: var(--font-color-2);
}
.fixture__list__header > span:last-child {
  justify-content: flex-end;
}
.fixture__list__status {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fixture__list__status::before {
  width: 0.24rem;
  height: 0.24rem;
  background-size: cover;
  background-position: center;
  margin-right: 0.08rem;
  content: '';
}
.fixture__list__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 0.56rem;
}
.fixture__list__team {
  flex: 0 0 calc((100% - 2.02rem) / 2);
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  color: var(--font-color);
  text-align: right;
  padding-right: 0.56rem;
  overflow: hidden;
  box-sizing: border-box;
}
.fixture__list__team > span {
  flex: 1;
  display: box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.fixture__list__team > img {
  position: absolute;
  width: 0.48rem;
  height: 0.48rem;
  -o-object-fit: contain;
     object-fit: contain;
  right: 0;
}
.fixture__list__team:first-child {
  text-align: left;
  padding-right: 0;
  padding-left: 0.56rem;
}
.fixture__list__team:first-child > img {
  right: unset;
  left: 0;
}
.fixture__list__score {
  flex: 0 0 2.02rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  text-align: center;
  font-size: 0.34rem;
  font-family: Bebas;
  color: var(--font-color-3);
  background-repeat: no-repeat;
  background-size: 0.9rem 0.56rem;
  background-position: center center;
}
.fixture__list__score__symbol {
  margin: 0 auto;
}
.fixture__list__score > span {
  flex: 0 0 0.56rem;
}
.fixture__list__score > span[win='1'] {
  color: var(--font-color);
}
.fixture__list__note {
  display: flex;
  width: 100%;
  height: 0.48rem;
  line-height: 0.48rem;
  text-align: center;
  font-size: 0.22rem;
  background-color: var(--yellow-6);
  color: var(--yellow);
  margin-top: 0.16rem;
  overflow: hidden;
}
.fixture__list__note > span {
  width: 100%;
  text-align: center;
}
.fixture__list:not(:last-child)::before {
  position: absolute;
  width: calc(100% - 0.64rem);
  height: 0.02rem;
  background-color: var(--line);
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  content: '';
}
.fixture__list[ball-type='1'] .fixture__list__header > span:first-child,
.fixture__list[ball-type='2'] .fixture__list__header > span:first-child {
  padding-left: 0.36rem;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 0.32rem;
}
.fixture__list[ball-type='1'] .fixture__list__header > span:first-child {
  background-image: var(--ball-1);
}
.fixture__list[ball-type='2'] .fixture__list__header > span:first-child {
  background-image: var(--ball-2);
}
.fixture__list[status-alias='wait'] .fixture__list__status::before {
  background-image: var(--game-video-icon);
}
.fixture__list[status-alias='in'] .fixture__list__status {
  color: var(--red);
}
.fixture__list[status-alias='in'] .fixture__list__status::before {
  background-image: var(--game-live-icon);
}
.fixture__list[status-alias='end'] .fixture__list__status[replay='0']::before {
  display: none;
}
.fixture__list[status-alias='end'] .fixture__list__status::before {
  background-image: var(--game-replay-icon);
}
.fixture__list[status-alias='wait'][hot='1'] .fixture__list__status::after,
.fixture__list[status-alias='in'][hot='1'] .fixture__list__status::after {
  width: 0.24rem;
  height: 0.24rem;
  background-size: cover;
  background-image: url(/static2/m/images/icon_fire.svg?fdd942ba29b5bf1c169054e87513e386);
  background-position: center;
  margin-left: 0.04rem;
  content: '';
}
.fixture__list[status-alias='other'] .fixture__list__score,
.fixture__list[status-alias='end'] .fixture__list__score {
  background-image: url('/static2/images/bg_vs.svg');
}
.fixture__list[status-alias='in'] .fixture__list__score {
  color: var(--font-color);
  background-image: url('/static2/images/bg_vs_in.svg');
}
.news__list {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 1.72rem;
  font-size: 0.26rem;
  padding-right: 2.52rem;
}
.news__list__title {
  line-height: 0.52rem;
  font-size: 0.32rem;
  color: var(--font-color);
  margin-bottom: 0.12rem;
  display: -webkit-box;
  white-space: wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.news__list__cover {
  position: absolute;
  display: flex;
  width: 2.28rem;
  height: 1.72rem;
  border-radius: 0.08rem;
  right: 0;
  overflow: hidden;
}
.news__list__cover__list {
  width: 2.28rem;
  height: 1.72rem;
}
.news__list__cover__list > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news__list__extra {
  width: 100%;
  height: 0.36rem;
  line-height: 0.36rem;
  color: var(--font-color-3);
  font-size: 0.26rem;
  margin-top: 0.16rem;
}
.news__list__extra > span[relation='1'],
.news__list__extra > span[relation='2'] {
  height: 0.36rem;
  font-size: 0.22rem;
  border-radius: 0.08rem;
  box-sizing: border-box;
  padding: 0 0.08rem;
}
.news__list__extra > span[relation='1'] {
  color: var(--red);
  border: 0.01rem solid var(--red-50);
}
.news__list__extra > span[relation='2'] {
  color: var(--theme);
  border: 0.01rem solid var(--theme-50);
}
.news__list__extra > span:not(:first-child) {
  margin-left: 0.12rem;
}
.news__list__count {
  position: absolute;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  height: 0.36rem;
  color: var(--fff);
  background-color: rgba(0, 0, 0, 0.46);
  border-radius: 0.08rem;
  padding: 0 0.08rem;
  top: 0.2rem;
  right: 0.16rem;
}
.news__list__count:before {
  margin-left: 0.04rem;
}
.news__list__video-icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.96rem;
  height: 0.96rem;
  font-size: 0.48rem;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.news__list__video-time {
  position: absolute;
  color: var(--fff);
  text-shadow: 0 0 0.04rem rgba(0, 0, 0, 0.24);
  bottom: 0.12rem;
  right: 0.16rem;
}
.news__list__video-icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.48rem;
  height: 0.48rem;
  font-size: 0.28rem;
  color: var(--fff);
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  top: 50%;
  right: 0.9rem;
}
.news__list__video-icon::before {
  margin-left: 0.04rem;
}
.news__list--3 .news__list__cover {
  position: relative;
  justify-content: space-between;
  width: 100%;
  height: 1.68rem;
}
.news__list--3 .news__list__cover__list {
  width: 2.22rem;
  height: 1.68rem;
}
.news__list--big .news__list__cover {
  position: relative;
  width: 100%;
  height: 3.86rem;
}
.news__list--big .news__list__cover__list {
  width: 100%;
  height: 3.86rem;
}
.news__list--3,
.news__list--big {
  padding-right: 0;
}
.topic__list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
}
.topic__list__title {
  line-height: 0.52rem;
  font-size: 0.32rem;
  color: var(--font-color);
  display: -webkit-box;
  white-space: wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.topic__list__cover {
  width: 6.86rem;
  height: 3.3rem;
  border-radius: 0.08rem;
  overflow: hidden;
}
.topic__list__cover > img {
  width: 100%;
  height: 100%;
}
.topic__list__extend {
  position: absolute;
  height: 0.44rem;
  line-height: 0.44rem;
  font-size: 0.22rem;
  font-weight: 600;
  color: var(--fff);
  background-color: var(--theme-2);
  padding: 0 0.12rem;
  border-radius: 0.08rem 0 0.16rem;
  top: 0;
  left: 0;
}
.stat__section__img {
  fill: var(--font-color-4);
  height: 0.56rem;
  background-color: var(--card-1);
  margin-bottom: 0.24rem;
  margin-top: -0.56rem;
  padding: 0 0.24rem;
  overflow: hidden;
  z-index: 1;
}
.stat__section__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stat__section__item[type='radar'] {
  height: 7.36rem;
}
.stat__section__item:not(:first-child) {
  padding-top: 0.32rem;
  margin-top: 0.32rem;
}
.stat__section__item:not(:first-child)::before {
  position: absolute;
  width: 6.86rem;
  height: 0.02rem;
  background-color: var(--line);
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
}
.stat__section__content {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 0.32rem;
}
.stat__section__list {
  flex: 0 0 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 1.32rem;
  line-height: 0.36rem;
  font-size: 0.26rem;
  color: var(--font-color-2);
  overflow: hidden;
}
.stat__section__list > span {
  max-width: 100%;
  display: box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.stat__section__list > span:first-child {
  line-height: 0.52rem;
  font-family: Bebas;
  font-size: 0.32rem;
  color: var(--font-color);
}
.stat__section__list > span:nth-child(3) {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  height: 0.36rem;
  font-size: 0.2rem;
  background-color: var(--card-2);
  color: var(--font-color-2);
  border-radius: 0.08rem;
  margin-top: auto;
  padding: 0 0.12rem;
}
.stat__section__list > span:nth-child(3)::before {
  width: 0.12rem;
  height: 0.12rem;
  line-height: 0.12rem;
  font-size: 0.12rem;
  margin: 0.02rem 0 0 0.04rem;
}
.stat__section__list > span:nth-child(3)[rank='0'] {
  color: var(--font-color-3);
}
.stat__section__list:nth-child(n + 5) {
  margin-top: 0.32rem;
}
/*【球队】 ===== 退役球员 */
.jersey__section {
  display: flex;
  flex-wrap: wrap;
}
.jersey__list {
  flex: 0 0 2.5rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 2.28rem;
  padding: 0.24rem 0.12rem;
  box-sizing: border-box;
  overflow: hidden;
}
.jersey__list__img {
  height: 1.32rem;
}
.jersey__list__num,
.jersey__list__pos {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 50%;
  transform: translate(-50%, 0);
}
.jersey__list__num {
  height: 0.52rem;
  line-height: 0.52rem;
  font-size: 0.3rem;
  font-family: Bebas;
  color: var(--fff);
  top: 0.64rem;
}
.jersey__list__pos {
  height: 0.26rem;
  font-size: 0.2rem;
  text-shadow: 0 0 0.024rem rgba(0, 0, 0, 0.12);
  color: var(--fff-70);
  top: 1.16rem;
}
.jersey__list__name {
  width: 100%;
  line-height: 0.36rem;
  font-size: 0.26rem;
  font-weight: 600;
  text-align: center;
  color: var(--font-color);
  display: box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
/*【球队】 ===== 最佳球员 */
.best__player__list {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 0.84rem;
  line-height: 0.36rem;
  font-size: 0.26rem;
  color: var(--font-color-3);
  padding-left: 0.84rem;
  box-sizing: border-box;
}
.best__player__list > img {
  position: absolute;
  width: 0.72rem;
  height: 0.72rem;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
}
.best__player__list > div {
  display: flex;
  overflow: hidden;
}
.best__player__list > div > span {
  flex: 0 0 1.28rem;
  text-align: right;
  display: box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.best__player__list > div > span:first-child {
  flex: 1;
  text-align: left;
}
.best__player__list > div:not(:last-child) {
  height: 0.48rem;
  line-height: 0.48rem;
  font-family: Bebas;
  color: var(--font-color);
}
.best__player__list:not(:last-child) {
  margin-bottom: 0.32rem;
}
/*【球队|球员|联赛】 ===== 荣誉与记录 */
.honor__item {
  line-height: 0.4rem;
  font-size: 0.26rem;
  color: var(--font-color-2);
}
.honor__item:not(:last-child) {
  margin-bottom: 0.24rem;
}
.honor__label {
  line-height: 0.48rem;
  font-size: 0.3rem;
  font-weight: 600;
  color: var(--font-color);
}
.honor__content {
  display: flex;
  flex-wrap: wrap;
  padding-top: 0.08rem;
}
.honor__content > span {
  margin-right: 0.12rem;
}
.basic__info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  line-height: 0.36rem;
  overflow: hidden;
  color: var(--font-color);
  font-size: 0.26rem;
}
.basic__info__list {
  flex: 0 0 3.32rem;
  display: flex;
  flex-wrap: wrap;
  height: 0.36rem;
  overflow: hidden;
}
.basic__info__list > span {
  flex: 1;
  box-sizing: border-box;
  display: box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.basic__info__list > span:first-child {
  flex: 0 0 0.88rem;
  text-align: center;
  color: var(--font-color-2);
  padding-right: 0.08rem;
}
.basic__info__list--full {
  flex: 0 0 100%;
}
.basic__info__list:nth-child(n+3) {
  margin-top: 0.32rem;
}
.intro__section {
  display: flex;
  flex-direction: column;
}
.intro__section .qmw__button {
  margin-top: 0.24rem;
}
.intro__content {
  line-height: 0.48rem;
  font-size: 0.3rem;
  color: var(--font-color);
}
.intro__content > p {
  margin: 0 0 0.16rem;
}
.intro__content > p:last-child {
  margin-bottom: 0;
}
.intro__content--hide {
  display: -webkit-box;
  white-space: wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
.intro__title {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.24rem;
  padding-top: 0.24rem;
}
.intro__title__list {
  flex: 0 0 3.36rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 1rem;
  line-height: 0.36rem;
  color: var(--font-color);
  font-size: 0.26rem;
  background-color: var(--card-2);
  padding: 0.16rem 0.16rem 0.16rem 0.8rem;
  border-radius: 0.08rem;
  box-sizing: border-box;
}
.intro__title__list > img {
  position: absolute;
  width: 0.48rem;
  height: 0.48rem;
  -o-object-fit: contain;
     object-fit: contain;
  left: 0.16rem;
}
.intro__title__list > span {
  display: box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.intro__title__list:nth-child(even) {
  margin-left: auto;
}
.intro__title__list:nth-child(n +3) {
  margin-top: 0.16rem;
}
.intro__title:not(:first-child) {
  border-top: 0.02rem solid var(--line);
}
.grade__section .qmw__section__content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.grade__list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: calc(100% / 4);
  height: 1.44rem;
  padding: 0.16rem 0.12rem;
  overflow: hidden;
  box-sizing: border-box;
}
.grade__list > img {
  width: 0.64rem;
  height: 0.64rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.grade__list > span {
  max-width: 100%;
  line-height: 0.36rem;
  font-size: 0.26rem;
  color: var(--font-color);
  display: box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.standings__rule {
  width: 100%;
  background-color: var(--card-1);
  padding: 0.32rem;
  box-sizing: border-box;
}
.standings__rule__title {
  line-height: 0.44rem;
  font-size: 0.3rem;
  font-weight: 600;
  color: var(--font-color);
  margin: 0;
}
.standings__rule__content {
  line-height: 0.44rem;
  font-size: 0.26rem;
  color: var(--font-color-2);
  padding-top: 0.24rem;
}
.stat__table {
  display: flex;
  flex-direction: column;
  color: var(--font-color);
  font-size: 0.26rem;
}
.stat__table .qmw__button {
  margin-top: 0.24rem;
}
.stat__table .stat__table__tabs {
  margin: 0 0.32rem 0.24rem;
}
.stat__table__item[active='0'] {
  display: none;
}
.stat__table__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  font-size: 0.26rem;
  padding-bottom: 0.16rem;
}
.stat__table__wrapper:not(:first-child) {
  margin-top: 0.24rem;
}
.stat__table__title {
  width: 100%;
  height: 0.36rem;
  line-height: 0.36rem;
  color: var(--font-color);
  font-size: 0.26rem;
  font-weight: 600;
  padding: 0 0.24rem;
  box-sizing: border-box;
}
.stat__table__container {
  display: flex;
  width: 100%;
  margin-top: 0.16rem;
}
.stat__table__container:not(:first-child) {
  margin-top: 0.32rem;
}
.stat__table__basic {
  flex: 0 0 1.24rem;
  box-sizing: border-box;
  overflow: hidden;
}
.stat__table__content {
  flex: 1;
  text-align: center;
  overflow: scroll;
}
.stat__table__list {
  position: relative;
  display: flex;
  align-items: center;
  height: 0.88rem;
  color: var(--font-color);
  box-sizing: border-box;
}
.stat__table__list > img {
  width: 0.48rem;
  height: 0.48rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.stat__table__list > span {
  display: box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.stat__table__list:first-child {
  height: 0.52rem;
  color: var(--font-color-3);
  background-color: transparent;
  padding-bottom: 0.16rem;
}
.stat__table__list[injury='1'] > span:nth-child(2),
.stat__table__list[play='2'] > span:nth-child(2),
.stat__table__list[status='0'] > span:nth-child(2) {
  width: auto;
  max-width: 100%;
  background-size: 0.32rem;
  background-position: right center;
  background-repeat: no-repeat;
  align-self: flex-start;
  box-sizing: border-box;
  padding-right: 0.4rem;
}
.stat__table__list[playing='1'] > span:nth-child(2) {
  color: var(--theme);
}
.stat__table__list[injury='1'] > span:nth-child(2) {
  background-image: url('/static2/images/icon_injury.svg');
}
.stat__table__list[play='2'] > span:nth-child(2) {
  background-image: url('/static2/images/icon_debut.svg');
}
.stat__table__list[status='0'] > span:nth-child(2) {
  background-image: url('/static2/images/icon_dep.svg');
}
.stat__table__basic .stat__table__list > span {
  max-width: 100%;
}
.stat__table__basic .stat__table__list:first-child::before {
  position: absolute;
  width: 100%;
  height: 0.02rem;
  background-color: var(--line);
  left: 0.32rem;
  bottom: 0;
  content: '';
}
.stat__table__content .stat__table__list > span {
  flex: 0 0 0.92rem;
  position: relative;
  height: 100%;
  line-height: 0.88rem;
  display: box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.stat__table__content .stat__table__list > span[size='52'] {
  flex: 0 0 1.04rem !important;
}
.stat__table__content .stat__table__list > span[size='62'] {
  flex: 0 0 1.24rem !important;
}
.stat__table__content .stat__table__list > span[size='64'] {
  flex: 0 0 1.28rem !important;
}
.stat__table__content .stat__table__list > span[size='86'] {
  flex: 0 0 1.72rem !important;
}
.stat__table__content .stat__table__list > span[size='106'] {
  flex: 0 0 2.12rem !important;
}
.stat__table__content .stat__table__list:first-child > span {
  line-height: unset;
  overflow: unset;
}
.stat__table__content .stat__table__list:first-child > span::before {
  position: absolute;
  width: 100%;
  height: 0.02rem;
  background-color: var(--line);
  left: 0;
  bottom: -0.16rem;
  content: '';
}
.stat__table__extra {
  display: flex;
  height: 0.6rem;
  margin: 0.08rem 0.32rem 0;
  padding-top: 0.24rem;
  box-sizing: border-box;
  border-top: 0.02rem solid var(--line);
}
.stat__table__extra__list {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 0.26rem;
  color: var(--font-color-2);
  margin-right: 0.24rem;
}
.stat__table__extra__list[type='play'] {
  padding-left: 0.4rem;
}
.stat__table__extra__list[type='play']::before {
  width: 0.32rem;
  height: 0.32rem;
  background-image: url('/static2/images/icon_debut.svg');
  background-size: 0.32rem;
  background-repeat: no-repeat;
  background-position: center;
}
.stat__table__extra__list[type='playing'] {
  padding-left: 0.2rem;
}
.stat__table__extra__list[type='playing']::before {
  width: 0.12rem;
  height: 0.12rem;
  background-color: var(--theme);
  border-radius: 50%;
}
.stat__table__extra__list::before {
  position: absolute;
  left: 0;
  content: '';
}
.stat__table[type='standings'] .stat__table__basic {
  flex: 0 0 3.4rem;
}
.stat__table[type='standings'] .stat__table__basic .stat__table__list > span:first-child {
  flex: 0 0 1.04rem;
  text-align: center;
}
.stat__table[type='standings'] .stat__table__basic .stat__table__list > img {
  margin-right: 0.16rem;
}
.stat__table[type='standings'] .stat__table__basic .stat__table__list[pos='1'] > span:first-child,
.stat__table[type='standings'] .stat__table__basic .stat__table__list[pos='2'] > span:first-child,
.stat__table[type='standings'] .stat__table__basic .stat__table__list[pos='3'] > span:first-child {
  color: var(--fff);
  z-index: 1;
}
.stat__table[type='standings'] .stat__table__basic .stat__table__list[pos='1']::before,
.stat__table[type='standings'] .stat__table__basic .stat__table__list[pos='2']::before,
.stat__table[type='standings'] .stat__table__basic .stat__table__list[pos='3']::before {
  position: absolute;
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 0.08rem;
  left: 0.34rem;
  z-index: 0;
  content: '';
}
.stat__table[type='standings'] .stat__table__basic .stat__table__list[pos='1']::before {
  background-color: var(--red);
}
.stat__table[type='standings'] .stat__table__basic .stat__table__list[pos='2']::before {
  background-color: var(--yellow);
}
.stat__table[type='standings'] .stat__table__basic .stat__table__list[pos='3']::before {
  background-color: var(--theme);
}
.stat__table[type='standings'] .stat__table__basic .stat__table__list:first-child::before {
  left: 0;
}
.stat__table[type='standings'] .stat__table__basic .stat__table__list:first-child > span:first-child {
  color: var(--font-color);
}
.stat__table[type='standings'] .stat__table__basic .stat__table__list:first-child > span:nth-child(2) {
  padding-left: 0.64rem;
}
.stat__table[type='standings'] .stat__table__content .stat__table__list > span {
  flex: 0 0 0.72rem;
}
.stat__table[type='standings'] .stat__table__wrapper::after {
  position: absolute;
  width: 6.86rem;
  height: 0.02rem;
  background-color: var(--line);
  left: 0.32rem;
  bottom: 0;
  content: '';
}
.stat__table[type='season'] .stat__table__basic .stat__table__list {
  padding-left: 0.32rem;
}
.stat__table[type='season'] .stat__table__basic .stat__table__list:first-child {
  color: var(--font-color);
}
.stat__table[type='roster'] .stat__table__basic,
.stat__table[type='game'] .stat__table__basic {
  flex: 0 0 2.92rem;
}
.stat__table[type='game'] .stat__table__list:first-child {
  height: 0.64rem;
}
.stat__table[type='roster'] .stat__table__basic .stat__table__list,
.stat__table[type='game'] .stat__table__basic .stat__table__list {
  padding-left: 0.32rem;
}
.stat__table[type='roster'] .stat__table__basic .stat__table__list:first-child,
.stat__table[type='game'] .stat__table__basic .stat__table__list:first-child {
  color: var(--font-color);
}
.stat__table[type='roster'] .stat__table__basic .stat__table__list:not(:first-child),
.stat__table[type='game'] .stat__table__basic .stat__table__list:not(:first-child) {
  line-height: 0.36rem;
  padding-left: 0.88rem;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.stat__table[type='roster'] .stat__table__basic .stat__table__list:not(:first-child) > span:nth-child(3),
.stat__table[type='game'] .stat__table__basic .stat__table__list:not(:first-child) > span:nth-child(3) {
  line-height: 0.28rem;
  font-size: 0.2rem;
  color: var(--font-color-3);
}
.stat__table[type='roster'] .stat__table__basic .stat__table__list > img,
.stat__table[type='game'] .stat__table__basic .stat__table__list > img {
  position: absolute;
  left: 0.32rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.stat__table[type='game'] .stat__table__basic .stat__table__list:first-child {
  padding-left: 0.88rem;
}
.stat__table:not([type='standings']) .stat__table__list:not(:first-child):nth-child(odd),
.stat__table:not([type='standings']) .stat__table__list:not(:first-child):nth-child(odd) > span {
  background-color: var(--card-2);
}
.career__section .qmw__section__header {
  position: sticky;
  top: 1.76rem;
  z-index: 9;
}
.career__section .qmw__tab {
  position: sticky;
  height: 0.84rem;
  background-color: var(--card-1);
  padding: 0 0 0.32rem;
  top: 2.76rem;
  z-index: 9;
}
.career__section .qmw__tab__container {
  padding: 0 0.32rem;
}
.career__section .qmw__tab::before {
  display: none;
}
.career__content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 0.32rem;
  box-sizing: border-box;
}
.career__content::before {
  position: absolute;
  width: 0.02rem;
  height: 100%;
  background-color: var(--line);
  top: 0;
  left: 0.4rem;
  content: '';
}
.career__list {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  line-height: 0.48rem;
  font-size: 0.3rem;
  color: var(--font-color);
  background-color: var(--card-2);
  margin-left: 0.4rem;
  padding: 0.16rem 0.24rem;
  border-radius: 0.08rem;
  box-sizing: border-box;
}
.career__list > span:nth-child(2) {
  height: 0.44rem;
  line-height: 0.44rem;
  font-size: 0.26rem;
  color: var(--font-color-3);
}
.career__list:not(:last-child) {
  margin-bottom: 0.32rem;
}
.career__list::before {
  position: absolute;
  width: 0.18rem;
  height: 0.18rem;
  background-color: var(--card-2);
  border-radius: 50%;
  top: 50%;
  left: -0.4rem;
  transform: translate(0, -50%);
  content: '';
}
.career__list::after {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  background-color: var(--font-color-3);
  border-radius: 50%;
  top: 50%;
  left: -0.36rem;
  transform: translate(0, -50%);
  content: '';
}
.best__section {
  display: flex;
  flex-direction: column;
}
.best__section__container {
  display: flex;
}
.best__section__side {
  flex: 0 0 1.72rem;
}
.best__section__content {
  flex: 1;
}
.best__section .more__btn {
  margin-top: 0.32rem;
}
.best__list {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.96rem;
  font-size: 0.26rem;
  text-align: center;
  color: var(--font-color);
}
.best__list > span:not(.best__list__basic) {
  flex: 1;
}
.best__list > span:nth-child(1) {
  flex: 0 0 0.84rem;
  z-index: 1;
}
.best__list__basic {
  flex: 0 0 3.06rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
  text-align: left;
  padding-left: 0.64rem;
  box-sizing: border-box;
  overflow: hidden;
}
.best__list__basic > img {
  position: absolute;
  width: 0.48rem;
  height: 0.48rem;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.best__list__basic > span {
  width: 100%;
  line-height: 0.36rem;
  color: var(--font-color);
  display: box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.best__list__basic > span:nth-child(3) {
  font-size: 0.2rem;
  color: var(--font-color-3);
}
.best__list--header {
  height: 0.68rem;
  color: var(--font-color-3);
  background-color: var(--card-2);
}
.best__list[data-pos='1'] > span:first-child,
.best__list[data-pos='2'] > span:first-child,
.best__list[data-pos='3'] > span:first-child {
  color: var(--fff);
}
.best__list[data-pos='1']::before {
  background-color: var(--red);
}
.best__list[data-pos='2']::before {
  background-color: var(--yellow);
}
.best__list[data-pos='3']::before {
  background-color: var(--theme);
}
.best__list:not(.best__list--header)::before {
  position: absolute;
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 0.08rem;
  left: 0.24rem;
  z-index: 0;
  content: '';
}
.best__section__side .best__list--header {
  color: var(--font-color);
}
.best__section[data-type='player'] .best__list__basic > img {
  -o-object-fit: cover;
     object-fit: cover;
}
.live__item {
  position: relative;
  display: none;
  flex-direction: column;
  margin-top: 0.16rem;
}
.live__item__icon {
  display: block;
  flex: 0 0 0.4rem;
  width: 0.4rem;
  height: 0.4rem;
}
.live__item__switch {
  position: absolute;
  top: 0.08rem;
  right: 0;
}
.live__item[type='incident'] {
  min-height: 0.8rem;
}
.live__item[type='incident']::before {
  position: absolute;
  width: 0.02rem;
  height: 100%;
  background-color: var(--line);
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
  content: '';
}
.live__item[active='1'] {
  display: flex;
}
.live__list {
  display: flex;
  align-items: center;
  min-height: 0.88rem;
  font-size: 0.26rem;
  color: var(--font-color);
  padding: 0.24rem 0;
  box-sizing: border-box;
}
.live__list__info {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0 0.16rem;
  box-sizing: border-box;
}
.live__list__event {
  display: flex;
  align-items: center;
  min-height: 0.4rem;
  line-height: 0.36rem;
}
.live__list__event > .live__item__icon {
  margin-right: 0.08rem;
}
.live__list__event:not(:first-child ) {
  margin-top: 0.08rem;
}
.live__list__score {
  flex: 0 0 1.12rem;
  font-family: Bebas;
  text-align: center;
}
.live__list > span:first-child {
  flex: 0 0 0.84rem;
  color: var(--font-color-3);
}
.live__imp {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 0.3rem;
  color: var(--font-color);
  margin-bottom: 0.32rem;
}
.live__imp__basic {
  flex: 0 0 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.64rem;
  text-align: center;
  font-size: 0.26rem;
  background-color: var(--card-1);
  padding: 0.12rem 0;
  box-sizing: border-box;
  z-index: 2;
}
.live__imp__content {
  flex: 0 0 2.88rem;
  display: flex;
  flex-direction: column;
  line-height: 0.48rem;
  background-color: var(--card-2);
  padding: 0.16rem 0.24rem;
  border-radius: 0.08rem;
  box-sizing: border-box;
}
.live__imp__event {
  display: flex;
  align-items: center;
}
.live__imp__event .live__item__icon {
  margin-right: 0.08rem;
}
.live__imp__event:not(:first-child) {
  margin-top: 0.04rem;
}
.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__item__icon,
.live__imp[team='0'] .live__imp__event .live__item__icon {
  margin-right: 0;
  margin-left: 0.08rem;
}
.live__events {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background-color: var(--card-1);
  padding: 0.32rem;
  box-sizing: border-box;
}
.live__events__list {
  flex: 0 0 1.7rem;
  display: flex;
  align-items: center;
  height: 0.4rem;
  color: var(--font-color-2);
  font-size: 0.26rem;
  margin: 0 auto;
}
.live__events__list__icon {
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.08rem;
}
.live__events__list:nth-child(n + 5) {
  margin-top: 0.24rem;
}
.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='8'],
.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'] {
  display: flex;
}
.live__section[status-alias='in'] .live__item {
  flex-direction: column-reverse;
}
.live__section[status-alias='in'] .live__imp:last-child {
  margin-top: 0.64rem;
}
.live__section:not([status-alias='in']) .live__list:not(:last-child),
.live__section[status-alias='in'] .live__list:not(:first-child) {
  border-bottom: 0.02rem solid var(--line);
}
.fixed__nav {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  max-height: 100%;
  background-color: var(--card-1);
  padding-bottom: env(safe-area-inset-bottom);
  box-sizing: border-box;
  overflow: hidden;
  z-index: 999;
  top: 0;
  left: 0;
}
.fixed__nav__header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 0.88rem;
  font-size: 0.34rem;
  font-weight: 600;
  color: var(--font-color);
  padding: 0 1.04rem;
  box-sizing: border-box;
}
.fixed__nav__header__btn {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.88rem;
  height: 0.88rem;
  font-size: 0.48rem;
  font-weight: 400;
  right: 0.08rem;
}
.fixed__nav__container {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: calc(100% - 0.88rem);
  overflow: scroll;
}
.fixed__nav__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0.12rem 0.32rem 0.32rem;
  box-sizing: border-box;
}
.fixed__nav__item__title {
  display: flex;
  align-items: center;
  height: 0.72rem;
  color: var(--font-color);
  font-size: 0.3rem;
  font-weight: 600;
  padding-bottom: 0.04rem;
  box-sizing: border-box;
}
.fixed__nav__item__content {
  display: flex;
  flex-wrap: wrap;
}
.fixed__nav__item:not(:last-child) {
  margin-bottom: 0.12rem;
}
.fixed__nav__list {
  flex: 0 0 calc((100% - (0.16rem * 4)) / 5);
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  font-size: 0.3rem;
  color: var(--font-color-2);
  background-color: var(--card-2);
  border-radius: 0.08rem;
  padding: 0 0.12rem;
  box-sizing: border-box;
  display: box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.fixed__nav__list:nth-child(n + 6) {
  margin-top: 0.16rem;
}
.fixed__nav__list:not(:nth-child(5n)) {
  margin-right: 0.16rem;
}
.dropload__up,
.dropload__down {
  position: relative;
  height: 0;
  font-size: 0.28rem;
  color: var(--font-color-3);
  background-color: var(--bg);
  overflow: hidden;
  /* 开启硬件加速 */
  transform: translateZ(0);
}
.dropload__down {
  height: 1.2rem;
}
.dropload__refresh,
.dropload__update,
.dropload__load,
.dropload__noData {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.2rem;
}
.dropload__loading {
  width: 0.4rem;
  height: 0.4rem;
  background-image: url('/static2/images/icon_loading.svg');
  background-size: 0.32rem;
  background-position: left center;
  background-repeat: no-repeat;
}
.home__news {
  padding-top: 0.32rem;
}
.top__news {
  padding-top: 0.24rem;
  padding-bottom: 0.24rem;
}
.slide__news {
  --swiper-pagination-bullet-width: 0.16rem;
  --swiper-pagination-bullet-height: 0.06rem;
  --swiper-pagination-bullet-border-radius: 0.04rem;
  --swiper-pagination-color: var(--theme);
  --swiper-pagination-bullet-inactive-color: rgba(255, 255, 255, 0.8);
  --swiper-pagination-bottom: 0.32rem;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 0.04rem;
  position: relative;
  width: 100%;
  height: 3.2rem;
  padding: 0.24rem 0 0.16rem;
  box-sizing: border-box;
}
.slide__news .swiper-wrapper {
  width: 100%;
  height: 2.8rem;
  margin: 0.24rem 0 0.16rem;
}
.slide__news__list {
  position: relative;
  font-size: 0.3rem;
  border-radius: 0.08rem;
  overflow: hidden;
}
.slide__news__list.swiper-slide {
  align-self: center;
  width: 6.4rem;
  height: 2.8rem;
  margin: 0 0.55rem;
}
.slide__news__cover {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
}
.slide__news__title {
  position: absolute;
  width: 100%;
  height: 1rem;
  line-height: 0.44rem;
  font-weight: 600;
  text-shadow: 0 0.02rem 0.02rem rgba(0, 0, 0, 0.24);
  color: var(--fff);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.7) 100%);
  padding: 0.24rem 0.24rem 0.3rem;
  box-sizing: border-box;
  left: 0;
  bottom: 0;
  display: box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.slide__news__pagination.swiper-pagination-bullets {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.06rem;
  z-index: 2;
}
.slide__news.swiper-initialized .swiper-slide {
  width: 6.4rem;
  height: 2.64rem;
  margin: 0;
}
.slide__news.swiper-initialized .swiper-slide-active {
  height: 2.8rem;
}
.slide__game {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  height: 1.92rem;
  padding-bottom: 0.16rem;
}
.slide__game::before {
  position: absolute;
  width: 0.08rem;
  height: 1.92rem;
  background-image: radial-gradient(50% 50% at 50% 50%, var(--tab-d1) 0%, var(--tab-d2) 90%);
  background-size: 0.16rem;
  top: 0;
  right: 0.64rem;
  z-index: 2;
  content: '';
}
.slide__game__container {
  display: flex;
  flex-wrap: nowrap;
  width: 6.86rem;
  overflow-y: hidden;
  overflow-x: scroll;
  padding: 0 0.16rem;
  box-sizing: border-box;
}
.slide__game__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.64rem;
  height: 1.92rem;
  background-color: var(--card-1);
}
.slide__game__btn__img {
  fill: var(--font-color);
  width: 0.28rem;
  height: 1.14rem;
}
.slide__game__list {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 0 0 3.88rem;
  height: 1.92rem;
  background-color: var(--card-1);
  padding: 0.2rem;
  box-sizing: border-box;
  border-radius: 0.08rem;
}
.slide__game__list:not(:last-child) {
  margin-right: 0.16rem;
}
.slide__game__list[status-alias='in'] .slide__game__list__status > span:first-child {
  color: var(--red);
}
.slide__game__header {
  display: flex;
  justify-content: space-between;
  height: 0.36rem;
  line-height: 0.36rem;
  color: var(--font-color-3);
  font-size: 0.22rem;
}
.slide__game__header > span {
  position: relative;
  display: box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.slide__game__header > span:first-child {
  max-width: 3.48rem;
  padding-left: 0.28rem;
  box-sizing: border-box;
}
.slide__game__header > span:first-child::before {
  position: absolute;
  width: 0.24rem;
  height: 0.24rem;
  background-image: var(--game-video-icon);
  background-size: 0.24rem;
  background-repeat: no-repeat;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  content: '';
}
.slide__game__header > span:last-child {
  max-width: 1.28rem;
}
.slide__game__info {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 0.56rem;
  padding: 0 0.84rem;
  box-sizing: border-box;
}
.slide__game__info > img {
  position: absolute;
  width: 0.56rem;
  height: 0.56rem;
  -o-object-fit: contain;
     object-fit: contain;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}
.slide__game__info > img:first-child {
  left: 0;
  right: auto;
}
.slide__game__footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  line-height: 0.36rem;
  height: 0.36rem;
  font-size: 0.26rem;
  color: var(--font-color);
}
.slide__game__footer > span {
  flex: 0 0 1.32rem;
  display: box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.slide__game__footer > span:last-child {
  text-align: right;
}
.slide__game__footer > span:nth-child(2) {
  flex: 0 0 0.6rem;
  text-align: center;
  font-family: Bebas;
  color: var(--font-color-3);
}
.slide__game__appointment {
  width: 0.84rem;
  height: 0.4rem;
  font-size: 0.22rem;
}
.slide__game__score {
  flex: 1;
  display: flex;
  color: var(--font-color-3);
}
.slide__game__score > span {
  flex: 1;
  font-family: Bebas;
  font-size: 0.3rem;
}
.slide__game__score > span:first-child {
  text-align: right;
}
.slide__game__score > span:nth-child(2) {
  flex: 0 0 0.48rem;
  text-align: center;
}
.slide__game__list[hot='1'] .slide__game__header > span:first-child {
  background-repeat: no-repeat;
  background-image: url(/static2/m/images/icon_fire.svg?fdd942ba29b5bf1c169054e87513e386);
  background-position: right center;
  background-size: 0.2rem;
  padding-right: 0.24rem;
}
.slide__game__list[status-alias='in'] .slide__game__header > span:first-child {
  color: var(--red);
}
.slide__game__list[status-alias='in'] .slide__game__header > span:first-child::before {
  background-image: var(--game-live-icon);
}
.slide__game__list .slide__game__score > span:nth-child(2),
.slide__game__list[status-alias='in'] .slide__game__score > span,
.slide__game__list[status-alias='end'] .slide__game__score > span[win='1'] {
  color: var(--font-color);
}
.slide__game__list[status-alias='end'] .slide__game__header > span:first-child::before {
  background-image: var(--game-replay-icon);
}
.slide__game__list[status-alias='other'] .slide__game__info {
  background-image: url('/static2/images/bg_vs.svg');
  background-repeat: no-repeat;
  background-position: center;
}
.top__news__list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 0.92rem;
  line-height: 0.36rem;
  font-size: 0.26rem;
  color: var(--font-color-3);
}
.top__news__list:not(:last-child) {
  margin-bottom: 0.2rem;
}
.top__news__title {
  line-height: 0.52rem;
  font-size: 0.32rem;
  color: var(--font-color);
  display: box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.top__news__tag {
  fill: var(--red);
  width: 0.44rem;
  height: 0.2rem;
  margin-right: 0.16rem;
}
.top__news__extra {
  display: flex;
  align-items: center;
  height: 0.36rem;
}
.news__info {
  width: 100%;
  padding: 0 0.32rem 0.24rem;
  box-sizing: border-box;
  overflow: hidden;
  background-color: var(--card-1);
}
.news__info__title {
  width: 100%;
  line-height: 0.6rem;
  font-size: 0.4rem;
  font-weight: 600;
  color: var(--font-color);
  margin: 0.24rem 0;
}
.news__info__game {
  width: 100%;
  background-color: var(--card-1);
  margin-top: 0.24rem;
}
.news__info__game .fixture__list {
  background-color: var(--card-2);
  padding: 0.32rem 0.24rem;
  border-radius: 0.16rem;
}
.news__info__content {
  display: flex;
  flex-direction: column;
  line-height: 0.56rem;
  text-align: justify;
  font-size: 0.32rem;
  background-color: var(--card-1);
  color: var(--font-color);
  margin: 0.24rem 0;
  gap: 0.24rem;
}
.news__info__content > * {
  margin: 0;
}
.news__info__content h2 {
  font-size: 0.36rem;
  background-image: url('/static2/images/icon_section_title.svg');
  background-size: 0.28rem 0.36rem;
  background-position: left 0.1rem;
  background-repeat: no-repeat;
  padding-left: 0.4rem;
  box-sizing: border-box;
}
.news__info__content img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.08rem;
  margin: 0;
}
.news__info__content a {
  color: var(--theme);
}
.news__info__content iframe {
  display: block;
  width: 100%;
  margin: 0.24rem 0 0;
  padding: 0;
}
.news__info__content table {
  border-collapse: collapse;
}
.news__info__tags {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 0.16rem);
  font-size: 0.26rem;
  padding-bottom: 0.16rem;
  margin-left: -0.08rem;
}
.news__info__tag {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.52rem;
  background-color: var(--card-2);
  color: var(--font-color);
  border-radius: 0.12rem;
  padding: 0 0.16rem 0 0.12rem;
  margin: 0 0.08rem 0.16rem;
}
.news__info__tag > img {
  width: 0.36rem;
  height: 0.36rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 0.08rem;
}
.news__info__copyright {
  display: block;
  line-height: 0.36rem;
  text-align: justify;
  font-size: 0.26rem;
  color: var(--font-color-3);
  padding: 0.24rem 0 0.08rem;
  border-top: 0.02rem solid var(--line);
}
.topic__page .qmw__navigation__title {
  font-size: 0.34rem;
  font-weight: 600;
}
.topic__header {
  display: flex;
  flex-direction: column;
  background-color: var(--card-1);
  margin-bottom: 0.16rem;
  overflow: hidden;
}
.topic__header__info {
  position: relative;
  width: 100%;
  height: 3.6rem;
}
.topic__header__cover {
  width: 100%;
  height: 100%;
}
.topic__header__title {
  position: absolute;
  width: 100%;
  line-height: 0.52rem;
  font-size: 0.32rem;
  font-weight: 600;
  text-align: justify;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.7) 100%);
  color: var(--fff);
  margin: 0;
  padding: 0.24rem 0.32rem 0.16rem;
  left: 0;
  bottom: 0;
}
.topic__header__desc {
  position: relative;
  width: 100%;
  max-height: 0.96rem;
  line-height: 0.48rem;
  text-align: justify;
  font-size: 0.3rem;
  color: var(--font-color-2);
  padding: 0 0.32rem;
  margin: 0.16rem 0 0.24rem;
  overflow: hidden;
  box-sizing: border-box;
}
.topic__header__desc__more {
  position: absolute;
  text-align: left;
  background-image: linear-gradient(90deg, transparent 0%, var(--card-1) 0.32rem, var(--card-1) 100%);
  bottom: 0;
  right: 0.32rem;
  padding-left: 0.32rem;
}
.topic__header__desc__more > i {
  font-style: normal;
  color: var(--theme-2);
}
.topic__header__desc[ellipsis='0'] {
  max-height: unset;
  text-overflow: unset;
}
.topic__header__desc[ellipsis='0'] .topic__header__desc__more {
  display: none;
}
.topic__header__date {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 0.96rem;
  height: 0.88rem;
  font-weight: 600;
  text-align: center;
  border-radius: 0.12rem;
  overflow: hidden;
  top: 0.24rem;
  right: 0.32rem;
}
.topic__header__date > span {
  width: 100%;
}
.topic__header__date > span:first-child {
  height: 0.36rem;
  line-height: 0.36rem;
  font-weight: 600;
  font-size: 0.2rem;
  color: var(--fff);
  background-color: var(--theme);
}
.topic__header__date > span:nth-child(2) {
  height: 0.52rem;
  line-height: 0.52rem;
  font-size: 0.3rem;
  color: var(--font-color);
  background-color: var(--card-2);
}
.topic__info {
  display: flex;
  flex-direction: column;
}
.topic__info .qmw__item {
  position: relative;
  background-color: var(--card-1);
  padding: 0 0.32rem;
  gap: 0;
}
.topic__info .qmw__item__col {
  padding: 0.32rem 0 0.24rem;
}
.topic__info__subtitle {
  position: absolute;
  width: 100%;
  height: 0.8rem;
  line-height: 0.8rem;
  font-size: 0.3rem;
  font-weight: 600;
  color: var(--font-color);
  background-color: var(--bg);
  padding: 0 0.32rem;
  box-sizing: border-box;
  top: 0;
  left: 0;
}
.topic__info__rank {
  position: absolute;
  width: 0.48rem;
  height: 0.48rem;
  line-height: 0.48rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.3rem;
  color: var(--font-color-2);
  background-color: var(--font-color-4);
  border-radius: 0.08rem;
  top: 0.36rem;
  left: 0.32rem;
}
.topic__info__rank[data-num='1'],
.topic__info__rank[data-num='2'],
.topic__info__rank[data-num='3'] {
  color: var(--fff);
}
.topic__info__rank[data-num='1'] {
  background-color: var(--red);
}
.topic__info__rank[data-num='2'] {
  background-color: var(--theme);
}
.topic__info__rank[data-num='3'] {
  background-color: var(--yellow);
}
.topic__info__time {
  height: 0.44rem;
  line-height: 0.44rem;
  font-size: 0.3rem;
  font-weight: 600;
  color: var(--font-color);
}
.topic__info[temp='group'] {
  gap: 0.16rem;
}
.topic__info[temp='group'] .qmw__item {
  padding-top: 0.8rem;
}
.topic__info[temp='group'] .qmw__button {
  margin-bottom: 0.32rem;
}
.topic__info[temp='group'] .topic__info__content[data-expand='1'] .news__list:not(:nth-child(-n + 4)) {
  display: none;
}
.topic__info[temp='group'] .topic__info__content[data-expand='1']::before {
  position: absolute;
  width: 100%;
  height: 1.48rem;
  background-color: var(--card-1);
  bottom: -1.04rem;
  z-index: -1;
  left: 0;
  content: '';
}
.topic__info[temp='group'] .topic__info__content[data-expand='0'] + .qmw__button {
  display: none;
}
.topic__info[temp="rank"] .qmw__item {
  position: relative;
  padding: 0.32rem 0.32rem 0.24rem 0.96rem;
  box-sizing: border-box;
}
.topic__info[temp='timeline'] .qmw__item {
  position: relative;
  padding: 0.24rem 0.32rem 0.24rem 0.72rem;
  overflow: hidden;
  box-sizing: border-box;
  gap: 0.04rem;
}
.topic__info[temp='timeline'] .qmw__item::before,
.topic__info[temp='timeline'] .qmw__item::after {
  position: absolute;
  top: 0.43rem;
  content: '';
}
.topic__info[temp='timeline'] .qmw__item::before {
  width: 0.02rem;
  height: calc(100% - 0.84rem - 0.24rem);
  background-color: var(--line);
  top: 0.84rem;
  left: 0.43rem;
}
.topic__info[temp='timeline'] .qmw__item::after {
  width: 0.18rem;
  height: 0.18rem;
  background-color: var(--theme);
  border-radius: 50%;
  border: 0.04rem solid var(--card-2);
  box-sizing: border-box;
  left: 0.35rem;
}
.topic__info[temp='timeline'] .qmw__item:first-child {
  padding-top: 0.32rem;
}
.topic__info[temp='rank'] .news__list--3 .news__list__cover,
.topic__info[temp='timeline'] .news__list--3 .news__list__cover {
  height: 1.58rem;
}
.topic__info[temp='rank'] .news__list--3 .news__list__cover__list,
.topic__info[temp='timeline'] .news__list--3 .news__list__cover__list {
  width: 2.1rem;
}
.game__header {
  position: relative;
  width: 100%;
  height: 2.64rem;
  background-repeat: no-repeat;
  background-position: 0 -0.88rem;
}
.game__header__nav {
  height: 0.88rem;
}
.game__header__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.84rem;
  padding: 0 0.16rem;
  box-sizing: border-box;
}
.game__header__info {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 0.16rem;
  box-sizing: border-box;
}
.game__header__info__time {
  height: 0.36rem;
  line-height: 0.36rem;
  color: var(--fff);
  font-size: 0.26rem;
}
.game__header__info__score {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 0.64rem;
  font-size: 0.48rem;
  color: var(--fff-50);
  margin-top: 0.12rem;
}
.game__header__info__score__num {
  flex: 0 0 0.84rem;
  font-family: Bebas;
}
.game__header__info__score__num[win='1'] {
  color: var(--fff);
}
.game__header__info__score__num:first-child {
  text-align: right;
}
.game__header__info__score__symbol {
  display: flex;
  flex-direction: column;
  line-height: 0.28rem;
  text-align: center;
  color: var(--fff-70);
  font-size: 0.2rem;
}
.game__header__info__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.52rem;
  color: var(--fff);
  font-size: 0.22rem;
  background-color: var(--theme);
  margin-top: 0.2rem;
  padding: 0 0.24rem;
  border-radius: 0.08rem;
  cursor: pointer;
}
.game__header__info__note {
  position: absolute;
  display: flex;
  max-width: 4.86rem;
  line-height: 0.32rem;
  font-size: 0.22rem;
  color: var(--fff);
  overflow: hidden;
  bottom: 0.2rem;
}
.game__header__info--in .game__header__info__time,
.game__header__info--in .game__header__info__score__num {
  color: var(--red);
}
.game__header__info--in .game__header__info__btn::before {
  width: 0.24rem;
  height: 0.24rem;
  background-image: url(/static2/m/images/icon_live_white.svg?316faf00e00af560366a9dc821d10e53);
  background-size: cover;
  margin-right: 0.08rem;
  content: '';
}
.game__header__side {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding-bottom: 0.04rem;
  box-sizing: border-box;
}
.game__header__side > span {
  position: absolute;
  height: 0.36rem;
  line-height: 0.36rem;
  color: var(--fff-70);
  font-size: 0.2rem;
  top: 0.36rem;
  right: 0.26rem;
}
.game__header__side:first-child > span {
  right: unset;
  left: 0.26rem;
}
.game__header__team {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 2.08rem;
  height: 1.4rem;
  line-height: 0.36rem;
  font-size: 0.26rem;
  font-weight: 600;
  color: var(--fff);
  overflow: hidden;
}
.game__header__team > img {
  width: 0.92rem;
  height: 0.92rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.game__header__team > span {
  width: 100%;
  text-align: center;
  display: box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.game__header__team__extra {
  line-height: 0.32rem;
  font-size: 0.22rem;
  color: var(--fff-70);
}
.game__navigation__content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.game__header,
.game__navigation {
  background-size: 100% auto;
}
.game__header--1,
.game__navigation--1 {
  background-image: url(/static2/m/images/bg_game_1.png?81778584ada6d7583ffb2fa37e4a947b);
}
.game__header--2,
.game__navigation--2 {
  background-image: url(/static2/m/images/bg_game_2.png?36ab497b44f1a5dc4203c85ed9fe967d);
}
.game__desc {
  line-height: 0.48rem;
  text-align: justify;
  color: var(--font-color);
  font-size: 0.3rem;
}
.game__desc > p {
  margin: 0;
}
.game__news {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 2.36rem;
  overflow: hidden;
  padding: 0.32rem 2.84rem 0.32rem 0.32rem;
  margin-bottom: -0.32rem;
  box-sizing: border-box;
}
.game__news__cover {
  position: absolute;
  width: 2.28rem;
  height: 1.72rem;
  border-radius: 0.08rem;
  top: 50%;
  right: 0.32rem;
  transform: translate(0, -50%);
}
.game__news__title {
  max-height: 1.04rem;
  line-height: 0.52rem;
  font-size: 0.32rem;
  color: var(--font-color);
  overflow: hidden;
}
.game__news__extra {
  display: flex;
  align-items: center;
  height: 0.36rem;
  line-height: 0.36rem;
  font-size: 0.24rem;
  color: var(--font-color-3);
}
.game__news__extra > span {
  margin-right: 0.16rem;
}
.game__news__tag {
  display: flex;
  align-items: center;
  height: 0.32rem;
  color: var(--red);
  font-size: 0.22rem;
  padding: 0 0.08rem;
  border-radius: 0.08rem;
  border: 0.02rem solid var(--red-50);
  box-sizing: border-box;
}
.game__goal {
  font-size: 0.26rem;
}
.game__goal__item:not(:last-child) {
  margin-bottom: 0.24rem;
  padding-bottom: 0.24rem;
  border-bottom: 0.02rem solid var(--line);
}
.game__goal__header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 0.48rem;
  line-height: 0.48rem;
  text-align: center;
  color: var(--font-color-2);
  padding-left: 1.98rem;
  margin-bottom: 0.08rem;
  box-sizing: border-box;
}
.game__goal__header > span {
  flex: 0 0 0.56rem;
}
.game__goal__list {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.64rem;
  padding: 0 0.18rem 0 2.24rem;
  box-sizing: border-box;
}
.game__goal__list__basic {
  flex: 0 0 1.8rem;
  position: absolute;
  display: flex;
  align-items: center;
  font-size: 0.26rem;
  color: var(--font-color);
  left: 0;
  overflow: hidden;
}
.game__goal__list__basic > img {
  width: 0.48rem;
  height: 0.48rem;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 0.12rem;
}
.game__goal__list__data {
  flex: 0 0 2.16rem;
  display: flex;
  height: 100%;
  line-height: 0.64rem;
  color: var(--fff);
  background-color: var(--theme-2);
  border-radius: 0.08rem;
  overflow: hidden;
}
.game__goal__list__data > span {
  flex: 1;
  height: 100%;
  text-align: center;
}
.game__goal__list__data > span[max='1'] {
  background-color: var(--theme);
}
.game__goal__list:first-child {
  margin-bottom: 0.16rem;
}
.game__goal__list:first-child .game__goal__list__data {
  background-color: var(--red-2);
}
.game__goal__list:first-child .game__goal__list__data > span[max='1'] {
  background-color: var(--red);
}
.game__h2h__header {
  padding-bottom: 0.16rem;
}
.game__h2h__count {
  display: flex;
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 0.3rem;
  color: var(--font-color);
}
.game__h2h__count > span {
  flex: 1;
}
.game__h2h__count > span:nth-child(2) {
  text-align: center;
}
.game__h2h__count > span:last-child {
  text-align: right;
}
.game__h2h__stat {
  display: flex;
  height: 0.12rem;
  border-radius: 0.06rem;
  overflow: hidden;
}
.game__h2h__stat > span {
  background-color: var(--red);
}
.game__h2h__stat > span:nth-child(even),
.game__h2h__stat > span[type="draw"] {
  background-color: var(--theme);
}
.game__h2h__basic {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.36rem;
  font-size: 0.26rem;
  color: var(--font-color-3);
  margin-top: 0.08rem;
}
.game__h2h__list {
  position: relative;
  display: flex;
  align-items: center;
  height: 0.64rem;
  font-size: 0.26rem;
  color: var(--font-color);
  white-space: nowrap;
}
.game__h2h__list__extra {
  flex: 0 0 1.74rem;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 0.32rem;
  font-size: 0.22rem;
  color: var(--font-color-3);
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.game__h2h__list__extra > span:first-child {
  color: var(--font-color);
}
.game__h2h__list__team {
  flex: 0 0 1.84rem;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  text-align: right;
  overflow: hidden;
}
.game__h2h__list__team > span {
  flex: 1;
  display: box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.game__h2h__list__team > img {
  width: 0.48rem;
  height: 0.48rem;
  margin-left: 0.12rem;
}
.game__h2h__list__team:first-child {
  flex-direction: row;
}
.game__h2h__list__team:first-child > img {
  margin-left: 0;
  margin-right: 0.12rem;
}
.game__h2h__list__score {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: Bebas;
  color: var(--font-color-3);
}
.game__h2h__list__score > span {
  flex: 0 0 0.64rem;
  font-size: 0.26rem;
}
.game__h2h__list__score > span[win='1'] {
  color: var(--font-color);
}
.game__h2h__list__score > span:first-child {
  text-align: right;
}
.game__h2h__list:not(:last-child) {
  margin-bottom: 0.32rem;
}
.game__fixture__item {
  display: flex;
  flex-direction: column;
}
.game__fixture__item__content {
  max-height: 4.6rem;
  overflow: hidden;
}
.game__fixture__item:not(:last-child) {
  margin-bottom: 0.32rem;
}
.game__fixture__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.48rem;
  font-size: 0.22rem;
  color: var(--font-color-2);
  box-sizing: border-box;
  margin-bottom: 0.16rem;
}
.game__fixture__header__basic {
  flex: 0 0 2.52rem;
  display: flex;
  align-items: center;
  font-size: 0.26rem;
  color: var(--font-color);
  overflow: hidden;
}
.game__fixture__header__basic > img {
  width: 0.48rem;
  height: 0.48rem;
  margin-right: 0.08rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.game__fixture__header__basic > span {
  flex: 0 0 1.96rem;
  display: box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.game__fixture__stat {
  display: flex;
  height: 0.24rem;
  line-height: 0.24rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.22rem;
  color: var(--fff);
  border-radius: 0.12rem;
  overflow: hidden;
  margin-bottom: 0.24rem;
}
.game__fixture__stat__list {
  flex: 1;
}
.game__fixture__stat__list[type='win'] {
  background-color: var(--red);
}
.game__fixture__stat__list[type='draw'] {
  background-color: var(--theme);
}
.game__fixture__stat__list[type='lose'] {
  background-color: var(--green);
}
.game__fixture__list {
  position: relative;
  display: flex;
  align-items: center;
  height: 0.68rem;
  font-size: 0.26rem;
  color: var(--font-color);
  margin-bottom: 0.24rem;
}
.game__fixture__list__basic {
  flex: 0 0 1.6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 0.36rem;
  font-size: 0.26rem;
  margin-right: 0.12rem;
}
.game__fixture__list__basic > span:last-child {
  line-height: 0.32rem;
  font-size: 0.22rem;
  color: var(--font-color-3);
}
.game__fixture__list__team {
  flex: 0 0 1.29rem;
  display: box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.game__fixture__list__team:nth-child(2) {
  text-align: right;
}
.game__fixture__list__score {
  flex: 0 0 1.64rem;
  display: flex;
  color: var(--font-color-3);
  font-size: 0.26rem;
  font-family: Bebas;
}
.game__fixture__list__score > span {
  flex: 1;
}
.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 0.36rem;
  text-align: center;
  color: var(--font-color);
}
.game__fixture__list__result {
  flex: 0 0 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.48rem;
  margin-left: 0.12rem;
}
.game__fixture__list__result[data-result='win'] {
  background-image: url('/static2/images/icon_W.svg');
}
.game__fixture__list__result[data-result='lose'] {
  background-image: url('/static2/images/icon_L.svg');
}
.game__fixture__list__result[data-result='draw'] {
  background-image: url('/static2/images/icon_D.svg');
}
.game__fixture__list[cur='1'] .game__fixture__list__result {
  color: var(--red);
  font-size: 0.26rem;
  font-weight: 600;
}
.game__fixture__list[btb='1']::before,
.game__fixture__list[btb='1']::after {
  position: absolute;
  right: 0;
  content: '';
}
.game__fixture__list[btb='1']::before {
  width: 0.04rem;
  height: 1.48rem;
  background-color: #4a7ee8;
  box-sizing: border-box;
  top: 0.12rem;
}
.game__fixture__list[btb='1']::after {
  width: 0.84rem;
  height: 0.32rem;
  background-size: cover;
  background-image: url('/static2/images/icon_btb.svg');
  top: -0.12rem;
}
.game__fixture--future .game__fixture__header {
  height: 0.64rem;
  color: var(--font-color-3);
  padding-bottom: 0.12rem;
  border-bottom: 0.02rem solid var(--line);
}
.game__fixture--future .game__fixture__header > span:nth-child(2) {
  flex: 0 0 3.3rem;
  text-align: center;
  padding-right: 0.8rem;
  box-sizing: border-box;
}
.game__injury__item {
  flex: 0 0 9.16rem;
  display: flex;
  flex-direction: column;
}
.game__injury__item:not(:last-child) {
  margin-bottom: 0.32rem;
}
.game__injury__list {
  display: flex;
  align-items: center;
  height: 0.88rem;
  font-size: 0.26rem;
  color: var(--font-color);
}
.game__injury__list__info {
  flex: 0 0 2.3rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  overflow: hidden;
  padding-left: 0.56rem;
  box-sizing: border-box;
}
.game__injury__list__info > img {
  position: absolute;
  width: 0.48rem;
  height: 0.48rem;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.game__injury__list span {
  display: box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.game__injury__list > span {
  flex: 1;
  text-align: center;
}
.game__injury__list:first-child {
  height: 0.48rem;
  padding-bottom: 0.16rem;
  border-bottom: 0.01rem solid var(--line);
}
.game__injury__list:first-child > span {
  color: var(--font-color-3);
}
.game__stat {
  display: flex;
  flex-direction: column;
}
.game__stat__header {
  display: flex;
  justify-content: space-between;
  height: 0.64rem;
  padding-bottom: 0.16rem;
  border-bottom: 0.02rem solid var(--line);
  box-sizing: border-box;
  margin-bottom: 0.32rem;
}
.game__stat__header__info {
  flex: 0 0 2.72rem;
  display: flex;
  align-items: center;
  font-size: 0.26rem;
  color: var(--font-color);
  overflow: hidden;
}
.game__stat__header__info > span {
  max-width: 100%;
  display: box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.game__stat__header__info > img {
  width: 0.48rem;
  height: 0.48rem;
  margin: 0 0.08rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.game__stat__header__info:first-child {
  flex-direction: row-reverse;
}
.game__stat__info {
  display: flex;
  align-items: center;
  height: 0.68rem;
}
.game__stat__info > img {
  width: 0.52rem;
  height: 0.52rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 0.19rem;
}
.game__stat__info__desc {
  flex: 1;
  display: flex;
  flex-direction: column;
  line-height: 0.32rem;
  font-size: 0.22rem;
  color: var(--font-color-3);
  overflow: hidden;
}
.game__stat__info__desc > span {
  display: box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.game__stat__info__desc > span:first-child {
  line-height: 0.36rem;
  font-weight: 600;
  font-size: 0.26rem;
  color: var(--font-color);
}
.game__stat__data {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 0.36rem;
  font-family: Bebas;
  color: var(--font-color-3);
}
.game__stat__data__val {
  flex: 0 0 0.9rem;
  display: flex;
  flex-direction: column;
  font-size: 0.2rem;
  line-height: 0.28rem;
  text-align: center;
  overflow: hidden;
}
.game__stat__data__val > span:first-child {
  font-size: 0.26rem;
  line-height: 0.36rem;
}
.game__stat__list {
  display: flex;
  align-items: center;
  min-height: 0.36rem;
}
.game__stat__list > span {
  flex: 0 0 1.14rem;
  line-height: 0.32rem;
  text-align: center;
  font-size: 0.22rem;
  color: var(--font-color-2);
  order: 2;
}
.game__stat__list:not(:last-child ) {
  margin-bottom: 0.32rem;
}
.game__stat__side {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  order: 3;
}
.game__stat__side:first-child {
  order: 1;
}
.game__stat__side:first-child .game__stat__info,
.game__stat__side:first-child .game__stat__data {
  flex-direction: row-reverse;
}
.game__stat__side:first-child .game__stat__info__desc {
  text-align: right;
}
.game__stat__side:first-child .qmw__progress {
  justify-content: flex-end;
}
.game__stat__side[win='1'] .qmw__progress__value {
  background-color: var(--theme);
}
.game__stat__side[win='1']:first-child .qmw__progress__value {
  background-color: var(--red);
}
.game__stat__side[win='1'] .game__stat__data__val > span:first-child {
  color: var(--font-color);
}
.game__score {
  position: relative;
  display: flex;
  font-size: 0.26rem;
  color: var(--font-color-3);
}
.game__score__basic,
.game__score__content {
  flex: 1;
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
}
.game__score__basic {
  flex: 0 0 0.78rem;
}
.game__score__team {
  display: flex;
  align-items: center;
}
.game__score__team > img {
  width: 0.48rem;
  height: 0.48rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.game__score__list {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.game__score__list > * {
  height: 0.48rem;
  line-height: 0.48rem;
}
.game__score__list > *:first-child,
.game__score__list > *:nth-child(4) {
  height: 0.36rem;
  line-height: 0.36rem;
}
.game__score__list > :nth-child(1),
.game__score__list > :nth-child(2) {
  margin-bottom: 0.16rem;
}
.game__score__list > :nth-child(2) {
  margin-top: 0.16rem;
}
.game__score__list > :nth-child(4) {
  margin-top: 0.28rem;
}
.game__score__content .game__score__list {
  min-width: calc((100% - 0.7rem) / 5);
  text-align: center;
}
.game__score__content .game__score__list:last-child {
  flex: 0 0 0.7rem;
  min-width: 0.7rem;
  text-align: right;
}
.game__score__basic .game__score__list > :first-child,
.game__score__content .game__score__list > [win='1'] {
  color: var(--font-color);
}
.game__score__content .game__score__list[active='1'] > :nth-child(2),
.game__score__content .game__score__list[active='1'] > :nth-child(3),
.game__score__content .game__score__list > [win='1'] {
  font-weight: 600;
}
.game__score__content .game__score__list[active='1'] > :not(:nth-child(4)) {
  color: var(--red);
}
.game__score::before,
.game__score[type='2']::after {
  position: absolute;
  width: 100%;
  height: 0.02rem;
  background-color: var(--line);
  content: '';
}
.game__score::before {
  top: 0.52rem;
}
.game__score::after {
  bottom: 0.48rem;
}
.game__empty {
  width: 100%;
  height: 0.88rem;
  line-height: 0.88rem;
  text-align: center;
  font-size: 0.26rem;
  color: var(--font-color-3);
}
.league__page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.league__main {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.league__main__header {
  height: 3.04rem;
  background-color: var(--card-1);
  margin-bottom: 0.16rem;
}
.league__main__header__tab {
  height: 0.76rem;
  font-size: 0.26rem;
  color: var(--font-color-2);
  background-color: var(--bg);
  padding: 0 0.32rem;
  box-sizing: border-box;
}
.league__main__header__tab .qmw__tab__container {
  overflow: unset;
}
.league__main__header__tab .qmw__tab__list {
  width: 1.52rem;
  font-size: 0.26rem;
  margin-top: 0.12rem;
  padding: 0;
}
.league__main__header__tab .qmw__tab__list--active {
  font-weight: 600;
}
.league__main__header__tab .qmw__tab__list--active::before {
  position: absolute;
  width: 2.16rem;
  height: 0.64rem;
  background-image: var(--bg-tab);
  background-size: cover;
  left: 50%;
  transform: translate(-50%, 0);
  content: '';
  z-index: 0;
}
.league__main__tab {
  position: sticky;
  top: 0.88rem;
  z-index: 9;
}
.league__main__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.league__main__container {
  flex: 1;
  width: 100%;
  background-color: var(--card-1);
}
.league__content {
  flex: 1;
  width: 100%;
}
.league__content--col {
  flex-direction: column;
}
.league__content[active='0'] {
  display: none;
}
.league__content[active='1'] {
  display: flex;
}
.league__section__side {
  flex: 0 0 1.6rem;
  position: sticky;
  height: calc(100vh - 1.76rem - 1.2rem);
  background-color: var(--bg);
  top: 1.76rem;
  overflow-x: hidden;
  overflow-y: scroll;
}
.league__section__side .qmw__tab {
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  text-align: center;
}
.league__section__side .qmw__tab__list {
  flex: 0 0 1rem;
  width: 100%;
  height: 1rem;
}
.league__section__content {
  flex: 1;
}
.league__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-size: 0.26rem;
  color: var(--font-color);
}
.league__item__title {
  width: 100%;
  height: 0.76rem;
  line-height: 0.76rem;
  font-weight: 600;
  text-align: center;
}
.league__item__content {
  display: flex;
  flex-wrap: wrap;
}
.league__list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 25%;
  height: 1.44rem;
  font-size: 0.26rem;
  color: var(--font-color);
  padding: 0.16rem 0.12rem;
  box-sizing: border-box;
  overflow: hidden;
}
.league__list > img {
  width: 0.64rem;
  height: 0.64rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.league__list > span {
  max-width: 100%;
  display: box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.league__swiper {
  width: 100%;
  --swiper-pagination-bullet-width: 0.12rem;
  --swiper-pagination-bullet-height: 0.04rem;
  --swiper-pagination-color: var(--theme);
  --swiper-pagination-bullet-border-radius: 0.04rem;
  --swiper-pagination-bullet-horizontal-gap: 0;
  --swiper-pagination-bottom: 0.24rem;
  --swiper-pagination-bullet-inactive-color: var(--font-color-4);
  --swiper-pagination-bullet-inactive-opacity: 1;
}
.league__swiper__item {
  width: 100%;
  padding: 0.32rem 0.32rem 0.44rem;
  box-sizing: border-box;
}
.league__swiper__item.swiper-slide {
  display: flex;
}
.league__swiper__list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 25%;
  height: 1.56rem;
  line-height: 0.36rem;
  font-size: 0.26rem;
  color: var(--font-color);
}
.league__swiper__list > img {
  width: 0.64rem;
  height: 0.64rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.league__swiper__list > span:nth-child(3) {
  font-size: 0.22rem;
  color: var(--theme);
  background-color: var(--theme-12);
  border-radius: 0.08rem;
  padding: 0 0.12rem;
}
.league__swiper__pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  background-color: var(--font-color-4);
  border-radius: 0.04rem;
  margin-left: 50%;
  transform: translate(-50%, 0);
}
:root {
  --fff: #fff;
  --fff-70: rgba(255, 255, 255, 0.7);
  --fff-50: rgba(255, 255, 255, 0.5);
  --fff-16: rgba(255, 255, 255, 0.16);
  --000-80: rgba(0, 0, 0, 0.8);
  --000-70: rgba(0, 0, 0, 0.7);
  --000-50: rgba(0, 0, 0, 0.5);
  --like-left-img: url(/static2/m/images/bg_like_left.svg?19e8fa8be58508c3380305d35015faab);
  --like-right-img: url(/static2/m/images/bg_like_right.svg?8a612329f22c5bdaa6e459bf9c30c689);
}
body {
  width: 100%;
  max-width: 7.5rem;
  background-color: var(--bg);
  margin: 0 auto;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
body a {
  text-decoration: none;
}
body picture > img {
  width: 100%;
  height: 100%;
}
body .fa {
  font-style: normal;
}
body.main__page {
  padding-bottom: calc(env(safe-area-inset-bottom) + 1.22rem);
  box-sizing: border-box;
}
body.main__page .main__tab {
  position: sticky;
  z-index: 9;
  top: 0;
}
body.error__page__tips {
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 0.28rem;
  color: var(--font-color);
}
body.error__page .page__main__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 50vh;
  font-size: 0.32rem;
}
body.error__page .page__main__content img {
  width: 2.4rem;
  height: 2.4rem;
  margin-bottom: 0.32rem;
}
body .page__tab {
  position: sticky;
  z-index: 9;
  top: 0.88rem;
}
@media (prefers-color-scheme: dark) {
  :root {
    --theme: #2851db;
    --theme-2: #5673cc;
    --theme-50: rgba(40, 81, 219, 0.5);
    --theme-12: rgba(40, 81, 219, 0.12);
    --green: #1f9421;
    --blue: #2493db;
    --yellow: #db8928;
    --yellow-6: rgba(219, 137, 40, 0.06);
    --yellow-12: rgba(219, 137, 40, 0.12);
    --red: #d12132;
    --red-50: rgba(209, 33, 50, 0.5);
    --red-2: #cc3d3d;
    --font-color: #eaeaeb;
    --font-color-2: #96989c;
    --font-color-3: #595b5f;
    --font-color-4: #3c3c3d;
    --line: #262729;
    --bg: #0a0a0b;
    --card-1: #18181b;
    --card-2: #26262b;
    --tag-color-1: #c4a94f;
    --tag-color-2: #4a3c0f;
    --tag-color-3: #e5e1a3;
    --tab-d1: rgba(255, 255, 255, 0.08);
    --tab-d2: rgba(255, 255, 255, 0);
    --bg-tab: url(/static2/m/images/bg_tab_dark.svg?15f38ec671759f7dc972ae01fceed783);
    --menu-calendar: url(/static2/m/images/menu_calendar_dark.svg?cab346490a192b28bde4a70c9a0e1bd0);
    --ball-1: url('/static2/images/icon_ball_1_dark.svg');
    --ball-2: url('/static2/images/icon_ball_2_dark.svg');
    --game-live-icon: url(/static2/m/images/icon_live_dark.svg?ff04d0a222f998d3643c08c908108c59);
    --game-video-icon: url(/static2/m/images/icon_video_dark.svg?ed377ec8b978b65ed6781ad1cd5bf84d);
    --game-replay-icon: url(/static2/m/images/icon_replay_dark.svg?f16056dac98d7e2c56b76be9c0f847b6);
  }
}
@media (prefers-color-scheme: light) {
  :root {
    --theme: #386aff;
    --theme-2: #6b90ff;
    --theme-50: rgba(56, 106, 255, 0.5);
    --theme-12: rgba(56, 106, 255, 0.12);
    --green: #37b82e;
    --blue: #32baff;
    --yellow: #ffac38;
    --yellow-6: rgba(255, 172, 56, 0.06);
    --yellow-12: rgba(255, 172, 56, 0.12);
    --red: #f22e2e;
    --red-50: rgba(242, 46, 46, 0.5);
    --red-2: #f26161;
    --font-color: #0e0e0f;
    --font-color-2: #5e6064;
    --font-color-3: #b0b2b5;
    --font-color-4: #ebebf0;
    --line: #f2f2f3;
    --bg: #f7f7f8;
    --card-1: #fff;
    --card-2: #f7f7f8;
    --tag-color-1: #F7D464;
    --tag-color-2: #7C6519;
    --tag-color-3: #FFFAB5;
    --tab-d1: rgba(0, 0, 0, 0.08);
    --tab-d2: rgba(0, 0, 0, 0);
    --bg-tab: url(/static2/m/images/bg_tab.svg?bd1040af9bd9ddb208deae374d4a669b);
    --menu-calendar: url(/static2/m/images/menu_calendar.svg?1de388f94f9ba4d4c1fc9294aced213a);
    --ball-1: url('/static2/images/icon_ball_1_light.svg');
    --ball-2: url('/static2/images/icon_ball_2_light.svg');
    --game-live-icon: url(/static2/m/images/icon_live.svg?44505bd0c091524f5364493047de982d);
    --game-video-icon: url(/static2/m/images/icon_video.svg?80496cdb8242d06d7989d358c67c0b69);
    --game-replay-icon: url(/static2/m/images/icon_replay.svg?333a0f93fffaf43c748d84af73ef8e86);
  }
}