/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html {
  -webkit-text-size-adjust: 100%;
  line-height: 1.15
}
body {
  margin: 0
}
main {
  display: block
}
h1 {
  font-size: 2em;
  margin: .67em 0
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible
}
pre {
  font-family: monospace, monospace;
  font-size: 1em
}
a {
  background-color: transparent
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}
b, strong {
  font-weight: bolder
}
code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em
}
small {
  font-size: 80%
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
img {
  border-style: none
}
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}
button, input {
  overflow: visible
}
button, select {
  text-transform: none
}
[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText
}
fieldset {
  padding: .35em .75em .625em
}
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}
progress {
  vertical-align: baseline
}
textarea {
  overflow: auto
}
[type=checkbox], [type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
details {
  display: block
}
summary {
  display: list-item
}
[hidden], template {
  display: none
}
/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */ :root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat)
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
  animation-iteration-count: calc(var(--animate-repeat)*2)
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
  animation-iteration-count: calc(var(--animate-repeat)*3)
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay)
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay)*2);
  animation-delay: calc(var(--animate-delay)*2)
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay)*3);
  animation-delay: calc(var(--animate-delay)*3)
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay)*4);
  animation-delay: calc(var(--animate-delay)*4)
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay)*5);
  animation-delay: calc(var(--animate-delay)*5)
}
.animate__animated.animate__faster {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-duration: calc(var(--animate-duration)/2);
  animation-duration: calc(var(--animate-duration)/2)
}
.animate__animated.animate__fast {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-duration: calc(var(--animate-duration)*.8);
  animation-duration: calc(var(--animate-duration)*.8)
}
.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: calc(var(--animate-duration)*2)
}
.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration)*3);
  animation-duration: calc(var(--animate-duration)*3)
}
@media (prefers-reduced-motion:reduce), print {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important
  }
  .animate__animated[class*=Out] {
    opacity: 0
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1)
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05)
  }
  80% {
    -webkit-transform: translateZ(0) scaleY(.95);
    transform: translateZ(0) scaleY(.95);
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02)
  }
}
@keyframes bounce {
  0%, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1)
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05)
  }
  80% {
    -webkit-transform: translateZ(0) scaleY(.95);
    transform: translateZ(0) scaleY(.95);
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02)
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}
@-webkit-keyframes flash {
  0%, 50%, to {
    opacity: 1
  }
  25%, 75% {
    opacity: 0
  }
}
@keyframes flash {
  0%, 50%, to {
    opacity: 1
  }
  25%, 75% {
    opacity: 0
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1)
  }
  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1)
  }
  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1)
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1)
  }
  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1)
  }
  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1)
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand
}
@-webkit-keyframes shakeX {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}
@keyframes shakeX {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX
}
@-webkit-keyframes shakeY {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
}
@keyframes shakeY {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg)
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg)
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg)
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg)
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg)
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg)
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg)
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg)
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
.animate__headShake {
  -webkit-animation-name: headShake;
  animation-name: headShake;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
.animate__swing {
  -webkit-animation-name: swing;
  animation-name: swing;
  -webkit-transform-origin: top center;
  transform-origin: top center
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg)
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg)
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg)
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg)
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg)
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg)
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg)
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg)
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg)
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg)
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble
}
@-webkit-keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}
@keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
.animate__heartBeat {
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration)*1.3);
  animation-duration: calc(var(--animate-duration)*1.3);
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}
@-webkit-keyframes backInDown {
  0% {
    opacity: .7;
    -webkit-transform: translateY(-1200px) scale(.7);
    transform: translateY(-1200px) scale(.7)
  }
  80% {
    opacity: .7;
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@keyframes backInDown {
  0% {
    opacity: .7;
    -webkit-transform: translateY(-1200px) scale(.7);
    transform: translateY(-1200px) scale(.7)
  }
  80% {
    opacity: .7;
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown
}
@-webkit-keyframes backInLeft {
  0% {
    opacity: .7;
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7)
  }
  80% {
    opacity: .7;
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@keyframes backInLeft {
  0% {
    opacity: .7;
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7)
  }
  80% {
    opacity: .7;
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft
}
@-webkit-keyframes backInRight {
  0% {
    opacity: .7;
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7)
  }
  80% {
    opacity: .7;
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@keyframes backInRight {
  0% {
    opacity: .7;
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7)
  }
  80% {
    opacity: .7;
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight
}
@-webkit-keyframes backInUp {
  0% {
    opacity: .7;
    -webkit-transform: translateY(1200px) scale(.7);
    transform: translateY(1200px) scale(.7)
  }
  80% {
    opacity: .7;
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@keyframes backInUp {
  0% {
    opacity: .7;
    -webkit-transform: translateY(1200px) scale(.7);
    transform: translateY(1200px) scale(.7)
  }
  80% {
    opacity: .7;
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp
}
@-webkit-keyframes backOutDown {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  20% {
    opacity: .7;
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7)
  }
  to {
    opacity: .7;
    -webkit-transform: translateY(700px) scale(.7);
    transform: translateY(700px) scale(.7)
  }
}
@keyframes backOutDown {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  20% {
    opacity: .7;
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7)
  }
  to {
    opacity: .7;
    -webkit-transform: translateY(700px) scale(.7);
    transform: translateY(700px) scale(.7)
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown
}
@-webkit-keyframes backOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  20% {
    opacity: .7;
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7)
  }
  to {
    opacity: .7;
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7)
  }
}
@keyframes backOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  20% {
    opacity: .7;
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7)
  }
  to {
    opacity: .7;
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7)
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft
}
@-webkit-keyframes backOutRight {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  20% {
    opacity: .7;
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7)
  }
  to {
    opacity: .7;
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7)
  }
}
@keyframes backOutRight {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  20% {
    opacity: .7;
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7)
  }
  to {
    opacity: .7;
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7)
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight
}
@-webkit-keyframes backOutUp {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  20% {
    opacity: .7;
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7)
  }
  to {
    opacity: .7;
    -webkit-transform: translateY(-700px) scale(.7);
    transform: translateY(-700px) scale(.7)
  }
}
@keyframes backOutUp {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  20% {
    opacity: .7;
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7)
  }
  to {
    opacity: .7;
    -webkit-transform: translateY(-700px) scale(.7);
    transform: translateY(-700px) scale(.7)
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp
}
@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}
.animate__bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*.75);
  animation-duration: calc(var(--animate-duration)*.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
    transform: translate3d(0, 25px, 0) scaleY(.9)
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
    transform: translate3d(0, -10px, 0) scaleY(.95)
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
    transform: translate3d(0, 5px, 0) scaleY(.985)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
    transform: translate3d(0, 25px, 0) scaleY(.9)
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
    transform: translate3d(0, -10px, 0) scaleY(.95)
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
    transform: translate3d(0, 5px, 0) scaleY(.985)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1)
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
    transform: translate3d(-10px, 0, 0) scaleX(.98)
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
    transform: translate3d(5px, 0, 0) scaleX(.995)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1)
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
    transform: translate3d(-10px, 0, 0) scaleX(.98)
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
    transform: translate3d(5px, 0, 0) scaleX(.995)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1)
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
    transform: translate3d(10px, 0, 0) scaleX(.98)
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
    transform: translate3d(-5px, 0, 0) scaleX(.995)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1)
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
    transform: translate3d(10px, 0, 0) scaleX(.98)
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
    transform: translate3d(-5px, 0, 0) scaleX(.995)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9)
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
    transform: translate3d(0, 10px, 0) scaleY(.95)
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
    transform: translate3d(0, -5px, 0) scaleY(.985)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9)
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
    transform: translate3d(0, 10px, 0) scaleY(.95)
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
    transform: translate3d(0, -5px, 0) scaleY(.985)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
}
.animate__bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*.75);
  animation-duration: calc(var(--animate-duration)*.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
    transform: translate3d(0, 10px, 0) scaleY(.985)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3)
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
    transform: translate3d(0, 10px, 0) scaleY(.985)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3)
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
    transform: translate3d(20px, 0, 0) scaleX(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2)
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
    transform: translate3d(20px, 0, 0) scaleX(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2)
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
    transform: translate3d(-20px, 0, 0) scaleX(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2)
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
    transform: translate3d(-20px, 0, 0) scaleX(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2)
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
    transform: translate3d(0, -10px, 0) scaleY(.985)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
    transform: translate3d(0, 20px, 0) scaleY(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3)
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
    transform: translate3d(0, -10px, 0) scaleY(.985)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
    transform: translate3d(0, 20px, 0) scaleY(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3)
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig
}
@-webkit-keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft
}
@-webkit-keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight
}
@-webkit-keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft
}
@-webkit-keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig
}
@-webkit-keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0)
  }
}
@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0)
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft
}
@-webkit-keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0)
  }
}
@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0)
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight
}
@-webkit-keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0)
  }
}
@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0)
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight
}
@-webkit-keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0)
  }
}
@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0)
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft
}
@-webkit-keyframes flip {
  0% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
  }
  40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
  }
  50% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
  }
  80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg)
  }
  to {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
  }
}
@keyframes flip {
  0% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
  }
  40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
  }
  50% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
  }
  80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg)
  }
  to {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
  }
}
.animate__animated.animate__flip {
  -webkit-animation-name: flip;
  animation-name: flip;
  -webkit-backface-visibility: visible;
  backface-visibility: visible
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg)
  }
  40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg)
  }
  60% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg)
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}
@keyframes flipInX {
  0% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg)
  }
  40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg)
  }
  60% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg)
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}
.animate__flipInX {
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg)
  }
  40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg)
  }
  60% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg)
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}
@keyframes flipInY {
  0% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg)
  }
  40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg)
  }
  60% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg)
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}
.animate__flipInY {
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg)
  }
  to {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg)
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg)
  }
  to {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg)
  }
}
.animate__flipOutX {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*.75);
  animation-duration: calc(var(--animate-duration)*.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg)
  }
  to {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg)
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg)
  }
  to {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg)
  }
}
.animate__flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*.75);
  animation-duration: calc(var(--animate-duration)*.75);
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}
@-webkit-keyframes lightSpeedInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg)
  }
  60% {
    opacity: 1;
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg)
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes lightSpeedInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg)
  }
  60% {
    opacity: 1;
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg)
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg)
  }
  60% {
    opacity: 1;
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg)
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes lightSpeedInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg)
  }
  60% {
    opacity: 1;
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg)
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOutRight {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg)
  }
}
@keyframes lightSpeedOutRight {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg)
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}
@-webkit-keyframes lightSpeedOutLeft {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg)
  }
}
@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg)
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}
@-webkit-keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}
@-webkit-keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}
@-webkit-keyframes rotateOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg)
  }
}
@keyframes rotateOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg)
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
}
@keyframes rotateOutDownLeft {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
}
@keyframes rotateOutDownRight {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
}
@keyframes rotateOutUpLeft {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}
@keyframes rotateOutUpRight {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  20%, 60% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg)
  }
  40%, 80% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0)
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  20%, 60% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg)
  }
  40%, 80% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0)
  }
}
.animate__hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: calc(var(--animate-duration)*2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left
}
@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg)
  }
}
@keyframes rollOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg)
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  50% {
    opacity: 1
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  50% {
    opacity: 1
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
  }
}
@keyframes zoomInDown {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
  }
}
@keyframes zoomInLeft {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
  }
}
@keyframes zoomInRight {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
  }
}
@keyframes zoomInUp {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  to {
    opacity: 0
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  to {
    opacity: 0
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
  40% {
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
  }
  to {
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0)
  }
}
@keyframes zoomOutDown {
  40% {
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
  }
  to {
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0)
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0)
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0)
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0)
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0)
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center
}
@-webkit-keyframes zoomOutUp {
  40% {
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
  }
  to {
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0)
  }
}
@keyframes zoomOutUp {
  40% {
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
  }
  to {
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0)
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: hidden
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: hidden
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: hidden
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: hidden
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: hidden
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: hidden
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: hidden
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: hidden
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .vjs-modal-dialog .vjs-modal-dialog-content {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
  text-align: center
}
@font-face {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff")
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before {
  content: "\f101"
}
.vjs-icon-play-circle {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.vjs-icon-play-circle:before {
  content: "\f102"
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, .vjs-icon-pause {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, .vjs-icon-pause:before {
  content: "\f103"
}
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder, .vjs-icon-volume-mute {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before, .vjs-icon-volume-mute:before {
  content: "\f104"
}
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder, .vjs-icon-volume-low {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before, .vjs-icon-volume-low:before {
  content: "\f105"
}
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder, .vjs-icon-volume-mid {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before, .vjs-icon-volume-mid:before {
  content: "\f106"
}
.video-js .vjs-mute-control .vjs-icon-placeholder, .vjs-icon-volume-high {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.video-js .vjs-mute-control .vjs-icon-placeholder:before, .vjs-icon-volume-high:before {
  content: "\f107"
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-enter {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-enter:before {
  content: "\f108"
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-exit {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-exit:before {
  content: "\f109"
}
.vjs-icon-square {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.vjs-icon-square:before {
  content: "\f10a"
}
.vjs-icon-spinner {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.vjs-icon-spinner:before {
  content: "\f10b"
}
.video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .vjs-icon-subtitles {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-subtitles:before {
  content: "\f10c"
}
.video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .vjs-icon-captions {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-captions:before {
  content: "\f10d"
}
.video-js .vjs-chapters-button .vjs-icon-placeholder, .vjs-icon-chapters {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.video-js .vjs-chapters-button .vjs-icon-placeholder:before, .vjs-icon-chapters:before {
  content: "\f10e"
}
.vjs-icon-share {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.vjs-icon-share:before {
  content: "\f10f"
}
.vjs-icon-cog {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.vjs-icon-cog:before {
  content: "\f110"
}
.video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before {
  content: "\f111"
}
.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.vjs-icon-circle-outline:before {
  content: "\f112"
}
.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.vjs-icon-circle-inner-circle:before {
  content: "\f113"
}
.vjs-icon-hd {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.vjs-icon-hd:before {
  content: "\f114"
}
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder, .vjs-icon-cancel {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before, .vjs-icon-cancel:before {
  content: "\f115"
}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder, .vjs-icon-replay {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-replay:before {
  content: "\f116"
}
.vjs-icon-facebook {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.vjs-icon-facebook:before {
  content: "\f117"
}
.vjs-icon-gplus {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.vjs-icon-gplus:before {
  content: "\f118"
}
.vjs-icon-linkedin {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.vjs-icon-linkedin:before {
  content: "\f119"
}
.vjs-icon-twitter {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.vjs-icon-twitter:before {
  content: "\f11a"
}
.vjs-icon-tumblr {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.vjs-icon-tumblr:before {
  content: "\f11b"
}
.vjs-icon-pinterest {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.vjs-icon-pinterest:before {
  content: "\f11c"
}
.video-js .vjs-descriptions-button .vjs-icon-placeholder, .vjs-icon-audio-description {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before, .vjs-icon-audio-description:before {
  content: "\f11d"
}
.video-js .vjs-audio-button .vjs-icon-placeholder, .vjs-icon-audio {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.video-js .vjs-audio-button .vjs-icon-placeholder:before, .vjs-icon-audio:before {
  content: "\f11e"
}
.vjs-icon-next-item {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.vjs-icon-next-item:before {
  content: "\f11f"
}
.vjs-icon-previous-item {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.vjs-icon-previous-item:before {
  content: "\f120"
}
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder, .vjs-icon-picture-in-picture-enter {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before, .vjs-icon-picture-in-picture-enter:before {
  content: "\f121"
}
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder, .vjs-icon-picture-in-picture-exit {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before, .vjs-icon-picture-in-picture-exit:before {
  content: "\f122"
}
.video-js {
  background-color: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  padding: 0;
  position: relative;
  vertical-align: top;
  word-break: normal
}
.video-js:-moz-full-screen {
  position: absolute
}
.video-js:-webkit-full-screen {
  height: 100% !important;
  width: 100% !important
}
.video-js[tabindex="-1"] {
  outline: 0
}
.video-js *, .video-js :after, .video-js :before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin: 0
}
.video-js.vjs-1-1, .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-9-16, .video-js.vjs-fluid {
  max-width: 100%;
  width: 100%
}
.video-js.vjs-1-1:not(.vjs-audio-only-mode), .video-js.vjs-16-9:not(.vjs-audio-only-mode), .video-js.vjs-4-3:not(.vjs-audio-only-mode), .video-js.vjs-9-16:not(.vjs-audio-only-mode), .video-js.vjs-fluid:not(.vjs-audio-only-mode) {
  height: 0
}
.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%
}
.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%
}
.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%
}
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%
}
.video-js .vjs-tech, .video-js.vjs-fill:not(.vjs-audio-only-mode) {
  height: 100%;
  width: 100%
}
.video-js .vjs-tech {
  left: 0;
  position: absolute;
  top: 0
}
.video-js.vjs-audio-only-mode .vjs-tech {
  display: none
}
body.vjs-full-window {
  height: 100%;
  margin: 0;
  padding: 0
}
.vjs-full-window .video-js.vjs-fullscreen {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000
}
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  height: 100% !important;
  padding-top: 0 !important;
  width: 100% !important
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none
}
.vjs-hidden {
  display: none !important
}
.vjs-disabled {
  cursor: default;
  opacity: .5
}
.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important
}
.vjs-no-js {
  background-color: #000;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  height: 150px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
  width: 300px
}
.vjs-no-js a, .vjs-no-js a:visited {
  color: #66a8cc
}
.video-js .vjs-big-play-button {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .7);
  border: .06666em solid #fff;
  border-radius: .3em;
  cursor: pointer;
  display: block;
  font-size: 3em;
  height: 1.63332em;
  left: 10px;
  line-height: 1.5em;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 10px;
  -webkit-transition: all .4s;
  transition: all .4s;
  width: 3em
}
.vjs-big-play-centered .vjs-big-play-button {
  left: 50%;
  margin-left: -1.5em;
  margin-top: -.81666em;
  top: 50%
}
.video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, .5);
  border-color: #fff;
  -webkit-transition: all 0s;
  transition: all 0s
}
.vjs-controls-disabled .vjs-big-play-button, .vjs-error .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button {
  display: none
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block
}
.video-js button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: 0 0;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-decoration: none;
  text-transform: none;
  -webkit-transition: none;
  transition: none
}
.vjs-control .vjs-button {
  height: 100%;
  width: 100%
}
.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: .5em;
  z-index: 2
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, .8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .8)), to(hsla(0, 0%, 100%, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0));
  background: linear-gradient(180deg, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0));
  overflow: auto
}
.video-js .vjs-modal-dialog > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1
}
.vjs-menu-button {
  cursor: pointer
}
.vjs-menu-button.vjs-disabled {
  cursor: default
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none
}
.vjs-menu .vjs-menu-content {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  overflow: auto;
  padding: 0
}
.vjs-menu .vjs-menu-content > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none
}
.vjs-menu li {
  font-size: 1.2em;
  line-height: 1.4em;
  list-style: none;
  margin: 0;
  padding: .2em 0;
  text-align: center;
  text-transform: lowercase
}
.js-focus-visible .vjs-menu li.vjs-menu-item:hover, .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, .5)
}
.js-focus-visible .vjs-menu li.vjs-selected:hover, .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2b333f
}
.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible), .video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible) {
  background: 0 0
}
.vjs-menu li.vjs-menu-title {
  cursor: default;
  font-size: 1em;
  font-weight: 700;
  line-height: 2em;
  margin: 0 0 .3em;
  padding: 0;
  text-align: center;
  text-transform: uppercase
}
.vjs-menu-button-popup .vjs-menu {
  border-top-color: rgba(43, 51, 63, .7);
  bottom: 0;
  display: none;
  height: 0;
  left: -3em;
  margin-bottom: 1.5em;
  position: absolute;
  width: 10em
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .7);
  bottom: 1.5em;
  max-height: 15em;
  position: absolute;
  width: 100%
}
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em
}
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em
}
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em
}
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em
}
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing, .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
  display: block
}
.video-js .vjs-menu-button-inline {
  overflow: hidden;
  -webkit-transition: all .4s;
  transition: all .4s
}
.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em
}
.video-js .vjs-menu-button-inline.vjs-slider-active, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline:hover, .video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em
}
.vjs-menu-button-inline .vjs-menu {
  height: 100%;
  left: 4em;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all .4s;
  transition: all .4s;
  width: auto
}
.vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline:hover .vjs-menu {
  display: block;
  opacity: 1
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto
}
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
  width: auto
}
.vjs-menu-button-inline .vjs-menu-content {
  height: 100%;
  margin: 0;
  overflow: hidden;
  width: auto
}
.video-js .vjs-control-bar {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .7);
  bottom: 0;
  display: none;
  height: 3em;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%
}
.vjs-audio-only-mode .vjs-control-bar, .vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  -webkit-transition: visibility .1s, opacity .1s;
  transition: visibility .1s, opacity .1s;
  visibility: visible
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
  visibility: visible
}
.vjs-controls-disabled .vjs-control-bar, .vjs-error .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar {
  display: none !important
}
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar, .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  pointer-events: auto;
  visibility: visible
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table
}
.video-js .vjs-control {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  width: 4em
}
.video-js .vjs-control.vjs-visible-text {
  padding-left: 1em;
  padding-right: 1em;
  width: auto
}
.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67
}
.vjs-button > .vjs-icon-placeholder {
  display: block
}
.video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before {
  text-shadow: 0 0 1em #fff
}
.video-js :not(.vjs-visible-text) > .vjs-control-text {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle
}
.video-js .vjs-custom-control-spacer {
  display: none
}
.video-js .vjs-progress-control {
  -webkit-box-flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  min-width: 4em;
  -ms-touch-action: none;
  touch-action: none
}
.video-js .vjs-progress-control.disabled {
  cursor: default
}
.vjs-live .vjs-progress-control {
  display: none
}
.vjs-liveui .vjs-progress-control {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.vjs-no-flex .vjs-progress-control {
  width: auto
}
.video-js .vjs-progress-holder {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  height: .3em;
  -webkit-transition: all .2s;
  transition: all .2s
}
.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em
}
.video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-progress-holder .vjs-play-progress {
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 0
}
.video-js .vjs-play-progress {
  background-color: #fff
}
.video-js .vjs-play-progress:before {
  font-size: .9em;
  position: absolute;
  right: -.5em;
  top: -.3333333333em;
  z-index: 1
}
.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, .5)
}
.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, .75)
}
.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .8);
  border-radius: .3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none
}
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-time-tooltip {
  display: block;
  font-size: .6em;
  visibility: visible
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em
}
.video-js .vjs-progress-control .vjs-mouse-display {
  background-color: #000;
  display: none;
  height: 100%;
  position: absolute;
  width: 1px;
  z-index: 1
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
  visibility: hidden
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none
}
.vjs-mouse-display .vjs-time-tooltip {
  background-color: #000;
  background-color: rgba(0, 0, 0, .8);
  color: #fff
}
.video-js .vjs-slider {
  -webkit-touch-callout: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, .5);
  cursor: pointer;
  margin: 0 .45em;
  padding: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.video-js .vjs-slider.disabled {
  cursor: default
}
.video-js .vjs-slider:focus {
  -webkit-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff;
  text-shadow: 0 0 1em #fff
}
.video-js .vjs-mute-control {
  -webkit-box-flex: 0;
  cursor: pointer;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none
}
.video-js .vjs-volume-control {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 1em
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em
}
.video-js .vjs-volume-panel .vjs-volume-control {
  height: 1px;
  margin-left: -1px;
  opacity: 0;
  visibility: visible;
  width: 1px
}
.video-js .vjs-volume-panel {
  -webkit-transition: width 1s;
  transition: width 1s
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control {
  opacity: 1;
  position: relative;
  -webkit-transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s;
  transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s;
  visibility: visible
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
  height: 3em;
  margin-right: 0;
  width: 5em
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
  left: -3.5em;
  -webkit-transition: left 0s;
  transition: left 0s
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
  -webkit-transition: width .1s;
  transition: width .1s;
  width: 10em
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  left: -3000em;
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  width: 3em
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
}
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  height: 3em;
  opacity: 1;
  position: relative;
  -webkit-transition: none;
  transition: none;
  visibility: visible;
  width: 5em
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  bottom: 3em;
  left: .5em;
  position: absolute
}
.video-js .vjs-volume-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.video-js .vjs-volume-bar {
  margin: 1.35em .45em
}
.vjs-volume-bar.vjs-slider-horizontal {
  height: .3em;
  width: 5em
}
.vjs-volume-bar.vjs-slider-vertical {
  height: 5em;
  margin: 1.35em auto;
  width: .3em
}
.video-js .vjs-volume-level {
  background-color: #fff;
  bottom: 0;
  left: 0;
  position: absolute
}
.video-js .vjs-volume-level:before {
  font-size: .9em;
  position: absolute;
  z-index: 1
}
.vjs-slider-vertical .vjs-volume-level {
  width: .3em
}
.vjs-slider-vertical .vjs-volume-level:before {
  left: -.3em;
  top: -.5em;
  z-index: 1
}
.vjs-slider-horizontal .vjs-volume-level {
  height: .3em
}
.vjs-slider-horizontal .vjs-volume-level:before {
  right: -.5em;
  top: -.3em
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%
}
.video-js .vjs-volume-vertical {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .7);
  bottom: 8em;
  height: 8em;
  width: 3em
}
.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em
}
.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .8);
  border-radius: .3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1
}
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip, .video-js .vjs-volume-control:hover .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible
}
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip, .video-js .vjs-volume-vertical:hover .vjs-volume-tooltip {
  left: 1em;
  top: -12px
}
.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em
}
.video-js .vjs-volume-control .vjs-mouse-display {
  background-color: #000;
  display: none;
  height: 1px;
  position: absolute;
  width: 100%;
  z-index: 1
}
.video-js .vjs-volume-horizontal .vjs-mouse-display {
  height: 100%;
  width: 1px
}
.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  z-index: 0
}
.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block
}
.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
  visibility: hidden
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  display: none
}
.vjs-mouse-display .vjs-volume-tooltip {
  background-color: #000;
  background-color: rgba(0, 0, 0, .8);
  color: #fff
}
.vjs-poster {
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  cursor: pointer;
  display: inline-block;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  vertical-align: middle
}
.vjs-has-started .vjs-poster, .vjs-using-native-controls .vjs-poster {
  display: none
}
.vjs-audio.vjs-has-started .vjs-poster, .vjs-has-started.vjs-audio-poster-mode .vjs-poster {
  display: block
}
.video-js .vjs-live-control {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-box-flex: 1;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  font-size: 1em;
  line-height: 3em
}
.vjs-no-flex .vjs-live-control {
  display: table-cell;
  text-align: left;
  width: auto
}
.video-js.vjs-liveui .vjs-live-control, .video-js:not(.vjs-live) .vjs-live-control {
  display: none
}
.video-js .vjs-seek-to-live-control {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  height: 100%;
  line-height: 3em;
  min-width: 4em;
  padding-left: .5em;
  padding-right: .5em;
  width: auto
}
.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  text-align: left;
  width: auto
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
  color: #888;
  margin-right: .5em
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red
}
.video-js .vjs-time-control {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  padding-left: 1em;
  padding-right: 1em;
  width: auto
}
.video-js .vjs-current-time, .video-js .vjs-duration, .vjs-live .vjs-time-control, .vjs-no-flex .vjs-current-time, .vjs-no-flex .vjs-duration {
  display: none
}
.vjs-time-divider {
  display: none;
  line-height: 3em
}
.vjs-live .vjs-time-divider {
  display: none
}
.video-js .vjs-play-control {
  cursor: pointer
}
.video-js .vjs-play-control .vjs-icon-placeholder {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none
}
.vjs-text-track-display {
  bottom: 3em;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0
}
.video-js.vjs-controls-disabled .vjs-text-track-display, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em
}
.video-js .vjs-text-track {
  font-size: 1.4em;
  margin-bottom: .1em;
  text-align: center
}
.vjs-subtitles {
  color: #fff
}
.vjs-captions {
  color: #fc6
}
.vjs-tt-cue {
  display: block
}
video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em)
}
.video-js.vjs-controls-disabled video::-webkit-media-text-track-display, .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em)
}
.video-js .vjs-picture-in-picture-control {
  -webkit-box-flex: 0;
  cursor: pointer;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
  display: none
}
.video-js .vjs-fullscreen-control {
  -webkit-box-flex: 0;
  cursor: pointer;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
  display: none
}
.vjs-playback-rate .vjs-playback-rate-value, .vjs-playback-rate > .vjs-menu-button {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  pointer-events: none;
  text-align: center
}
.vjs-playback-rate .vjs-menu {
  left: 0;
  width: 4em
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center
}
.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -.5em;
  position: absolute;
  text-align: center;
  text-shadow: .05em .05em .1em #000;
  top: 50%;
  vertical-align: middle;
  width: 100%
}
.vjs-loading-spinner {
  background-clip: padding-box;
  border: 6px solid rgba(43, 51, 63, .7);
  border-radius: 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .85;
  position: absolute;
  text-align: left;
  top: 50%;
  visibility: hidden;
  width: 50px
}
.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
  -webkit-animation: vjs-spinner-show 0s linear .3s forwards;
  animation: vjs-spinner-show 0s linear .3s forwards;
  display: block
}
.vjs-loading-spinner:after, .vjs-loading-spinner:before {
  border: inherit;
  border-color: #fff transparent transparent;
  border-radius: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  content: "";
  height: inherit;
  margin: -6px;
  opacity: 1;
  position: absolute;
  width: inherit
}
.vjs-seeking .vjs-loading-spinner:after, .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
}
.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before {
  border-top-color: #fff
}
.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation-delay: .44s;
  animation-delay: .44s;
  border-top-color: #fff
}
@keyframes vjs-spinner-show {
  to {
    visibility: visible
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible
  }
}
@keyframes vjs-spinner-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}
@-webkit-keyframes vjs-spinner-spin {
  to {
    -webkit-transform: rotate(1turn)
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f
  }
  20% {
    border-top-color: #73859f
  }
  35% {
    border-top-color: #fff
  }
  60% {
    border-top-color: #73859f
  }
  to {
    border-top-color: #73859f
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f
  }
  20% {
    border-top-color: #73859f
  }
  35% {
    border-top-color: #fff
  }
  60% {
    border-top-color: #73859f
  }
  to {
    border-top-color: #73859f
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em
}
.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  display: inline-block;
  margin-bottom: -.1em;
  vertical-align: middle
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  content: "";
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: inherit
}
.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  display: inline-block;
  margin-bottom: -.1em;
  vertical-align: middle
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  content: " ";
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: inherit
}
.video-js.vjs-layout-small .vjs-current-time, .video-js.vjs-layout-small .vjs-duration, .video-js.vjs-layout-small .vjs-playback-rate, .video-js.vjs-layout-small .vjs-remaining-time, .video-js.vjs-layout-small .vjs-time-divider, .video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time, .video-js.vjs-layout-tiny .vjs-duration, .video-js.vjs-layout-tiny .vjs-playback-rate, .video-js.vjs-layout-tiny .vjs-remaining-time, .video-js.vjs-layout-tiny .vjs-time-divider, .video-js.vjs-layout-tiny .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time, .video-js.vjs-layout-x-small .vjs-duration, .video-js.vjs-layout-x-small .vjs-playback-rate, .video-js.vjs-layout-x-small .vjs-remaining-time, .video-js.vjs-layout-x-small .vjs-time-divider, .video-js.vjs-layout-x-small .vjs-volume-control {
  display: none
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
  width: auto
}
.video-js.vjs-layout-tiny .vjs-progress-control, .video-js.vjs-layout-x-small .vjs-progress-control {
  display: none
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  -webkit-box-flex: 1;
  display: block;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto
}
.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
  width: auto
}
.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .75);
  color: #fff;
  height: 70%
}
.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table
}
.vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-controls, .vjs-text-track-settings .vjs-track-settings-font {
  display: table-cell
}
.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom
}
@supports (display:grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr
  }
}
.vjs-track-setting > select {
  margin-bottom: .5em;
  margin-right: 1em
}
.vjs-text-track-settings fieldset {
  border: none;
  margin: 5px;
  padding: 3px
}
.vjs-text-track-settings fieldset span {
  display: inline-block
}
.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em
}
.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px
}
.vjs-text-track-settings .vjs-label {
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
  display: block;
  height: 1px;
  margin: 0 0 5px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.vjs-track-settings-controls button:active, .vjs-track-settings-controls button:focus {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(88%, #fff), to(#73859f));
  background-image: -webkit-linear-gradient(bottom, #fff 88%, #73859f);
  background-image: linear-gradient(0deg, #fff 88%, #73859f);
  outline-style: solid;
  outline-width: medium
}
.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, .75)
}
.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(88%, #fff), to(#73859f));
  background-image: -webkit-linear-gradient(top, #fff 88%, #73859f);
  background-image: linear-gradient(-180deg, #fff 88%, #73859f);
  border-radius: 2px;
  color: #2b333f;
  cursor: pointer
}
.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em
}
@media print {
  .video-js > :not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden
  }
}
.vjs-resize-manager {
  border: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1000
}
.js-focus-visible .video-js :focus:not(.focus-visible) {
  outline: 0
}
.video-js :focus:not(:focus-visible) {
  outline: 0
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #212326;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif
}
a {
  text-decoration: none
}
article {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.main__container {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 auto 60px;
  min-height: calc(100vh - 430px);
  padding-top: 48px;
  position: relative;
  width: 1280px
}
.main__container__banner {
  margin-bottom: 48px
}
.main__container--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.main__section-content, .main__section__content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.main__aside-left {
  width: 150px
}
.main__aside--right, .main__aside-right {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px;
  width: 330px
}
.custom_scrollbar {
  scrollbar-color: #666 transparent
}
.custom_scrollbar::-webkit-scrollbar {
  background: transparent;
  position: relative;
  width: 7px
}
.custom_scrollbar::-webkit-scrollbar:before {
  content: "";
  display: block;
  height: 300px;
  position: absolute;
  width: 2px
}
.custom_scrollbar::-webkit-scrollbar-track-piece {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(43%, transparent), color-stop(43%, hsla(0, 0%, 100%, .06)), color-stop(57%, hsla(0, 0%, 100%, .06)), color-stop(57%, transparent));
  background-image: -webkit-linear-gradient(left, transparent 43%, hsla(0, 0%, 100%, .06) 0, hsla(0, 0%, 100%, .06) 57%, transparent 0);
  background-image: linear-gradient(90deg, transparent 43%, hsla(0, 0%, 100%, .06) 0, hsla(0, 0%, 100%, .06) 57%, transparent 0);
  width: 5px
}
.custom_scrollbar::-webkit-scrollbar-thumb {
  background-color: #666;
  border-radius: 5px;
  display: block;
  height: 20px;
  width: 7px
}
.custom_scrollbar--hide-track::-webkit-scrollbar-track-piece {
  display: none
}
.custom_scrollbar.horizontal::-webkit-scrollbar {
  height: 7px
}
.custom_scrollbar.horizontal::-webkit-scrollbar-track-piece {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(43%, transparent), color-stop(43%, hsla(0, 0%, 100%, .06)), color-stop(57%, hsla(0, 0%, 100%, .06)), color-stop(57%, transparent));
  background-image: -webkit-linear-gradient(top, transparent 43%, hsla(0, 0%, 100%, .06) 0, hsla(0, 0%, 100%, .06) 57%, transparent 0);
  background-image: linear-gradient(180deg, transparent 43%, hsla(0, 0%, 100%, .06) 0, hsla(0, 0%, 100%, .06) 57%, transparent 0)
}
.picker-section {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: hsla(0, 0%, 98%, .02);
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
  padding: 9px 12px;
  position: relative
}
.picker-section, .picker-section__active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.picker-section__active {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  color: hsla(0, 0%, 100%, .88);
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  font-weight: 600
}
.picker-section__active:before {
  color: hsla(0, 0%, 100%, .5);
  font-size: 8px;
  margin-left: 8px
}
.picker-section__select-box {
  max-height: 0;
  min-width: 100%;
  overflow: hidden;
  position: absolute;
  top: 32px;
  -webkit-transition: max-height .3s ease-out;
  transition: max-height .3s ease-out;
  z-index: 10
}
.picker-section__item {
  background-color: #373a3d;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .7);
  max-height: 300px;
  overflow-y: auto;
  padding: 8px
}
.picker-section__item__list {
  color: hsla(0, 0%, 100%, .7);
  display: block;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 100%
}
.picker-section__item__list:hover {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: all .3s;
  transition: all .3s
}
.picker-section__item:before {
  border-color: transparent transparent #373a3d;
  border-style: solid;
  border-width: 0 9px 8px;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 10px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}
.picker-section:hover {
  overflow: unset
}
.picker-section:hover .picker-section__select-box {
  max-height: 318px;
  padding-top: 18px
}
.main {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 48px auto 0;
  width: 1280px
}
.main, .main .til {
  position: relative
}
.main .til {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .88);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-weight: 500;
  height: 27px;
  line-height: 27px;
  min-width: 100px;
  padding-left: 20px
}
.main .til:before {
  background-image: url(../../member/images/icon_title.svg);
  content: "";
  height: 18px;
  left: 0;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 14px
}
.masonry-section__column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}
.masonry-section__list {
  background-color: hsla(0, 0%, 100%, .04);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .8);
  margin-bottom: 20px;
  overflow: hidden;
  width: 100%
}
.masonry-section__list__cover {
  width: 100%
}
.masonry-section__list__cover-box {
  overflow: hidden;
  position: relative
}
.masonry-section__list__cover-icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .32);
  color: hsla(0, 0%, 100%, .88);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  z-index: 1
}
.masonry-section__list__content {
  padding: 12px 10px
}
.masonry-section__list__content-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 12px
}
.masonry-section__list__content-info {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .3);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px
}
.masonry-section__list__content-avatar {
  border-radius: 50%;
  display: block;
  font-size: 0;
  height: 24px;
  margin-right: 12px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 24px
}
.masonry-section__list__content-name {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1
}
.masonry-section__list__content-name:hover {
  color: hsla(0, 0%, 100%, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.masonry-section__item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%
}
.masonry-section__item--wallpaper .masonry-section__list__cover-icon {
  border-radius: 4px;
  font-size: 12px;
  height: 18px;
  padding: 0 4px;
  right: 10px;
  top: 10px
}
.masonry-section__item--wallpaper .masonry-section__list__cover-icon:before {
  margin-right: 2px
}
.masonry-section__item--wallpaper .masonry-section__list__title {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .9)));
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .9));
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .9));
  bottom: 0;
  padding: 18px 10px 6px;
  position: absolute
}
.masonry-section__item--wallpaper .masonry-section__list__title:hover {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.footer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, .01);
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-justify-content: center;
  justify-content: center;
  left: 0;
  min-width: 1280px;
  padding: 48px 0 36px;
  position: relative;
  width: 100%
}
.footer__container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 220px;
  position: relative;
  width: 1280px
}
.footer__container, .footer__container__top {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.footer__container__top {
  margin-bottom: 48px
}
.footer__container__top__item {
  -webkit-box-flex: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 48px
}
.footer__container__top__item__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.footer__container__top__title {
  color: hsla(0, 0%, 100%, .8);
  font-size: 18px;
  font-weight: 500;
  height: 24px;
  line-height: 24px;
  margin-bottom: 4px
}
.footer__container__top__list {
  color: hsla(0, 0%, 100%, .5);
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  height: 21px;
  line-height: 21px;
  margin-top: 20px;
  padding-right: 36px
}
.footer__container__top__list:hover {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.footer__container__top--home .footer__container__top__item--about {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 380px;
  -ms-flex: 0 0 380px;
  flex: 0 0 380px
}
.footer__container__top--home .footer__container__top__item--service {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 260px;
  -ms-flex: 0 0 260px;
  flex: 0 0 260px
}
.footer__container:before {
  background-image: url(../../../images/sprites/desktop_sprite.png);
  background-position: 0 0;
  content: "";
  height: 220px;
  position: absolute;
  width: 1280px;
  z-index: -1
}
.footer__copyright {
  color: hsla(0, 0%, 100%, .4);
  font-size: 14px;
  line-height: 21px;
  text-align: center
}
.footer__copyright__desc {
  margin-bottom: 12px
}
.footer__copyright__icp {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}
.footer__copyright__icp__img {
  margin-right: 4px
}
.footer__copyright__icp a {
  color: hsla(0, 0%, 100%, .4);
  margin: 0 2px
}
.footer__copyright__icp span {
  margin: 0 2px
}
.footer--fixed {
  position: absolute
}
.footer--jump-page {
  background-color: transparent
}
.section-item {
  margin-top: 48px;
  padding-top: 51px;
  position: relative
}
.section-item__title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .88);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-weight: 500;
  height: 27px;
  left: 0;
  line-height: 27px;
  min-width: 100px;
  padding-left: 20px;
  position: absolute;
  top: 0;
  z-index: 2
}
.section-item__title:before {
  background-image: url(../../../images/icon_title.svg);
  content: "";
  height: 18px;
  left: 0;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 14px
}
.section-item--rank__num {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .88);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  -webkit-justify-content: center;
  justify-content: center;
  margin-right: 12px;
  position: relative;
  text-align: center;
  width: 25px
}
.section-item--rank__num--1 {
  color: hsla(0, 100%, 70%, .88)
}
.section-item--rank__num--2 {
  color: rgba(255, 179, 36, .88)
}
.section-item--rank__num--3 {
  color: rgba(0, 128, 255, .88)
}
.section-item--rank__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  height: 44px;
  margin-bottom: 1px
}
.section-item--rank__list:nth-child(-n+3) .section-item--rank__num {
  font-style: italic;
  font-weight: 700
}
.section-item--rank__list:nth-child(-n+3) .section-item--rank__num:before {
  background-image: url(../../../images/sprites/desktop_sprite.png);
  background-position: -641px -250px;
  content: "";
  height: 12px;
  position: absolute;
  width: 25px;
  width: 26px
}
.section-item .more-line:hover, .section-item--rank__list:hover {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.section-item:first-child {
  margin-top: 0
}
.section-item:last-child {
  margin-bottom: 36px
}
.tab-item {
  background: hsla(0, 0%, 100%, .02);
  border-radius: 0 0 4px 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
  padding: 0 18px;
  width: 100%
}
.tab-item--default__list {
  color: hsla(0, 0%, 100%, .5);
  cursor: pointer;
  font-size: 20px;
  font-weight: 500;
  line-height: 64px;
  position: relative;
  text-align: center;
  width: 100px
}
.tab-item--default__list--active {
  color: hsla(0, 0%, 100%, .88)
}
.tab-item--default__list--active:before {
  background-color: rgba(0, 128, 255, .88);
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -20px;
  position: absolute;
  width: 40px
}
.tab-item--default__list:hover {
  color: hsla(0, 0%, 100%, .88);
  -webkit-transition: all .3s;
  transition: all .3s
}
.tab-item--card {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 14px
}
.tab-item--card__list {
  background-color: hsla(0, 0%, 100%, .01);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .88);
  font-size: 16px;
  height: 36px;
  line-height: 36px;
  margin: 0 10px;
  padding: 0 12px;
  -webkit-transition: color .3 ease-out;
  transition: color .3 ease-out
}
.tab-item--card__list--active, .tab-item--card__list:hover {
  background-color: rgba(0, 128, 255, .88)
}
.user-level {
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  height: 16px;
  position: absolute;
  right: 0;
  width: 16px
}
.user-level--1 {
  background-image: url(../../../images/icon_red_v.svg)
}
.user-level--2 {
  background-image: url(../../../images/icon_yellow_v.svg)
}
.user-level--3 {
  background-image: url(../../../images/icon_blue_v.svg)
}
.user-level--4 {
  background-image: url(../../../images/icon_gray_v.svg)
}
.custom-scrollbar {
  scrollbar-color: #666 transparent
}
.custom-scrollbar::-webkit-scrollbar {
  background-color: transparent;
  position: relative;
  width: 7px
}
.custom-scrollbar::-webkit-scrollbar:before {
  background-color: green;
  content: "";
  display: block;
  height: 300px;
  position: absolute;
  width: 2px
}
.custom-scrollbar::-webkit-scrollbar-track-piece {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(43%, transparent), color-stop(43%, hsla(0, 0%, 100%, .06)), color-stop(57%, hsla(0, 0%, 100%, .06)), color-stop(57%, transparent));
  background-image: -webkit-linear-gradient(left, transparent 43%, hsla(0, 0%, 100%, .06) 0, hsla(0, 0%, 100%, .06) 57%, transparent 0);
  background-image: linear-gradient(90deg, transparent 43%, hsla(0, 0%, 100%, .06) 0, hsla(0, 0%, 100%, .06) 57%, transparent 0);
  width: 5px
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #666;
  border-radius: 5px;
  display: block;
  height: 20px;
  width: 7px
}
.custom-scrollbar--horizontal::-webkit-scrollbar {
  height: 7px
}
.custom-scrollbar--horizontal::-webkit-scrollbar-track-piece {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(43%, transparent), color-stop(43%, hsla(0, 0%, 100%, .06)), color-stop(57%, hsla(0, 0%, 100%, .06)), color-stop(57%, transparent));
  background-image: -webkit-linear-gradient(top, transparent 43%, hsla(0, 0%, 100%, .06) 0, hsla(0, 0%, 100%, .06) 57%, transparent 0);
  background-image: linear-gradient(180deg, transparent 43%, hsla(0, 0%, 100%, .06) 0, hsla(0, 0%, 100%, .06) 57%, transparent 0)
}
.card__recommend__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%
}
.card__recommend__list {
  margin-top: 36px;
  position: relative
}
.card__recommend__list__cover {
  border-radius: 4px;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden
}
.card__recommend__list__icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  z-index: 1
}
.card__recommend__list__img {
  width: 100%
}
.card__recommend__list__footer {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%
}
.card__recommend__list__title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: hsla(0, 0%, 100%, .7);
  display: -webkit-box;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  max-height: 48px;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis
}
.card__recommend__list__title:hover {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.card__recommend__list:first-child {
  margin-top: 0
}
.card__recommend__list--news {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 80px;
  padding-left: 118px
}
.card__recommend__list--news .card__recommend__list__cover {
  border-radius: 4px;
  height: 80px;
  left: 0;
  position: absolute;
  top: 0;
  width: 106px
}
.card__recommend__list--news .card__recommend__list__comment {
  color: hsla(0, 0%, 100%, .4);
  font-size: 14px;
  height: 18px;
  line-height: 18px
}
.card__recommend__list--news .card__recommend__list__footer {
  -webkit-box-flex: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 0 0 1;
  -ms-flex: 0 0 1;
  flex: 0 0 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.card__recommend__list--gallery, .card__recommend__list--gallery .card__recommend__list__cover {
  height: 180px;
  width: 240px
}
.card__recommend__list--gallery .card__recommend__list__icon {
  background-color: rgba(0, 0, 0, .32);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .88);
  font-size: 12px;
  height: 18px;
  padding: 0 4px;
  right: 10px;
  top: 10px
}
.card__recommend__list--gallery .card__recommend__list__icon:before {
  margin-right: 2px
}
.card__recommend__list--gallery .card__recommend__list__footer {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .9)));
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .9));
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .9));
  bottom: 0;
  height: 74px;
  left: 0;
  padding: 18px 10px 6px;
  position: absolute;
  width: 100%
}
.card__recommend__list--gallery .card__recommend__list__title {
  bottom: 6px;
  font-weight: 400;
  height: 48px;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 220px;
  z-index: 2
}
.card__recommend__list--topic {
  background-color: #292b2e;
  border-radius: 4px;
  overflow: hidden
}
.card__recommend__list--topic .card__recommend__list__cover {
  height: 145px;
  width: 300px
}
.card__recommend__list--topic .card__recommend__list__icon {
  background-color: #0080ff;
  border-radius: 0 4px;
  color: #fff;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  padding: 0 6px;
  right: 0;
  top: 0
}
.card__recommend__list--topic .card__recommend__list__footer {
  padding: 10px 12px
}
.card__recommend__list--match {
  background-color: hsla(0, 0%, 100%, .01);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .8);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  height: 134px;
  padding-top: 24px;
  width: 300px
}
.card__recommend__list--match .card__recommend__list__time {
  background-color: hsla(0, 0%, 100%, .06);
  border-radius: 4px 0;
  font-size: 10px;
  height: 18px;
  left: 0;
  line-height: 18px;
  padding: 0 6px;
  position: absolute;
  top: 0;
  z-index: 1
}
.card__recommend__list--match .card__recommend__list__team {
  -webkit-box-flex: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 0 0 70px;
  -ms-flex: 0 0 70px;
  flex: 0 0 70px;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.card__recommend__list--match .card__recommend__list__logo {
  height: 36px;
  width: 36px
}
.card__recommend__list--match .card__recommend__list__name {
  margin-top: 6px
}
.card__recommend__list--match .card__recommend__list__desc {
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.card__recommend__list--match .card__recommend__list__score {
  color: hsla(0, 0%, 100%, .6);
  font-size: 16px;
  font-weight: 400;
  height: 28px;
  line-height: 28px;
  margin: 10px 0;
  position: relative
}
.card__recommend__list--match .card__recommend__list__score__text {
  color: hsla(0, 0%, 100%, .4);
  font-size: 18px;
  font-weight: 600;
  padding: 0 17px
}
.card__recommend__list--match .card__recommend__list__score__text--win {
  color: #fff
}
.card__recommend__list--match .card__recommend__list__score__text:first-child {
  text-align: right
}
.card__recommend__list--match .card__recommend__list__score__icon {
  background-image: url(../../../images/sprites/pcGame_sprite.png);
  background-position: -188px -102px;
  height: 28px;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 33px
}
.card__recommend__list--match .card__recommend__list__btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  height: 26px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 26px;
  overflow: hidden
}
.card__recommend__list--match .card__recommend__list__btn__list {
  background-color: hsla(0, 0%, 100%, .06);
  position: relative;
  text-align: center;
  /*width: 44px*/
}
.card__recommend__list--match .card__recommend__list__btn__list--active {
  color: #0080ff
}
.card__recommend__list--match .card__recommend__list__btn__list:last-child:before {
  background-color: hsla(0, 0%, 100%, .04);
  content: "";
  height: 8px;
  left: .5px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px
}
.card__recommend__list--wait .card__recommend__list__btn__list {
  background-color: #0080ff;
  color: #fff;
  width: 62px
}
.card__recommend__list--in .card__recommend__list__btn__list {
  background-color: #f66;
  color: #fff;
  width: 62px
}
.header__container {
  background-color: #191b1f;
  height: 66px;
  min-width: 1280px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 12
}
.header__slide, .header__slide__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%
}
.header__slide__btn {
  -webkit-box-flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: transparent;
  border: 0;
  color: hsla(0, 0%, 100%, .88);
  cursor: pointer;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 24px;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 12px;
  position: relative;
  width: 48px
}
.header__slide__btn--download:before {
  background-image: url(../images/text_app.svg);
  background-size: 28px 17px;
  content: "";
  height: 17px;
  left: 32px;
  position: absolute;
  top: 8px;
  width: 28px
}
.header__slide__btn:hover .header__slide__qrcode {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.header__slide__qrcode {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #373a3d;
  border-radius: 4px;
  display: none;
  height: 140px;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  top: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 136px
}
.header__slide__qrcode__img {
  height: 112px;
  width: 112px
}
.header__slide__qrcode:before {
  border-bottom: 9px solid #373a3d;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  content: "";
  left: 50%;
  position: absolute;
  top: -8px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.header__logo {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 144px
}
.header__logo__img {
  height: 26px;
  width: 85px
}
.header__nav {
  height: 66px
}
.header__nav, .header__nav__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.header__nav__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  font-size: 18px;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative
}
.header__nav__item__more {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-color: #373a3d;
  border-radius: 0 0 4px 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  left: 0;
  max-height: 0;
  overflow: hidden;
  position: absolute;
  top: 100%;
  -webkit-transition: max-height .3s ease-out;
  transition: max-height .3s ease-out;
  width: 100%
}
.header__nav__item__more__list {
  color: hsla(0, 0%, 100%, .88);
  height: 40px;
  line-height: 40px;
  margin: 3px 0;
  text-align: center;
  text-decoration: none
}
.header__nav__item__more__list:hover {
  background-color: hsla(0, 0%, 100%, .02);
  color: rgba(0, 128, 255, .88)
}
.header__nav__list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .8);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  font-weight: 500;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: width .3s;
  transition: width .3s;
  white-space: nowrap;
  width: 100px
}
.header__nav__list--more:before {
  border: 4px solid transparent;
  border-bottom: 0;
  border-top-color: #fff;
  content: "";
  margin-left: 4px;
  opacity: .7;
  -webkit-transition: all .3s;
  transition: all .3s
}
.header__nav__item:hover .header__nav__item__more {
  max-height: 100vh
}
.header__nav__item:hover .header__nav__list--more:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.header__form {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative
}
.header__form__close {
  color: hsla(0, 0%, 100%, .8);
  display: none;
  font-size: 18px;
  margin: 6px 12px 0 0
}
.header__form__input {
  background-color: transparent;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  height: 44px;
  line-height: 42px;
  margin-right: 20px;
  outline: none;
  padding: 0 12px;
  -webkit-transition: width .3s;
  transition: width .3s;
  width: 0
}
.header__form__input::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, .4)
}
.header__form__input::-moz-placeholder {
  color: hsla(0, 0%, 100%, .4)
}
.header__form__input:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, .4)
}
.header__form__input::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, .4)
}
.header__form__input::placeholder {
  color: hsla(0, 0%, 100%, .4)
}
.header__form__hot-search {
  display: none;
  left: 0;
  max-height: 280px;
  position: absolute;
  top: 100%;
  width: 520px
}
.header__form__hot-search__item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  background-color: #373a3d;
  border-radius: 0 0 4px 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 10px 24px
}
.header__form__hot-search__list {
  color: #fff;
  padding: 10px 0;
  width: 50%
}
.header__form__hot-search__list, .header__form__hot-search__list__num {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.header__form__hot-search__list__num {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: hsla(0, 0%, 100%, .88);
  font-size: 20px;
  height: 24px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 24px;
  margin-right: 12px;
  position: relative;
  width: 26px
}
.header__form__hot-search__list__title {
  color: hsla(0, 0%, 100%, .8);
  font-size: 14px
}
.header__form__hot-search__list:nth-child(-n+3) .header__form__hot-search__list__num {
  background-image: url(../../../images/sprites/desktop_sprite.png);
  background-position: -641px -250px;
  font-style: italic;
  font-weight: 700;
  height: 12px;
  width: 26px
}
.header__form__hot-search__list:first-child .header__form__hot-search__list__num {
  color: #f66
}
.header__form__hot-search__list:nth-child(2) .header__form__hot-search__list__num {
  color: #ffb324
}
.header__form__hot-search__list:nth-child(3) .header__form__hot-search__list__num {
  color: #0080ff
}
.header__form__hot-search__list:hover .header__form__hot-search__list__title {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.header__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 66px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
  width: 1280px
}
.header__content--search .header__nav__list {
  overflow: hidden;
  width: 0
}
.header__content--search .header__form__close {
  display: block
}
.header__content--search .header__form__input {
  width: 434px
}
.topic-list img {
  -o-object-fit: cover;
  object-fit: cover
}
.topic-list .topic-list-item {
  background: hsla(0, 0%, 100%, .04);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .4);
  display: block;
  height: 195px;
  margin-bottom: 20px;
  padding: 16px 16px 16px 256px
}
.topic-list .topic-list-item .info {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #646567;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px
}
.topic-list .topic-list-item .info .avatar {
  background-color: #f7f7f7;
  border-radius: 50%;
  height: 24px;
  margin-right: 6px;
  width: 24px
}
.topic-list .topic-list-item .info span {
  margin-right: 20px
}
.topic-list .topic-list-item .info .user-name:hover {
  color: #bdbdbe;
  -webkit-transition: color .3s;
  transition: color .3s
}
.topic-list .topic-list-item .info .related {
  border: 1px solid rgba(0, 128, 255, .3);
  border-radius: 4px;
  color: rgba(0, 128, 255, .7);
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
  text-align: center;
  width: 36px
}
.topic-list .topic-list-item .info .related.in {
  border: 1px solid hsla(0, 100%, 70%, .3);
  color: hsla(0, 100%, 70%, .7)
}
.topic-list .topic-list-item .more-line {
  color: hsla(0, 0%, 100%, .8);
  font-size: 18px;
  font-weight: 500;
  line-height: 27px
}
.topic-list .topic-list-item .more-line .fi-fire {
  color: #f66
}
.topic-list .topic-list-item .covers {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 163px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 12px 0;
  overflow: hidden;
  position: relative;
  width: 660px
}
.topic-list .topic-list-item .covers .cover_wrapper {
  overflow: hidden
}
.topic-list .topic-list-item .covers .cover_wrapper .cover {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  width: 216px
}
.topic-list .topic-list-item .covers .top {
  background-image: url(../images/text_top.svg);
  background-repeat: no-repeat;
  background-size: 28px 18px;
  border-radius: 4px;
  height: 18px;
  margin: 10px;
  position: absolute;
  width: 28px
}
.topic-list .topic-list-item .covers .count {
  background: rgba(0, 0, 0, .32);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .8);
  font-size: 12px;
  font-weight: 500;
  height: 18px;
  line-height: 18px;
  margin: 10px;
  padding: 0 4px;
  position: absolute;
  right: 0;
  z-index: 1
}
.topic-list .topic-list-item .covers .count span {
  margin-left: -2px
}
.topic-list .topic-list-item .covers .videos .play_icon {
  background-image: url(../../../images/sprites/desktop_sprite.png);
  background-position: -117.39583333px -161px;
  background-repeat: no-repeat;
  background-size: 613.33333333px auto;
  height: 46px;
  left: calc(50% - 23px);
  position: absolute;
  top: calc(50% - 23px);
  width: 46px;
  z-index: 3
}
.topic-list .topic-list-item .covers .videos span {
  bottom: 12px;
  color: hsla(0, 0%, 100%, .88);
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  position: absolute;
  right: 12px;
  z-index: 2
}
.topic-list .topic-list-item .covers:hover .videos .play_icon, .topic-list .topic-list-item .covers:hover .videos span {
  display: block
}
.topic-list .topic-list-item.row_list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative
}
.topic-list .topic-list-item.row_list .desc {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  line-height: 30px;
  margin: 10px 0 30px;
  overflow: hidden;
  text-overflow: ellipsis
}
.topic-list .topic-list-item.row_list .covers {
  height: 163px;
  left: 16px;
  margin: 0;
  position: absolute;
  top: 16px;
  width: 216px
}
.topic-list .topic-list-item.row_list .covers .cover {
  height: 163px;
  width: 216px
}
.topic-list .topic-list-item:hover {
  cursor: pointer
}
.topic-list .topic-list-item:hover .more-line, .topic-list .topic-list-item:hover .title {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.topic-list .topic-list-item.is-timeline {
  margin-bottom: 64px;
  margin-left: 30px
}
.topic-list .topic-list-item.is-timeline:first-child {
  margin-top: 68px
}
.topic-list .topic-list-item .timeline-marker {
  color: hsla(0, 0%, 100%, .32);
  font-size: 12px;
  left: 0;
  position: absolute;
  top: -32px
}
.topic-list .topic-list-item .timeline-marker:after {
  background: rgba(0, 128, 255, .7);
  border-radius: 50%;
  content: " ";
  height: 8px;
  left: -30px;
  position: absolute;
  top: 1px;
  width: 8px
}
.topic-list .topic-list-item .timeline-marker:before {
  background: #fff;
  content: " ";
  height: 211px;
  left: -27px;
  opacity: .04;
  position: absolute;
  top: 34px;
  width: 1px
}
.topic-list .topic-list-item .list-rank {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: #6d747e;
  border-radius: 4px 0 0;
  color: hsla(0, 0%, 100%, .88);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  height: 36px;
  -webkit-justify-content: center;
  justify-content: center;
  left: 16px;
  position: absolute;
  top: 16px;
  width: 40px;
  z-index: 1
}
.topic-list .topic-list-item .list-rank[class*=top] {
  border-radius: 0;
  font-size: 18px;
  font-weight: 700;
  left: 0;
  top: 0;
  width: 70px
}
.topic-list .topic-list-item .list-rank[class*=top]:before {
  border-bottom: 6px solid transparent;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: 36px;
  width: 0
}
.topic-list .topic-list-item .list-rank.top-1 {
  background: #f66
}
.topic-list .topic-list-item .list-rank.top-1:before {
  border-right: 16px solid hsla(0, 100%, 70%, .7)
}
.topic-list .topic-list-item .list-rank.top-2 {
  background: #e5a229
}
.topic-list .topic-list-item .list-rank.top-2:before {
  border-right: 16px solid rgba(229, 162, 41, .7)
}
.topic-list .topic-list-item .list-rank.top-3 {
  background: #107dec
}
.topic-list .topic-list-item .list-rank.top-3:before {
  border-right: 16px solid rgba(16, 125, 236, .7)
}
.topic-list .topic-list-item.hidden {
  display: none
}
.topic-list .list-subtitle {
  font-size: 20px;
  margin-bottom: 24px
}
.topic-list .toggle-list {
  background-color: hsla(0, 0%, 100%, .04);
  color: #0080ff;
  cursor: pointer;
  font-size: 14px;
  height: 43px;
  line-height: 43px;
  text-align: center
}
.topic-list .toggle-list i {
  margin-left: 6px
}
.news-hot-list {
  background-color: transparent;
  padding: 0
}
.news-hot-list .hot-list__title {
  color: hsla(0, 0%, 100%, .8);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px
}
.news-hot-list .hot-list__item {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .4);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 80px;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 36px;
  padding: 2px 0 0 118px;
  position: relative
}
.news-hot-list .hot-list__item:hover .hot-list__title {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.news-hot-list .hot-list__covers {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  left: 0;
  margin: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 106px
}
.news-hot-list .hot-list__covers .cover_wrapper {
  overflow: hidden;
  width: 100%
}
.news-hot-list .hot-list__covers .cover_wrapper .cover {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  width: 100%
}
.news-hot-list .hot-list__comment {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  padding-top: 12px
}
.relation-match {
  height: 133px;
  width: 100%
}
.relation-match .list {
  color: hsla(0, 0%, 100%, .8);
  display: block;
  font-size: 14px;
  height: 100%;
  text-decoration: none
}
.relation-match .list .match-box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  background-color: hsla(0, 0%, 100%, .01);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%;
  padding: 24px 0 16px;
  width: 100%
}
.relation-match .list .match-box .logo {
  height: 36px;
  width: 36px
}
.relation-match .list .match-box .team-name {
  margin-top: 6px
}
.relation-match .list .match-box .home {
  width: 70px
}
.relation-match .list .match-box .home, .relation-match .list .match-box .score {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.relation-match .list .match-box .score {
  width: 160px
}
.relation-match .list .match-box .score .score-box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 18px;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 10px 0;
  width: 100%
}
.relation-match .list .match-box .score .score-box .icon-vs {
  background-image: url(../../../images/sprites/pcGame_sprite.png);
  background-position: -188px -102px;
  height: 28px;
  width: 33px
}
.relation-match .list .match-box .score .wait-date {
  font-size: 16px;
  margin-top: 13px
}
.relation-match .list .match-box .score .btn-box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 26px;
  -webkit-justify-content: center;
  justify-content: center
}
.relation-match .list .match-box .score .btn-box .reservation {
  background-color: hsla(0, 0%, 100%, .06);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .4);
  cursor: pointer;
  font-size: 12px;
  height: 100%;
  line-height: 26px;
  text-align: center;
  width: 100%
}
.relation-match .list .match-box .score .btn-box .reservation.active {
  background: rgba(0, 128, 255, .7);
  color: hsla(0, 0%, 100%, .88)
}
.relation-match .list .match-box .score .end-btn {
  background-color: hsla(0, 0%, 100%, .06);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  width: 87px
}
.relation-match .list .match-box .score .end-btn div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center
}
.relation-match .list .match-box .score .end-btn :first-child {
  border-right: 1px solid hsla(0, 0%, 100%, .04)
}
.relation-match .list .match-box .score .in-btn {
  background-color: #f66;
  width: 62px
}
.relation-match .list .match-box .score .wait-btn {
  width: 62px
}
.relation-match .list .match-box .away {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 70px
}
#RelevanceTopic {
  width: 100%
}
#RelevanceTopic .til {
  margin-bottom: 24px
}
#RelevanceTopic .topic-box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 171px;
  margin-bottom: 48px;
  width: 100%
}
#RelevanceTopic .topic-box .left {
  border-radius: 4px 0 0 4px;
  height: 100%;
  margin-right: 0;
  width: 353px
}
#RelevanceTopic .topic-box .left a {
  border-radius: 4px 0 0 4px;
  color: hsla(0, 0%, 100%, .88);
  display: inline-block;
  font-size: 16px;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%
}
#RelevanceTopic .topic-box .left a img {
  border-radius: 4px 0 0 4px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
  width: 100%
}
#RelevanceTopic .topic-box .left a:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
#RelevanceTopic .topic-box .left a:hover .topic-desc {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgba(0, 128, 255, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
#RelevanceTopic .topic-box .left a .topic-desc {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .9)));
  background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .9));
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .9));
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  padding: 10px;
  position: absolute;
  width: 100%
}
#RelevanceTopic .topic-box .left a .class-box {
  background-color: #0080ff;
  border-radius: 4px 0 4px 0;
  color: #fff;
  font-size: 12px;
  height: 26px;
  left: 0;
  line-height: 26px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 72px
}
#RelevanceTopic .topic-box .right {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-color: hsla(0, 0%, 100%, .03);
  border-radius: 0 4px 4px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 25px 20px;
  width: 587px
}
#RelevanceTopic .topic-box .right, #RelevanceTopic .topic-box .right a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
#RelevanceTopic .topic-box .right a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .7);
  font-size: 16px
}
#RelevanceTopic .topic-box .right a .dot {
  background-color: hsla(0, 0%, 100%, .7);
  border-radius: 50%;
  display: inline-block;
  height: 4px;
  margin-right: 10px;
  width: 4px
}
#RelevanceTopic .topic-box .right a .topic-news {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#RelevanceTopic .topic-box .right a:hover {
  color: rgba(0, 128, 255, .88);
  opacity: .88;
  -webkit-transition: color .3s;
  transition: color .3s
}
#RelevanceTopic .topic-box .right a:hover .dot {
  background-color: rgba(0, 128, 255, .88);
  -webkit-transition: background-color .3s;
  transition: background-color .3s
}
#RelevanceTopic .topic-box .right .two-news {
  margin: 32px 0
}
#NewsList {
  background-color: transparent;
  padding: 0
}
#NewsList img {
  -o-object-fit: cover;
  object-fit: cover
}
#NewsList .list {
  color: hsla(0, 0%, 100%, .4);
  display: block;
  margin-bottom: 36px
}
#NewsList .list .info {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #646567;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px
}
#NewsList .list .info .avatar {
  background-color: #f7f7f7;
  border-radius: 50%;
  height: 24px;
  margin-right: 6px;
  width: 24px
}
#NewsList .list .info span {
  margin-right: 20px
}
#NewsList .list .info .authorUserName:hover {
  color: #bdbdbe;
  -webkit-transition: color .3s;
  transition: color .3s
}
#NewsList .list .info .related {
  border: 1px solid rgba(0, 128, 255, .3);
  border-radius: 4px;
  color: rgba(0, 128, 255, .7);
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
  text-align: center;
  width: 36px
}
#NewsList .list .info .related.in {
  border: 1px solid hsla(0, 100%, 70%, .3);
  color: hsla(0, 100%, 70%, .7)
}
#NewsList .list .recommend_news {
  background-color: rgba(0, 0, 0, .2);
  background-size: cover;
  border-radius: 4px;
  font-weight: 500;
  height: 318px;
  margin-bottom: 36px;
  overflow: hidden;
  position: relative;
  width: 100%
}
#NewsList .list .recommend_news .top {
  background-image: url(../images/text_top.svg);
  background-repeat: no-repeat;
  background-size: 28px 18px;
  border-radius: 4px;
  height: 18px;
  left: 0;
  margin: 10px;
  position: absolute;
  top: 0;
  width: 28px;
  z-index: 1
}
#NewsList .list .recommend_news .cover {
  border-radius: 4px;
  height: 318px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
#NewsList .list .recommend_news .content {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 2, 2, 0)), to(rgba(0, 0, 0, .9)));
  background: -webkit-linear-gradient(top, rgba(2, 2, 2, 0), rgba(0, 0, 0, .9));
  background: linear-gradient(180deg, rgba(2, 2, 2, 0), rgba(0, 0, 0, .9));
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .8);
  font-size: 18px;
  height: 120px;
  padding: 48px 24px 12px;
  position: absolute;
  width: 100%
}
#NewsList .list .recommend_news .content .title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis
}
#NewsList .list .recommend_news .content .info {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #646567;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  margin-top: 12px
}
#NewsList .list .recommend_news .content .info .avatar {
  background-color: #f7f7f7;
  border-radius: 50%;
  height: 24px;
  margin-right: 6px;
  width: 24px
}
#NewsList .list .recommend_news .content .info .authorUserName:hover {
  color: #bdbdbe;
  -webkit-transition: color .3s;
  transition: color .3s
}
#NewsList .list .recommend_news .content .info .name {
  margin-right: 20px
}
#NewsList .list .more-line {
  color: hsla(0, 0%, 100%, .8);
  font-size: 18px;
  font-weight: 500;
  line-height: 27px
}
#NewsList .list .more-line .fi-fire {
  color: #f66
}
#NewsList .list .covers {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 163px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 12px 0;
  overflow: hidden;
  position: relative;
  width: 660px
}
#NewsList .list .covers .cover_wrapper {
  overflow: hidden
}
#NewsList .list .covers .cover_wrapper .cover {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  width: 216px
}
#NewsList .list .covers .top {
  background-image: url(../images/text_top.svg);
  background-repeat: no-repeat;
  background-size: 28px 18px;
  border-radius: 4px;
  height: 18px;
  margin: 10px;
  position: absolute;
  width: 28px
}
#NewsList .list .covers .count {
  background: rgba(0, 0, 0, .32);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .8);
  font-size: 12px;
  font-weight: 500;
  height: 18px;
  line-height: 18px;
  margin: 10px;
  padding: 0 4px;
  position: absolute;
  right: 0;
  z-index: 1
}
#NewsList .list .covers .count span {
  margin-left: -2px
}
#NewsList .list .covers .videos .play_icon {
  background-image: url(../../../images/sprites/desktop_sprite.png);
  background-position: -117.39583333px -161px;
  background-repeat: no-repeat;
  background-size: 613.33333333px auto;
  height: 46px;
  left: calc(50% - 23px);
  position: absolute;
  top: calc(50% - 23px);
  width: 46px;
  z-index: 3
}
#NewsList .list .covers .videos span {
  bottom: 12px;
  color: hsla(0, 0%, 100%, .88);
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  position: absolute;
  right: 12px;
  z-index: 2
}
#NewsList .list .covers:hover .videos .play_icon, #NewsList .list .covers:hover .videos span {
  display: block
}
#NewsList .list.row_list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 163px;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 7px 0 7px 236px;
  position: relative
}
#NewsList .list.row_list .desc {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  line-height: 30px;
  margin: 10px 0 30px;
  overflow: hidden;
  text-overflow: ellipsis
}
#NewsList .list.row_list .covers {
  height: 163px;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 216px
}
#NewsList .list.row_list .covers .cover {
  height: 163px;
  width: 216px
}
#NewsList .list.mini {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 66px;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 0 0 98px;
  position: relative
}
#NewsList .list.mini .more-line {
  color: hsla(0, 0%, 100%, .8);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px
}
#NewsList .list.mini .covers {
  height: 66px;
  width: 88px
}
#NewsList .list.mini .covers .cover {
  height: 100%;
  width: 100%
}
#NewsList .list.mini .desc {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  padding-top: 12px
}
#NewsList .list.bg_list {
  border-radius: 4px;
  display: block;
  height: 181px;
  margin-bottom: 36px;
  overflow: hidden;
  position: relative;
  width: 240px
}
#NewsList .list.bg_list .covers {
  height: 100%;
  margin: 0;
  width: 100%
}
#NewsList .list.bg_list .covers .cover {
  height: 100%;
  width: 100%
}
#NewsList .list.bg_list .content {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .9)));
  background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .9));
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .9));
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .8);
  font-size: 16px;
  font-weight: 400;
  padding: 18px 10px 6px;
  position: absolute;
  width: 100%
}
#NewsList .list.card {
  background-color: hsla(0, 0%, 98%, .04);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .8);
  margin-bottom: 48px;
  overflow: hidden;
  width: 216px
}
#NewsList .list.card .covers {
  height: 163px;
  margin: 0;
  position: relative;
  width: 216px
}
#NewsList .list.card .covers .play_icon {
  background-image: url(../../../images/sprites/desktop_sprite.png);
  background-position: -117.39583333px -161px;
  background-repeat: no-repeat;
  background-size: 613.33333333px auto;
  height: 46px;
  left: calc(50% - 23px);
  position: absolute;
  top: calc(50% - 23px);
  width: 46px;
  z-index: 1
}
#NewsList .list.card .covers span {
  bottom: 12px;
  color: hsla(0, 0%, 100%, .88);
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  position: absolute;
  right: 12px;
  z-index: 2
}
#NewsList .list.card .covers .cover {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
#NewsList .list.card .covers:hover .play_icon, #NewsList .list.card .covers:hover span {
  display: block
}
#NewsList .list.card .content {
  margin: 12px 10px
}
#NewsList .list.card .content .more-line {
  font-size: 16px;
  font-weight: 400
}
#NewsList .list:hover {
  cursor: pointer
}
#NewsList .list:hover .more-line, #NewsList .list:hover .title {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
#NewsList .list.hidden {
  display: none
}
#NewsList .follow-btn {
  right: 0;
  top: 7px
}
#NewsList .intermediate .photos {
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 18px;
  overflow: hidden;
  position: relative;
  width: 100%
}
#NewsList .intermediate .photos .cover_wrapper {
  height: 212px;
  margin-left: 12px;
  width: 212px
}
#NewsList .intermediate .photos .cover_wrapper:first-child {
  margin-left: 0
}
#NewsList .intermediate .photos .cover_wrapper .cover {
  height: 212px;
  width: 212px
}
#NewsList .intermediate .photos.one_photo {
  height: 428px;
  width: 449px
}
#NewsList .intermediate .photos.one_photo .cover_wrapper {
  height: 428px;
  overflow: hidden;
  width: 449px
}
#NewsList .intermediate .photos.one_photo .cover_wrapper .cover {
  height: 100%;
  width: 100%
}
#NewsList .operates {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .4);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  padding-bottom: 18px;
  position: relative
}
#NewsList .operates .icons {
  margin-right: 38px
}
#NewsList .operates .icons.like-icon {
  cursor: pointer
}
#NewsList .operates .icons .fi {
  font-size: 18px
}
#NewsList .operates .icons .fi-thumbs-up {
  display: none
}
#NewsList .operates .icons.active {
  color: #f66 !important
}
#NewsList .operates .icons.active .fi-thumbs-up {
  display: inline
}
#NewsList .operates .icons.active .fi-thumbs-up-o {
  display: none
}
#NewsList .operates .time {
  bottom: 18px;
  line-height: 19px;
  position: absolute;
  right: 0
}
#NewsList .social-list {
  background-color: transparent;
  padding: 0
}
#NewsList .social-list .follow-btn {
  right: 0;
  top: 7px
}
#NewsList .social-list .intermediate .photos {
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 18px;
  overflow: hidden;
  position: relative;
  width: 100%
}
#NewsList .social-list .intermediate .photos .cover_wrapper {
  height: 212px;
  margin-left: 12px;
  width: 212px
}
#NewsList .social-list .intermediate .photos .cover_wrapper:first-child {
  margin-left: 0
}
#NewsList .social-list .intermediate .photos .cover_wrapper .cover {
  height: 212px;
  width: 212px
}
#NewsList .social-list .intermediate .photos.one_photo {
  height: 428px;
  width: 449px
}
#NewsList .social-list .intermediate .photos.one_photo .cover_wrapper {
  height: 428px;
  overflow: hidden;
  width: 449px
}
#NewsList .social-list .intermediate .photos.one_photo .cover_wrapper .cover {
  height: 100%;
  width: 100%
}
#NewsList .social-list .operates {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .4);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  padding-bottom: 18px;
  position: relative
}
#NewsList .social-list .operates .icons {
  margin-right: 38px
}
#NewsList .social-list .operates .icons.like-icon {
  cursor: pointer
}
#NewsList .social-list .operates .icons .fi {
  font-size: 18px
}
#NewsList .social-list .operates .icons .fi-thumbs-up {
  display: none
}
#NewsList .social-list .operates .icons.active {
  color: #f66 !important
}
#NewsList .social-list .operates .icons.active .fi-thumbs-up {
  display: inline
}
#NewsList .social-list .operates .icons.active .fi-thumbs-up-o {
  display: none
}
#NewsList .social-list .operates .time {
  bottom: 18px;
  line-height: 19px;
  position: absolute;
  right: 0
}
#NewsList .recommends {
  margin-bottom: 36px;
  position: relative
}
#NewsList .recommends .recommend-title {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  font-weight: 400;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 24px;
  width: 100%
}
#NewsList .recommends .recommend-title, #NewsList .recommends .recommend-title .left {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
#NewsList .recommends .recommend-title .left {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .7);
  font-size: 18px;
  font-weight: 600;
  height: 24px;
  line-height: 24px;
  padding-left: 48px;
  position: relative
}
#NewsList .recommends .recommend-title .left:before {
  background-repeat: no-repeat;
  background-size: 36px 23px;
  content: "";
  height: 23px;
  left: 0;
  position: absolute;
  top: 0;
  width: 36px;
  z-index: 1
}
#NewsList .recommends .recommend-title .left.equipment:before {
  background-image: url(../images/text_equipment.svg)
}
#NewsList .recommends .recommend-title .left.translation:before {
  background-image: url(../images/text_translation.svg)
}
#NewsList .recommends .recommend-title .left.topic:before {
  background-image: url(../images/text_topic.svg)
}
#NewsList .recommends .recommend-title .right {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .3);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 21px
}
#NewsList .recommends .item {
  -ms-overflow-style: none;
  overflow-x: scroll;
  padding-bottom: 8px;
  scrollbar-width: none;
  white-space: nowrap;
  width: 100%
}
#NewsList .recommends .content, #NewsList .recommends .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
#NewsList .recommends .content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background: hsla(0, 0%, 98%, .04);
  border-radius: 4px;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 12px
}
#NewsList .recommends .content:first-child {
  margin-left: 0
}
#NewsList .recommends .content .cover-item {
  overflow: hidden
}
#NewsList .recommends .content .cover-item .cover {
  height: 180px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 238px
}
#NewsList .recommends .content .title {
  color: hsla(0, 0%, 100%, .7);
  font-size: 16px;
  font-weight: 400;
  height: 45px;
  line-height: 24px;
  margin: 12px 10px;
  white-space: pre-wrap;
  width: 218px
}
.ranking__container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: -51px;
  padding-top: 51px;
  position: relative
}
.ranking__list {
  color: hsla(0, 0%, 100%, .88);
  font-size: 16px;
  margin-top: 20px
}
.ranking__list, .ranking__list__desc {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 26px
}
.ranking__list__desc {
  background: rgba(0, 0, 0, .02);
  border: 1px solid #2a2d30;
  border-radius: 4px;
  position: relative;
  width: 98px
}
.ranking__list__desc:before {
  background: hsla(0, 0%, 100%, .02);
  content: "";
  height: 12px;
  left: 4px;
  position: absolute;
  width: 1px
}
.ranking__list__num {
  color: hsla(0, 0%, 100%, .88);
  font-size: 20px;
  text-align: center;
  width: 36px
}
.ranking__list__team {
  height: 26px;
  text-align: center;
  width: 66px
}
.ranking__list__logo {
  height: 26px;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: .7;
  width: 58px
}
.ranking__list__status {
  -ms-flex-negative: 0;
  border-radius: 50%;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 6px;
  margin: 0 4px 0 12px;
  width: 6px
}
.ranking__list__status--in {
  background-color: rgba(81, 234, 122, .88)
}
.ranking__list__status--out {
  background-color: #656565
}
.ranking__list__status--contention {
  background-color: rgba(255, 179, 36, .88)
}
.ranking__list__win {
  width: 58px
}
.ranking__list__lose {
  width: 56px
}
.ranking__list__rate {
  width: 70px
}
.ranking__list__lose, .ranking__list__rate, .ranking__list__win {
  text-align: center
}
.ranking__list--head {
  color: hsla(0, 0%, 100%, .4);
  font-size: 14px;
  height: 19px;
  margin-bottom: 12px
}
.ranking__list--head .ranking__list__desc {
  background: transparent;
  border: none
}
.ranking__list--head .ranking__list__num {
  color: hsla(0, 0%, 100%, .4);
  font-size: 14px;
  font-style: normal
}
.ranking__list--head .ranking__list__team {
  height: 16px
}
.ranking__list--head .ranking__list:before {
  width: 0
}
.ranking__list:first-child {
  margin-top: 0
}
.ranking__list:hover .ranking__list__logo {
  opacity: 1
}
.ranking__list:nth-child(2) .ranking__list__desc {
  background: hsla(0, 100%, 70%, .04)
}
.ranking__list:nth-child(2) .ranking__list__num {
  color: hsla(0, 100%, 70%, .88);
  font-weight: 700
}
.ranking__list:nth-child(3) .ranking__list__desc {
  background: rgba(255, 179, 36, .04)
}
.ranking__list:nth-child(3) .ranking__list__num {
  color: rgba(255, 179, 36, .88);
  font-weight: 700
}
.ranking__list:nth-child(4) .ranking__list__desc {
  background: rgba(0, 128, 255, .04)
}
.ranking__list:nth-child(4) .ranking__list__num {
  color: #0080ff;
  font-weight: 700
}
.ranking__list:nth-child(2) .ranking__list__desc, .ranking__list:nth-child(3) .ranking__list__desc, .ranking__list:nth-child(4) .ranking__list__desc {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-style: italic;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative
}
.ranking__list:nth-child(2) .ranking__list__desc:before, .ranking__list:nth-child(3) .ranking__list__desc:before, .ranking__list:nth-child(4) .ranking__list__desc:before {
  background-image: url(../../../images/sprites/desktop_sprite.png);
  background-position: -641px -250px;
  content: "";
  height: 12px;
  margin-top: 5px;
  position: absolute;
  width: 26px
}
.ranking__list:nth-child(n+10) {
  color: hsla(0, 0%, 100%, .6)
}
.ranking__list:nth-child(n+10) .ranking__list__num {
  color: hsla(0, 0%, 100%, .5)
}
.ranking__pagination {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.ranking__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  background-color: transparent;
  opacity: 1
}
.ranking__pagination--parent {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -ms-flex-item-align: end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  color: hsla(0, 0%, 100%, .5);
  font-size: 16px;
  height: 27px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: absolute
}
.ranking__pagination--parent.swiper-pagination-bullets {
  bottom: unset;
  left: unset;
  right: 0;
  top: 0;
  width: 90px
}
.ranking__pagination--parent.swiper-pagination-bullets .swiper-pagination-bullet {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0;
  width: auto
}
.ranking__pagination--parent.swiper-pagination-bullets .swiper-pagination-bullet-active {
  color: hsla(0, 0%, 100%, .88);
  font-weight: 700
}
.ranking__pagination--NBA {
  border: 1px solid hsla(0, 0%, 100%, .08);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 24px;
  margin-bottom: 16px;
  width: 300px
}
.ranking__pagination--NBA.swiper-pagination-bullets .swiper-pagination-bullet {
  -webkit-box-flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 0;
  color: hsla(0, 0%, 100%, .7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 12px;
  font-weight: 600;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0;
  width: 50%
}
.ranking__pagination--NBA.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: hsla(0, 0%, 100%, .04);
  color: hsla(0, 0%, 100%, .88)
}
#Comment {
  border: 4px;
  color: hsla(0, 0%, 100%, .4);
  overflow: hidden
}
#Comment img {
  -o-object-fit: cover;
  object-fit: cover
}
#Comment .til {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .88);
  font-size: 20px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 24px;
  padding-left: 20px;
  position: relative;
  width: 100%
}
#Comment .til:before {
  background-image: url(../../../images/icon_title.svg);
  content: "";
  height: 18px;
  left: 0;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 14px
}
#Comment .til .num {
  color: hsla(0, 0%, 100%, .7);
  font-size: 14px;
  font-style: oblique;
  font-weight: 500;
  height: 16px;
  left: 86px;
  line-height: 16px;
  position: absolute;
  top: 0
}
#Comment .til .type {
  color: hsla(0, 0%, 100%, .5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  right: 0
}
#Comment .til .type a {
  cursor: pointer;
  margin-left: 12px
}
#Comment .til .type a.active {
  color: #fff
}
#Comment textarea {
  background: hsla(0, 0%, 100%, .01);
  border: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .7);
  height: 116px;
  line-height: 24px;
  outline: none;
  padding: 20px;
  resize: none;
  width: 100%
}
#Comment textarea::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, .4)
}
#Comment textarea::-moz-placeholder {
  color: hsla(0, 0%, 100%, .4)
}
#Comment textarea:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, .4)
}
#Comment textarea::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, .4)
}
#Comment textarea::placeholder {
  color: hsla(0, 0%, 100%, .4)
}
#Comment .bottom {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: hsla(0, 0%, 100%, .04);
  border-radius: 0 0 4px 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  height: 32px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: -3px;
  padding: 12px 20px 12px 58px;
  position: relative
}
#Comment .bottom .login {
  cursor: pointer
}
#Comment .bottom .avatar, #Comment .bottom .avatarOut {
  border-radius: 50%;
  height: 32px;
  left: 20px;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: 32px
}
#Comment .bottom .avatarOut {
  background-image: url(../../../images/icon_avatar.svg)
}
#Comment .bottom .num {
  color: hsla(0, 0%, 100%, .3);
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  position: absolute;
  right: 98px
}
#Comment .bottom .button {
  background: rgba(0, 128, 255, .3);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .3);
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  text-align: center;
  width: 66px
}
#Comment .bottom .button.active {
  background-color: rgba(0, 128, 255, .88);
  color: hsla(0, 0%, 100%, .8)
}
#Comment .tips {
  color: hsla(0, 0%, 100%, .4);
  font-size: 14px;
  margin: 12px 0 48px
}
#Comment .item > .list {
  font-size: 16px;
  margin-bottom: 36px;
  min-height: 65px;
  padding: 7px 0 0 54px;
  position: relative
}
#Comment .item > .list.commentList:hover .comment-bottom .operates .report {
  color: hsla(0, 0%, 100%, .4);
  display: inline;
  -webkit-transition: color .3s;
  transition: color .3s
}
#Comment .item > .list .avatar {
  height: 46px;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 46px
}
#Comment .item > .list .avatar img {
  border-radius: 50%;
  height: 100%;
  width: 100%
}
#Comment .item > .list .avatar .author-tag {
  background-image: url(../../member/images/icon_blue_v.svg);
  background-size: cover;
  height: 16px;
  left: 30px;
  position: absolute;
  top: 30px;
  width: 16px;
  z-index: 1
}
#Comment .item > .list .avatar .author-tag.author {
  background-image: url(../../member/images/icon_yellow_v.svg)
}
#Comment .item > .list .avatar .author-tag.red {
  background-image: url(../../member/images/icon_red_v.svg)
}
#Comment .item > .list .avatar .author-tag.gray {
  background-image: url(../../member/images/icon_gray_v.svg)
}
#Comment .item > .list .name {
  color: hsla(0, 0%, 100%, .7);
  font-size: 16px
}
#Comment .item > .list .time {
  font-weight: 500
}
#Comment .item > .list .member {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 12px;
  position: relative
}
#Comment .item > .list .member .like {
  cursor: pointer
}
#Comment .item > .list .member .like .fi {
  font-size: 18px
}
#Comment .item > .list .member .like .fi-thumbs-up {
  display: none
}
#Comment .item > .list .member .like.active {
  color: #f66 !important
}
#Comment .item > .list .member .like.active .fi-thumbs-up {
  display: inline
}
#Comment .item > .list .member .like.active .fi-thumbs-up-o {
  display: none
}
#Comment .item > .list .member .wait {
  background-color: hsla(0, 0%, 100%, .06);
  border-radius: 10px;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  width: 52px
}
#Comment .item > .list .member .author, #Comment .item > .list .member .hot {
  background: hsla(0, 0%, 100%, .06);
  border-radius: 9px;
  color: rgba(255, 179, 36, .88);
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  width: 32px
}
#Comment .item > .list .member .hot {
  color: hsla(0, 100%, 70%, .88);
  width: 44px
}
#Comment .item > .list .comment-bottom {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .4);
  font-size: 14px;
  font-weight: 400;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 24px;
  margin: 12px 0 16px
}
#Comment .item > .list .comment-bottom, #Comment .item > .list .comment-bottom .reply-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
#Comment .item > .list .comment-bottom .reply-left .reply_btn {
  color: rgba(0, 128, 255, .88);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin-right: 12px
}
#Comment .item > .list .comment-bottom .reply-left .not {
  color: rgba(0, 128, 255, .5);
  cursor: no-drop;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px
}
#Comment .item > .list .comment-bottom .reply-left .fi {
  font-size: 12px
}
#Comment .item > .list .comment-bottom .reply-left .put-away {
  display: none
}
#Comment .item > .list .comment-bottom .operates {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
#Comment .item > .list .comment-bottom .operates .report {
  display: none;
  margin-right: 12px
}
#Comment .item > .list .content {
  color: hsla(0, 0%, 100%, .88);
  line-height: 24px;
  text-align: justify;
  word-break: break-all
}
#Comment .item > .list .content.delete {
  background: hsla(0, 0%, 100%, .01);
  color: hsla(0, 0%, 100%, .4);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 12px;
  padding: 12px 16px
}
#Comment .item > .list .reply_item {
  background: hsla(0, 0%, 100%, .01);
  margin-top: 16px;
  padding: 20px 16px
}
#Comment .item > .list .reply_item .list {
  margin-bottom: 24px;
  padding-left: 44px;
  position: relative
}
#Comment .item > .list .reply_item .list:hover .comment-bottom .operates .report {
  color: hsla(0, 0%, 100%, .4);
  display: inline;
  -webkit-transition: color .3s;
  transition: color .3s
}
#Comment .item > .list .reply_item .list .avatar {
  height: 36px;
  width: 36px
}
#Comment .item > .list .reply_item .list .avatar .author-tag {
  height: 12px;
  left: 24px;
  top: 24px;
  width: 12px
}
#Comment .item > .list .reply_item .list .comment-bottom {
  margin-bottom: 0
}
#Comment .item > .list .reply_item .list .comment-bottom .operates .report {
  display: none
}
#Comment .item > .list .reply_item .list:last-child {
  margin-bottom: 0
}
#Comment .item > .list .reply_item .reply-load {
  cursor: pointer;
  display: block;
  text-align: center
}
#Comment .item > .list .reply_item .reply-load.outList {
  cursor: auto
}
#Comment img {
  background: hsla(0, 0%, 100%, .7);
  display: block;
  font-size: 0
}
#Comment .hover_blue:hover {
  color: rgba(0, 128, 255, .88) !important
}
#Comment .hover_blue:hover, #Comment .hover_white:hover {
  cursor: pointer;
  -webkit-transition: color .3s;
  transition: color .3s
}
#Comment .hover_white:hover {
  color: hsla(0, 0%, 100%, .88) !important
}
.no_data .icon {
  margin: 144px 0 18px
}
.no_data .titles {
  color: hsla(0, 0%, 100%, .7);
  margin-bottom: 84px
}
.social-list {
  background-color: hsla(0, 0%, 100%, .01);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .8);
  display: block;
  margin-bottom: 24px;
  padding: 24px 24px 0;
  position: relative
}
.social-list--hidden {
  display: none !important
}
.social-list__video {
  border-radius: 4px;
  height: 482px;
  margin-bottom: 18px;
  margin-top: 8px;
  max-height: 482px;
  max-width: 630px;
  overflow: hidden
}
.social-list__desc, .social-list__video {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.social-list__desc {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 46px;
  -webkit-justify-content: center;
  justify-content: center
}
.social-list__desc-name {
  color: hsla(0, 0%, 100%, .7)
}
.social-list__desc-name, .social-list__desc-name:after {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.social-list__desc-name:after {
  background-repeat: no-repeat;
  background-size: 16px auto;
  content: "";
  height: 16px;
  margin: 0 0 0 6px;
  width: 16px
}
.social-list__desc-name--twitter:after {
  background-image: url(../../member/images/icon_twitter.svg)
}
.social-list__desc-name--ins:after {
  background-image: url(../../member/images/icon_ins.svg)
}
.social-list__desc-alias {
  color: hsla(0, 0%, 100%, .4);
  font-size: 14px;
  line-height: 19px;
  margin-top: 4px
}
.social-list__desc-alias--spacing {
  margin-top: 0
}
.social-list__member {
  display: inline-block;
  height: 46px;
  margin-bottom: 6px;
  padding-left: 58px;
  position: relative
}
.social-list__member .avatar-box {
  height: 46px;
  left: 0;
  position: absolute;
  top: 0;
  width: 46px
}
.social-list__member .avatar {
  border-radius: 50%;
  height: 46px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 46px
}
.social-list .follow-btn {
  position: absolute;
  right: 24px;
  top: 34px
}
.social-list__content {
  word-wrap: break-word;
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 8px
}
.social-list__unfold {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #1f8fff;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px
}
.social-list__unfold-img {
  height: 14px;
  margin-right: 4px;
  width: 14px
}
.social-list__fold {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #1f8fff;
  cursor: pointer;
  display: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px
}
.social-list__fold-icon {
  background: #1f8fff;
  border-radius: 50%;
  color: #e0e0e0;
  font-size: 8px;
  height: 14px;
  line-height: 14px;
  margin-right: 4px;
  text-align: center;
  width: 14px
}
.social-list__fold-content {
  color: hsla(0, 0%, 100%, .4);
  display: none;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 16px;
  margin-top: 8px
}
.social-list__intermediate {
  color: hsla(0, 0%, 100%, .7);
  display: block;
  height: 100%;
  margin-bottom: 18px;
  width: 100%
}
.social-list__intermediate .social-photos {
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 18px;
  margin-top: 8px;
  overflow: hidden;
  position: relative;
  width: 100%
}
.social-list__intermediate .social-photos__cover {
  height: 243px;
  margin-left: 6px;
  overflow: hidden;
  width: 243px
}
.social-list__intermediate .social-photos__cover:first-child {
  margin-left: 0
}
.social-list__intermediate .social-photos__cover-list {
  cursor: pointer;
  height: 243px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 243px
}
.social-list__intermediate .social-photos__count {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .32);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .8);
  display: none;
  font-size: 12px;
  font-weight: 500;
  height: 18px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 18px;
  padding: 0 4px;
  position: absolute;
  right: 10px;
  top: 10px
}
.social-list__intermediate .social-photos--more {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  height: 368px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 20px
}
.social-list__intermediate .social-photos--more .social-photos__cover {
  height: 181px;
  margin-right: 0;
  overflow: hidden;
  width: 288px
}
.social-list__intermediate .social-photos--more .social-photos__cover:first-child {
  height: 368px;
  margin-right: 6px;
  width: 447px
}
.social-list__intermediate .social-photos--more .social-photos__cover-list {
  border-radius: 0;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.social-list__intermediate .social-photos--more .social-photos__count {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.social-list__intermediate .social-photos--one {
  height: 482px;
  width: 505px
}
.social-list__intermediate .social-photos--one .social-photos__cover {
  height: 482px;
  overflow: hidden;
  width: 505px
}
.social-list__intermediate .social-photos--one .social-photos__cover-list {
  height: 100%;
  width: 100%
}
.social-list__tags {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: rgba(0, 128, 255, .7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px;
  margin-bottom: 8px
}
.social-list__tags-list {
  margin: 0 24px 12px 0
}
.social-list__tags-list span {
  cursor: pointer;
  margin-left: -4px
}
.social-list__operate {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .4);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  padding-bottom: 18px;
  position: relative
}
.social-list__operate-list {
  cursor: pointer;
  margin-right: 38px
}
.social-list__operate-list .fi {
  font-size: 18px
}
.social-list__operate-list .fi-thumbs-up {
  display: none
}
.social-list__operate-list.active {
  color: #f66 !important
}
.social-list__operate-list.active .fi-thumbs-up {
  display: inline
}
.social-list__operate-list.active .fi-thumbs-up-o {
  display: none
}
.social-list__time {
  bottom: 18px;
  line-height: 19px;
  position: absolute;
  right: 0
}
.social-list .social-comments {
  background-color: hsla(0, 0%, 100%, .01);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin-left: -24px;
  padding: 24px 24px 0;
  width: 790px
}
.social-list .social-comments__input {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-bottom: 25px
}
.social-list .social-comments__input input {
  background-color: hsla(0, 0%, 100%, .04);
  border: 0;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .7);
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 20px;
  width: 656px
}
.social-list .social-comments__input input::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, .4)
}
.social-list .social-comments__input input::-moz-placeholder {
  color: hsla(0, 0%, 100%, .4)
}
.social-list .social-comments__input input:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, .4)
}
.social-list .social-comments__input input::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, .4)
}
.social-list .social-comments__input input::placeholder {
  color: hsla(0, 0%, 100%, .4)
}
.social-list .social-comments__num {
  margin: 0 12px 0 24px
}
.social-list .social-comments__button {
  background: rgba(0, 128, 255, .3);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .3);
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  height: 32px;
  line-height: 32px;
  text-align: center;
  width: 66px
}
.social-list .social-comments__button.active {
  background-color: rgba(0, 128, 255, .88);
  color: hsla(0, 0%, 100%, .8)
}
.social-list .social-comments .item > .list:last-child {
  margin-bottom: 0 !important
}
.social-list .more {
  color: hsla(0, 0%, 100%, .5);
  height: 40px;
  line-height: 40px;
  padding-bottom: 12px;
  text-align: center
}
.social-list .more:hover {
  color: rgba(0, 128, 255, .7);
  -webkit-transition: color .3s;
  transition: color .3s
}
.down-mask {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .3);
  display: none;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20
}
.down-mask.visible {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
#DownloadMask .fi-close {
  cursor: pointer;
  font-size: 24px;
  margin-left: 436px;
  position: fixed;
  top: 210px
}
#DownloadBox {
  background: #373a3d;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  font-size: 14px;
  height: 364px;
  overflow: hidden;
  padding: 0 36px 36px;
  position: fixed;
  top: 210px;
  width: 400px
}
#DownloadBox .icon {
  cursor: pointer;
  height: 52px;
  position: absolute;
  right: 12px;
  top: 12px;
  width: 52px
}
#DownloadBox .desc {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: .5
}
#DownloadBox .down_header {
  border-bottom: 1px solid hsla(0, 0%, 100%, .06);
  color: hsla(0, 0%, 100%, .88);
  font-size: 18px;
  font-weight: 600;
  height: 24px;
  line-height: 24px;
  margin-bottom: 12px;
  padding: 18px 0;
  width: 100% !important
}
#DownloadBox .down_header .title {
  color: hsla(0, 0%, 100%, .88)
}
#DownloadBox .qr_image {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 24px auto
}
#DownloadBox .qr_image img {
  height: 210px;
  width: 210px
}
.filter__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: none;
  margin: 18px 0;
  padding-left: 68px;
  position: relative
}
.filter__item__label {
  height: 28px;
  left: 0;
  line-height: 28px;
  position: absolute;
  top: 0
}
.filter__item__content {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.filter__item:last-child, .filter__item__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.filter__item:last-child {
  margin-bottom: 0
}
.filter__list {
  border-radius: 14px;
  color: hsla(0, 0%, 100%, .8);
  cursor: pointer;
  height: 28px;
  line-height: 28px;
  margin: 0 12px 19px 0;
  padding: 0 10px
}
.filter__list:hover {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.filter__list--active {
  background: hsla(0, 0%, 100%, .06);
  color: rgba(0, 128, 255, .88)
}
.filter__list:last-child {
  margin-right: 0
}
.filter__footer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .3);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 24px;
  text-align: center
}
.filter__container {
  background-color: hsla(0, 0%, 100%, .04);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .8);
  margin-bottom: 24px;
  padding: 2px 24px;
  width: 100%
}
.filter__container--active .filter__footer__icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.aside__bar {
  -ms-flex-item-align: start;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  width: 150px
}
.aside__bar, .aside__bar__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.aside__bar__container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: calc(100vh - 438px);
  overflow: hidden;
  position: fixed;
  top: 113px
}
.aside__bar__header {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 72px;
  -ms-flex: 0 0 72px;
  flex: 0 0 72px;
  width: 100%
}
.aside__bar__header__img {
  height: 60px;
  width: auto
}
.aside__bar__content {
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-y: scroll;
  padding-right: 24px
}
.aside__bar__content, .aside__bar__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.aside__bar__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .88);
  font-size: 20px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 28px;
  margin-top: 24px;
  min-height: 36px;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 84px
}
.aside__bar__list--active {
  background-color: rgba(0, 128, 255, .88);
  color: hsla(0, 0%, 100%, .88)
}
.aside__bar__list--active:hover {
  color: hsla(0, 0%, 100%, .88) !important
}
.aside__bar__list:hover {
  color: rgba(0, 128, 255, .88)
}
.aside__bar--large .aside__bar__list {
  width: 104px
}
#notice {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: rgba(0, 0, 0, .65);
  font-size: 14px;
  -webkit-justify-content: center;
  justify-content: center;
  position: fixed;
  top: 210px;
  width: 100%;
  z-index: 999
}
#notice, #notice .notice_content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
#notice .notice_content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-color: #373a3d;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  color: hsla(0, 0%, 100%, .88);
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 8px 20px
}
#notice .notice_content .icon {
  background-image: url(../../member/images/icon_success.svg);
  background-position: 50% !important;
  height: 24px;
  margin-bottom: 4px;
  width: 24px
}
#notice .notice_content .icon.warn {
  background-image: url(../../member/images/icon_warn.svg)
}
#share_dialog {
  left: -59px;
  position: absolute;
  z-index: 20
}
#share_dialog .icon {
  display: block;
  margin: 0 auto
}
#share_dialog .content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  background-color: #373a3d;
  border-radius: 0 0 4px 4px;
  color: hsla(0, 0%, 100%, .5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 16px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 12px
}
#share_dialog .content i {
  border-bottom: 9px solid #373a3d;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  left: 50%;
  position: absolute;
  top: -8px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
#share_dialog .content .qr_wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 112px;
  margin-bottom: 4px;
  padding: 5px;
  width: 112px
}
#share_dialog .content .qr_wrapper img {
  background-color: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  width: 100%
}
#share_dialog .content .tips {
  color: hsla(0, 0%, 100%, .5);
  font-size: 12px;
  font-weight: 400;
  height: 16px;
  line-height: 16px
}
.report_dialog {
  background: #373a3d;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px 36px;
  position: relative;
  width: 400px
}
.report_dialog .title {
  color: hsla(0, 0%, 100%, .88);
  font-size: 16px;
  font-weight: 500;
  height: 21px;
  line-height: 21px;
  margin-bottom: 24px
}
.report_dialog .item {
  margin-bottom: 24px
}
.report_dialog .list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid hsla(0, 0%, 100%, .04);
  color: hsla(0, 0%, 100%, .7);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  height: 43px;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.report_dialog .list .checkbox {
  background-image: url(../../member/images/radio.svg);
  height: 16px;
  width: 16px
}
.report_dialog .list.active .checkbox {
  background-image: url(../../member/images/radio-checked.svg)
}
.report_dialog .captcha_wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px
}
.report_dialog .captcha_input {
  background: hsla(0, 0%, 100%, .02);
  border: 0;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .88);
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding-left: 22px;
  width: 136px
}
.report_dialog .captcha_img {
  border-radius: 4px;
  cursor: pointer;
  height: 40px;
  margin-left: 12px;
  width: 92px
}
.report_dialog .button {
  background: rgba(0, 128, 255, .88);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .88);
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  height: 46px;
  line-height: 46px;
  margin-bottom: 12px;
  opacity: .2;
  text-align: center;
  width: 104px
}
.report_dialog .button, .report_dialog .button.active {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.report_dialog .button.active {
  opacity: 1
}
.report_dialog .fi-close {
  cursor: pointer;
  font-size: 24px;
  margin-left: 12px;
  position: absolute;
  right: -36px;
  top: 0
}
#GameDetail .til {
  margin-bottom: 24px
}
#GameDetail .current_score {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 36px
}
#GameDetail .current_score .logo {
  height: 64px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 64px
}
#GameDetail .current_score .content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 48px;
  width: 740px
}
#GameDetail .current_score .content, #GameDetail .current_score .content .list {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
#GameDetail .current_score .content .list .value {
  color: hsla(0, 0%, 100%, .4);
  height: 24px;
  line-height: 24px;
  padding: 12px 0;
  text-align: center
}
#GameDetail .current_score .content .list .value.win {
  color: hsla(0, 0%, 100%, .88);
  font-weight: 500
}
#GameDetail .current_score .content .list .value:first-child {
  border-bottom: 1px solid hsla(0, 0%, 100%, .03)
}
#GameDetail .current_score .content .list.playing .value {
  color: #f66 !important;
  font-weight: 500 !important
}
#GameDetail .current_score .content .list:first-child {
  max-width: 64px
}
#GameDetail .current_score .content .list:first-child .value {
  text-align: left
}
#GameDetail .team .list .value {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 92px !important
}
#GameDetail .team .list .progress {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  background: hsla(0, 0%, 100%, .06);
  border-radius: 3px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  height: 4px;
  overflow: hidden
}
#GameDetail .mvp .list, #GameDetail .team .list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .8);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  height: 48px;
  margin-bottom: 8px
}
#GameDetail .mvp .list .logo, #GameDetail .team .list .logo {
  height: 36px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 36px
}
#GameDetail .mvp .list .name, #GameDetail .team .list .name {
  color: hsla(0, 0%, 100%, .8);
  margin: 0 6px
}
#GameDetail .mvp .list .value, #GameDetail .team .list .value {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  height: 48px;
  line-height: 48px;
  text-align: right;
  width: 60px
}
#GameDetail .mvp .list .type, #GameDetail .team .list .type {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  -webkit-justify-content: center !important;
  justify-content: center !important;
  width: 116px
}
#GameDetail .mvp .list .type .button, #GameDetail .team .list .type .button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: rgba(0, 128, 255, .88);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .8);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  height: 22px;
  -webkit-justify-content: center;
  justify-content: center;
  width: 40px
}
#GameDetail .mvp .list .away, #GameDetail .team .list .away {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  -webkit-justify-content: flex-start !important;
  justify-content: flex-start !important
}
#GameDetail .mvp .list .away .value, #GameDetail .team .list .away .value {
  text-align: left
}
#GameDetail .mvp .list .away, #GameDetail .mvp .list .home, #GameDetail .team .list .away, #GameDetail .team .list .home {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
#GameDetail .mvp .list .away, #GameDetail .mvp .list .home, #GameDetail .mvp .list .type, #GameDetail .team .list .away, #GameDetail .team .list .home, #GameDetail .team .list .type {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end
}
#GameDetail .mvp .list:first-child, #GameDetail .team .list:first-child {
  border-bottom: 1px solid hsla(0, 0%, 100%, .03)
}
#GameDetail .wrapper {
  margin-bottom: 50px
}
.no_data {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 14px;
  font-weight: 400;
  width: 100%
}
.no_data .icon {
  background-image: url(../../member/images/empty.svg);
  height: 96px;
  margin: 162px 0 18px;
  width: 96px
}
.no_data .title {
  color: hsla(0, 0%, 100%, .7);
  margin-bottom: 162px
}
.no_data .title .go {
  color: rgba(0, 128, 255, .88)
}
.filter_container .main {
  margin: 48px auto 116px
}
.filter_container #NewsList {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap
}
.filter_container #NewsList .list {
  margin: 0 20px 20px 0;
  width: 240px
}
.filter_container #NewsList .list .covers {
  height: 181px;
  width: 240px
}
.filter_container #NewsList .list .covers .cover {
  height: 181px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 240px
}
.filter_container #NewsList .list .more-line {
  font-size: 16px;
  font-weight: 400
}
.filter_container #NewsList .list:nth-child(5n+5) {
  margin-right: 0
}
.game__page .qmw__empty {
  display: none
}
.game__week {
  -webkit-box-flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-pack: distribute;
  -webkit-align-items: center;
  align-items: center;
  border-color: hsla(0, 0%, 100%, .04);
  border-style: solid;
  border-width: 0 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-justify-content: space-around;
  justify-content: space-around
}
.game__week__btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background-color: hsla(0, 0%, 100%, 0);
  color: hsla(0, 0%, 100%, .5);
  -webkit-justify-content: center;
  justify-content: center;
  width: 22px
}
.game__week__btn, .game__week__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.game__week__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 100%, 99%, .7);
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 20px;
  height: 78px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 28px;
  padding: 10px 0;
  width: 124px
}
.game__week__list span:first-child {
  color: hsla(0, 100%, 99%, .4);
  font-size: 16px;
  line-height: 22px
}
.game__week__list--disabled {
  color: hsla(0, 0%, 100%, .2);
  cursor: not-allowed
}
.game__week__list--active {
  background-color: hsla(0, 0%, 100%, .04);
  color: rgba(0, 128, 255, .88)
}
.game__week__list--active span:first-child {
  color: rgba(0, 128, 255, .88)
}
.game__date {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  height: 102px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 24px;
  position: -webkit-sticky;
  position: sticky;
  top: 114px;
  z-index: 2
}
.game__date, .game__date__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.game__date__box {
  -webkit-box-flex: 0;
  border: 1px solid hsla(0, 0%, 100%, .04);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex: 0 0 1012px;
  -ms-flex: 0 0 1012px;
  flex: 0 0 1012px
}
.game__date__box--tools {
  -webkit-box-flex: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-pack: distribute;
  -webkit-flex: 0 0 108px;
  -ms-flex: 0 0 108px;
  flex: 0 0 108px;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  padding: 5px 0
}
.game__date__box--tools, .game__date__btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}
.game__date__btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background-color: hsla(0, 0%, 98%, .02);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .8);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  width: 82px
}
.game__date__btn__icon {
  font-size: 8px;
  margin-left: 2px
}
.game__date__btn__icon:first-child {
  font-size: 18px;
  margin-left: 0;
  margin-right: 2px
}
.game__date__calendar {
  display: none;
  line-height: 14px;
  position: absolute;
  right: 0;
  top: 50px;
  z-index: 10
}
.game__date__calendar .layui-laydate {
  background-color: #373a3d;
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .12);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .12);
  font-weight: 400
}
.game__date__calendar .layui-laydate-header {
  border-bottom: 1px solid hsla(0, 0%, 100%, .04);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .7);
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  padding: 0 60px
}
.game__date__calendar .layui-laydate-header, .game__date__calendar .layui-laydate-header .laydate-icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.game__date__calendar .layui-laydate-header .laydate-icon {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  font-size: 0;
  height: 20px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: unset;
  top: unset
}
.game__date__calendar .layui-laydate-header .laydate-icon:before {
  font-family: FontIcon;
  font-size: 12px;
  font-weight: 400
}
.game__date__calendar .layui-laydate-content {
  font-size: 14px;
  padding: 12px
}
.game__date__calendar .layui-laydate-content td:not(.laydate-disabled) {
  color: hsla(0, 0%, 87%, .7)
}
.game__date__calendar .layui-laydate-content th {
  color: hsla(0, 0%, 100%, .6);
  font-weight: 400;
  line-height: 20px
}
.game__date__calendar .layui-laydate-content td, .game__date__calendar .layui-laydate-content th {
  height: 24px;
  padding: 4px 0;
  width: 36px
}
.game__date__calendar .layui-laydate-content .laydate-disabled, .game__date__calendar .layui-laydate-content .laydate-disabled:hover {
  color: hsla(0, 0%, 100%, .3) !important
}
.game__date__calendar .layui-laydate-content .layui-this, .game__date__calendar .layui-laydate-content li:not(.laydate-disabled):hover, .game__date__calendar .layui-laydate-content td:not(.laydate-disabled):hover {
  background-color: hsla(0, 0%, 100%, .04) !important;
  color: rgba(0, 128, 255, .88) !important
}
.game__date__calendar .layui-laydate-footer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  border-top: 1px solid hsla(0, 0%, 100%, .04);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 40px;
  padding: 0
}
.game__date__calendar .layui-laydate-preview {
  display: none
}
.game__date__calendar .laydate-month-list {
  background-color: #373a3d
}
.game__date__calendar .laydate-month-list li {
  color: hsla(0, 0%, 100%, .7);
  height: 30px;
  line-height: 30px;
  margin: 16px 0
}
.game__date__calendar .laydate-prev-y:before {
  content: "\f008"
}
.game__date__calendar .laydate-prev-m:before {
  content: "\f059"
}
.game__date__calendar .laydate-next-y:before {
  content: "\f006"
}
.game__date__calendar .laydate-next-m:before {
  content: "\f057"
}
.game__date__calendar .laydate-icon {
  color: hsla(0, 0%, 100%, .7);
  font-size: 12px;
  line-height: 40px
}
.game__date__calendar .laydate-set-ym {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  text-overflow: clip
}
.game__date__calendar .laydate-set-ym span {
  font-size: 14px;
  padding: 0 3px
}
.game__date__calendar .laydate-footer-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  right: unset;
  top: unset;
  width: 100%
}
.game__date__calendar .laydate-btns-clear {
  -webkit-box-flex: 1;
  background-color: transparent;
  border: none;
  color: rgba(0, 128, 255, .88);
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 0;
  padding: 0;
  text-align: center
}
.game__date__calendar .laydate-btns-clear:before {
  content: "清除筛选";
  font-size: 14px
}
.game__date__calendar .laydate-btns-clear:hover, .game__date__calendar .laydate-icon:hover, .game__date__calendar .laydate-set-ym span:hover {
  color: rgba(0, 128, 255, .88)
}
.game__date__calendar:before {
  border-bottom: 18px solid #373a3d;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: 22px;
  top: -8px;
  width: 0
}
.game__date:before {
  background-color: #212326;
  content: "";
  height: 150px;
  position: absolute;
  top: -48px;
  width: 100%;
  z-index: -1
}
.game__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.game__item__time {
  -webkit-box-flex: 1;
  background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, .01)), to(hsla(0, 0%, 100%, 0)));
  background-image: -webkit-linear-gradient(left, hsla(0, 0%, 100%, .01), hsla(0, 0%, 100%, 0));
  background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .01), hsla(0, 0%, 100%, 0));
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .5);
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 16px;
  font-weight: 400;
  height: 42px;
  line-height: 42px;
  padding-left: 24px
}
.game__item__time span:first-child {
  margin-right: 12px
}
.game__item--active .game__item__time {
  color: rgba(0, 128, 255, .88)
}
.game__list {
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 84px;
  padding: 0 12px;
  position: relative
}
.game__list, .game__list__info {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.game__list__info {
  width: 210px
}
.game__list__content {
  -webkit-box-flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100px 56px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center
}
.game__list__content, .game__list__tool {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.game__list__tool {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  width: 304px
}
.game__list__desc {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 12px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 20px;
  padding-left: 18px
}
.game__list__time {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66px;
  -ms-flex: 0 0 66px;
  flex: 0 0 66px;
  font-weight: 500;
  height: 24px;
  line-height: 24px;
  text-align: center
}
.game__list__team, .game__list__time {
  color: hsla(0, 0%, 100%, .7);
  font-size: 18px
}
.game__list__team {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding-left: 108px;
  position: relative;
  width: 246px
}
.game__list__team span {
  left: 50px
}
.game__list__team:first-child {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding-left: 0;
  padding-right: 108px
}
.game__list__team:first-child span {
  left: unset;
  right: 50px
}
.game__list__logo {
  height: 40px;
  margin: 0 6px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 40px
}
.game__list__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.game__list__score {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  font-weight: 500;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  width: 58px
}
.game__list__score--win {
  color: hsla(0, 0%, 100%, .88)
}
.game__list__btn {
  background-color: rgba(247, 250, 252, .06);
  border-radius: 4px;
  color: rgba(0, 128, 255, .88);
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  margin-left: 12px;
  padding: 0 10px
}
.game__list__btn--appointment {
  background-color: rgba(0, 128, 255, .88);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  left: 487px;
  margin: 0;
  position: absolute;
  text-align: center;
  width: 62px
}
.game__list--wait .game__list__score {
  display: none
}
.game__list--in .game__list__status {
  color: hsla(0, 100%, 70%, .88)
}
.game__list--in .game__list__score {
  color: hsla(0, 0%, 100%, .88)
}
.game__list--in .game__list:before {
  background-color: rgba(81, 234, 122, .88)
}
.game__list--end .game__list__content, .game__list--in .game__list__content, .game__list--other .game__list__content {
  background-image: url(../images/vs_icon_100_56.png)
}
.game__list--other .game__list__score {
  display: none
}
.game__list:hover {
  background-color: hsla(0, 0%, 100%, .02);
  -webkit-transition: background-color .3s;
  transition: background-color .3s
}
.game__list:before {
  background-color: hsla(0, 0%, 100%, .5);
  border-radius: 50%;
  content: "";
  height: 6px;
  left: 78px;
  position: absolute;
  width: 6px
}
.game__team {
  background-color: #373a3d;
  border-radius: 4px;
  display: none;
  height: 250px;
  position: absolute;
  right: calc(50% - 41px);
  top: 50px;
  width: 650px;
  z-index: 2
}
.game__team__box {
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.game__team__box__title {
  border-bottom: 1px solid hsla(0, 0%, 100%, .04);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .88);
  font-size: 16px;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  padding-left: 13px
}
.game__team__item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px 12px
}
.game__team__item, .game__team__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.game__team__list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  color: hsla(0, 0%, 100%, .7);
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 14px;
  font-weight: 400;
  height: 26px;
  line-height: 26px;
  margin: 0 20px 12px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 86px
}
.game__team__list__logo {
  height: 26px;
  margin-right: 4px;
  width: 26px
}
.game__team__list__name {
  overflow: hidden;
  text-overflow: ellipsis
}
.game__team--NBA .game__team__list:nth-child(3n) {
  margin-right: 0
}
.game__team:before {
  border-bottom: 18px solid #373a3d;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: 22px;
  top: -8px;
  width: 0
}
.home-banner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 586px;
  margin-left: -900px;
  position: fixed;
  top: 0;
  width: 1800px;
  z-index: 1
}
.home-banner, .home-banner__navigation {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  left: 50%
}
.home-banner__navigation {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  bottom: 23px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: -640px;
  position: absolute;
  width: 1280px;
  z-index: 2
}
.home-banner__navigation__sub-box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #36393d;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  left: -20px;
  position: absolute;
  top: 40px;
  width: 150px
}
.home-banner__navigation__sub-box__list {
  color: hsla(0, 0%, 100%, .7);
  font-size: 16px;
  font-weight: 500;
  height: 21px;
  line-height: 21px;
  margin: 12px 0;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 50%
}
.home-banner__navigation__sub-box__list:hover {
  color: #0080ff
}
.home-banner__navigation__sub-box:before {
  border-color: transparent transparent #36393d;
  border-style: solid;
  border-width: 8px 9px;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -8px;
  position: absolute;
  top: -16px;
  width: 0
}
.home-banner__navigation__card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 68px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 30px;
  width: 110px
}
.home-banner__navigation__card, .home-banner__navigation__card__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.home-banner__navigation__card__title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: hsla(0, 0%, 100%, .88);
  font-size: 20px;
  font-weight: 700;
  height: 32px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 32px;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s
}
.home-banner__navigation__card__title:hover {
  color: #0080ff
}
.home-banner__navigation__card__icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  position: absolute;
  top: 18px;
  width: 86px
}
.home-banner__navigation__card__icon.tab_news {
  background-position: -116px -100px
}
.home-banner__navigation__card__icon.tab_game, .home-banner__navigation__card__icon.tab_news {
  background-image: url(../../../images/sprites/pcTabs_sprite.png);
  background-repeat: no-repeat;
  background-size: 202px auto
}
.home-banner__navigation__card__icon.tab_game {
  background-position: -116px -50px
}
.home-banner__navigation__card__icon.tab_video {
  background-position: 0 -150px
}
.home-banner__navigation__card__icon.tab_gallery, .home-banner__navigation__card__icon.tab_video {
  background-image: url(../../../images/sprites/pcTabs_sprite.png);
  background-repeat: no-repeat;
  background-size: 202px auto
}
.home-banner__navigation__card__icon.tab_gallery {
  background-position: -116px 0
}
.home-banner__navigation__card__icon.tab_data {
  background-position: 0 0
}
.home-banner__navigation__card__icon.tab_data, .home-banner__navigation__card__icon.tab_gear {
  background-image: url(../../../images/sprites/pcTabs_sprite.png);
  background-repeat: no-repeat;
  background-size: 202px auto
}
.home-banner__navigation__card__icon.tab_gear {
  background-position: 0 -100px
}
.home-banner__navigation__card__icon.tab_discover {
  background-image: url(../../../images/sprites/pcTabs_sprite.png);
  background-position: 0 -50px;
  background-repeat: no-repeat;
  background-size: 202px auto
}
.home-banner__navigation__card__desc {
  -ms-flex-pack: distribute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around
}
.home-banner__navigation__card__list {
  color: hsla(0, 0%, 100%, .5);
  font-size: 16px;
  font-weight: 500;
  height: 24px;
  line-height: 24px;
  text-align: center;
  width: 50px
}
.home-banner__navigation__card__list:hover {
  color: rgba(0, 128, 255, .88);
  font-size: 18px;
  -webkit-transition: all .3s;
  transition: all .3s
}
.home-banner__navigation__card:hover .home-banner__navigation__card__title {
  font-size: 24px
}
.home-banner__navigation__card:hover .home-banner__navigation__sub-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.home-banner__slider {
  height: 586px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 100%
}
.home-banner__slider__container:after, .home-banner__slider__container:before {
  content: "";
  height: 586px;
  position: absolute;
  top: 0;
  width: 260px;
  z-index: 2
}
.home-banner__slider__container:before {
  background: -webkit-gradient(linear, left top, right top, from(#212326), to(rgba(33, 35, 38, 0)));
  background: -webkit-linear-gradient(left, #212326, rgba(33, 35, 38, 0));
  background: linear-gradient(90deg, #212326, rgba(33, 35, 38, 0));
  left: 0
}
.home-banner__slider__container:after {
  background: -webkit-gradient(linear, right top, left top, from(#212326), to(rgba(33, 35, 38, 0)));
  background: -webkit-linear-gradient(right, #212326, rgba(33, 35, 38, 0));
  background: linear-gradient(270deg, #212326, rgba(33, 35, 38, 0));
  right: 0
}
.home-banner__slider__slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 586px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.home-banner__slider__slide__title {
  color: hsla(0, 0%, 100%, .88);
  font-size: 20px;
  font-weight: 500;
  height: 30px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 20px;
  width: 100%;
  z-index: 2
}
.home-banner__slider__slide__cover {
  height: 100%;
  width: 100%
}
.home-banner__slider__slide:after, .home-banner__slider__slide:before {
  content: "";
  position: absolute;
  width: 100%;
  z-index: 1
}
.home-banner__slider__slide:before {
  background: -webkit-gradient(linear, left top, left bottom, from(#212326), color-stop(17%, rgba(33, 35, 38, .7)), to(rgba(33, 35, 38, 0)));
  background: -webkit-linear-gradient(top, #212326, rgba(33, 35, 38, .7) 17%, rgba(33, 35, 38, 0));
  background: linear-gradient(180deg, #212326, rgba(33, 35, 38, .7) 17%, rgba(33, 35, 38, 0));
  height: 318px;
  top: 0
}
.home-banner__slider__slide:after {
  background: -webkit-gradient(linear, left bottom, left top, from(#212326), color-stop(34%, rgba(33, 35, 38, .95)), to(rgba(33, 35, 38, 0)));
  background: -webkit-linear-gradient(bottom, #212326, rgba(33, 35, 38, .95) 34%, rgba(33, 35, 38, 0));
  background: linear-gradient(0deg, #212326, rgba(33, 35, 38, .95) 34%, rgba(33, 35, 38, 0));
  bottom: 0;
  height: 268px
}
.home-banner__slider__pagination {
  position: absolute
}
.home-banner__slider__pagination.swiper-pagination-bullets {
  bottom: 132px
}
.home-banner__slider__pagination .swiper-pagination-bullet {
  background: hsla(0, 0%, 100%, .5);
  border-radius: 4px;
  height: 4px;
  -webkit-transition: .3s;
  transition: .3s;
  width: 6px
}
.home-banner__slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 16px
}
.home-game__container {
  margin: 0 auto -12px;
  width: 1280px
}
.home_container {
  padding-top: 586px
}
.home_container #header.homeHeader {
  background-color: transparent;
  position: absolute;
  top: 0
}
.home_container #header.homeHeader .header > .nav {
  overflow: hidden;
  width: 0
}
.home_container .main__aside--left {
  width: 259px
}
.home_container .main__container .more-line {
  line-height: 24px
}
.home_container .gallery .til {
  margin: 48px 0 24px
}
.home_container .home-content {
  padding-left: 21px
}
.home_container .home-content > .title {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .88);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-weight: 500;
  height: 27px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 12px 0
}
.home_container .home-content > .title .more {
  color: hsla(0, 0%, 100%, .4);
  font-size: 14px;
  font-weight: 400
}
.home_container .home-content .equips #NewsList {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%
}
.home_container .header__container {
  display: none
}
.record-container .section--right {
  margin-left: 150px;
  width: 1130px
}
.record-container .section--right .top-header {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, .02);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .8);
  height: 67px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 24px;
  padding: 0 24px;
  width: 1130px
}
.record-container .section--right .top-header, .record-container .section--right .top-header .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.record-container .section--right .top-header .left .list {
  background-color: hsla(0, 0%, 100%, .02);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .88);
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  margin-right: 20px;
  padding: 8px 12px
}
.record-container .section--right .top-header .left .list.active {
  background-color: rgba(0, 128, 255, .88)
}
.area-container {
  width: 100%
}
.area__desc {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background-color: hsla(0, 0%, 100%, .02);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 98px;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 24px;
  padding: 0 24px;
  position: relative;
  width: 100%
}
.area__desc__title {
  color: hsla(0, 0%, 100%, .88);
  font-size: 24px;
  font-weight: 700;
  height: 38px;
  line-height: 38px;
  margin: 0
}
.area__desc__content {
  color: hsla(0, 0%, 100%, .5);
  font-size: 16px;
  height: 27px;
  line-height: 27px
}
.area__desc:before {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 72px;
  position: absolute;
  right: 24px;
  width: 130px
}
.area__desc--cba, .area__desc--east {
  margin-top: 24px
}
.area__desc--east:before {
  background-image: url(../../../images/text_east.svg)
}
.area__desc--west:before {
  background-image: url(../../../images/text_west.svg)
}
.area__desc--history:before {
  background-image: url(../../../images/text_history.svg);
  background-size: 115px 72px
}
.area__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 11px
}
.area__item__partition {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 376px;
  -ms-flex: 0 0 376px;
  flex: 0 0 376px
}
.area__item__partition__title {
  color: hsla(0, 0%, 100%, .88);
  font-size: 20px;
  font-weight: 600;
  height: 56px;
  line-height: 56px;
  margin: 0 0 24px
}
.area__item__partition__title, .area__team-list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 24px
}
.area__team-list {
  color: hsla(0, 0%, 100%, .4);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  height: 76px;
  margin-bottom: 37px;
  width: 376px
}
.area__team-list__logo {
  height: 76px;
  -o-object-fit: contain;
  object-fit: contain;
  opacity: .8;
  width: 76px
}
.area__team-list__name {
  color: hsla(0, 0%, 100%, .88);
  font-size: 20px;
  font-weight: 600;
  height: 27px;
  line-height: 27px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.area__team-list__alias {
  height: 21px;
  line-height: 21px
}
.area__team-list__info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-pack: distribute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  overflow: hidden;
  padding-left: 12px;
  width: 100%
}
.area__team-list__link {
  color: hsla(0, 0%, 100%, .4);
  font-size: 16px;
  height: 21px;
  line-height: 21px;
  margin-right: 12px
}
.area__team-list__link:hover {
  color: rgba(0, 128, 255, .88)
}
.playoffs__container {
  background-color: hsla(0, 0%, 100%, .02);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 24px;
  padding: 20px;
  position: relative
}
.playoffs__header {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  left: 50%;
  position: absolute;
  top: 48px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 9
}
.playoffs__header, .playoffs__header__title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.playoffs__header__title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background-image: url(../../../images/sprites/pcGame_sprite.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 224px auto;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  height: 36px;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 24px;
  width: 132px
}
.playoffs__game {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 16px
}
.playoffs__game, .playoffs__game__team {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.playoffs__game__team {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-color: hsla(0, 100%, 70%, .02);
  border: 1px solid #2a2d30;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 95px;
  width: 87px
}
.playoffs__game__team:before {
  background-color: rgba(42, 45, 48, .39);
  content: "";
  height: 1px;
  position: absolute;
  top: 69px;
  width: 100%
}
.playoffs__game__rank {
  background-color: rgba(255, 179, 36, .6);
  border-radius: 50%;
  color: #fff;
  cursor: default;
  font-size: 12px;
  font-weight: 500;
  height: 24px;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 24px;
  z-index: 2
}
.playoffs__game__logo {
  color: hsla(0, 0%, 100%, .24);
  height: 68px;
  line-height: 68px;
  -o-object-fit: contain;
  object-fit: contain;
  text-align: center;
  width: 100%
}
.playoffs__game__logo--empty {
  background-color: hsla(0, 0%, 100%, .06);
  font-size: 63px
}
.playoffs__game__name {
  -webkit-box-flex: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .88);
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 12px;
  font-weight: 600;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}
.playoffs__game__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #373a3d;
  border-radius: 4px;
  display: none;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  z-index: 2
}
.playoffs__game__item__title {
  color: hsla(0, 0%, 100%, .88);
  font-size: 10px;
  height: 14px;
  line-height: 14px;
  margin-bottom: 8px
}
.playoffs__game__item__list {
  color: hsla(0, 0%, 100%, .7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 10px;
  height: 14px;
  line-height: 14px;
  margin: 4px 0;
  max-width: 92px;
  text-align: center;
  width: 100%
}
.playoffs__game__item__list__time {
  font-size: 10px;
  position: relative;
  width: 39px
}
.playoffs__game__item__list__time:before {
  background-color: hsla(0, 0%, 100%, .02);
  content: "";
  height: 8px;
  position: absolute;
  right: -1px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 1px
}
.playoffs__game__item__list__desc {
  -webkit-box-flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  justify-content: center
}
.playoffs__game__item__list--in {
  color: hsla(0, 100%, 70%, .88)
}
.playoffs__game__item__list--end .playoffs__game__item__list__desc--dark {
  color: hsla(0, 0%, 100%, .5)
}
.playoffs__game-section {
  margin-top: 20px
}
.playoffs__game__list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .4);
  font-size: 14px;
  height: 60px;
  margin-top: 6px;
  padding: 0 48px 0 8px;
  text-align: center
}
.playoffs__game__list, .playoffs__game__list__status, .playoffs__game__list__team, .playoffs__game__list__time {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.playoffs__game__list__status, .playoffs__game__list__team, .playoffs__game__list__time {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}
.playoffs__game__list__time {
  width: 144px
}
.playoffs__game__list__status {
  width: 100px
}
.playoffs__game__list__team {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 114px
}
.playoffs__game__list__data {
  width: 108px
}
.playoffs__game__list__news {
  width: 110px
}
.playoffs__game__list__score {
  width: 176px
}
.playoffs__game__list__link-box {
  width: 208px
}
.playoffs__game__list__link {
  background-color: rgba(247, 250, 252, .06);
  border-radius: 4px;
  color: rgba(0, 128, 255, .88);
  height: 32px;
  line-height: 32px;
  margin-left: 8px;
  padding: 0 10px
}
.playoffs__game__list__link:first-child {
  margin-left: 0
}
.playoffs__game__list__logo {
  height: 36px;
  margin: 0 6px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 36px
}
.playoffs__game__list span[data-href]:hover {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: all .3s;
  transition: all .3s
}
.playoffs__game__list:first-child {
  margin-top: 0
}
.playoffs__game__list--in .playoffs__game-list__score, .playoffs__game__list--in .playoffs__game-list__status {
  color: hsla(0, 100%, 70%, .88)
}
.playoffs__game__container {
  display: none
}
.playoffs__game__container--active {
  display: block
}
.playoffs__game__container .playoffs__game__list {
  color: hsla(0, 0%, 100%, .7)
}
.playoffs__game__container .playoffs__game__list__team {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start
}
.playoffs__game__container .playoffs__game__list__link-box, .playoffs__game__container .playoffs__game__list__team--left {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end
}
.playoffs__game__container .playoffs__game__list__link-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.playoffs__game:first-child {
  margin-top: 0
}
.playoffs__additional__chart, .playoffs__additional__chart__area, .playoffs__chart, .playoffs__chart__area, .playoffs__game:hover .playoffs__game__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.playoffs__additional__chart__area--east .playoffs__game__team, .playoffs__additional__chart__area--right .playoffs__game__team, .playoffs__chart__area--east .playoffs__game__team, .playoffs__chart__area--right .playoffs__game__team {
  background-color: rgba(0, 128, 255, .02)
}
.playoffs__chart {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-height: 176px
}
.playoffs__chart__round {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-pack: distribute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  padding-right: 64px
}
.playoffs__chart__round--0 {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start
}
.playoffs__chart__round--0 .playoffs__game {
  height: 206px
}
.playoffs__chart__round--0 .playoffs__game:before {
  height: 50%
}
.playoffs__chart__round--1 .playoffs__game {
  height: 316px
}
.playoffs__chart__round--1 .playoffs__game:before {
  height: 224px
}
.playoffs__chart__round--2 .playoffs__game {
  height: 540px
}
.playoffs__chart__round--2 .playoffs__game__item {
  height: 342px
}
.playoffs__chart__round--2 .playoffs__game:before {
  height: 446px
}
.playoffs__chart__area--east, .playoffs__chart__area--left, .playoffs__chart__area--right, .playoffs__chart__area--west {
  height: 872px
}
.playoffs__chart__area--east .playoffs__game, .playoffs__chart__area--left .playoffs__game, .playoffs__chart__area--right .playoffs__game, .playoffs__chart__area--west .playoffs__game {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.playoffs__chart__area--east .playoffs__game:before, .playoffs__chart__area--left .playoffs__game:before, .playoffs__chart__area--right .playoffs__game:before, .playoffs__chart__area--west .playoffs__game:before {
  border: 1px solid hsla(0, 0%, 100%, .12);
  border-left-width: 0;
  border-radius: 0 6px 6px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  position: absolute;
  right: -32px;
  top: 54px;
  width: 32px
}
.playoffs__chart__area--east .playoffs__game:after, .playoffs__chart__area--left .playoffs__game:after, .playoffs__chart__area--right .playoffs__game:after, .playoffs__chart__area--west .playoffs__game:after {
  background: hsla(0, 0%, 100%, .12);
  content: "";
  height: 1px;
  position: absolute;
  right: -64px;
  top: 50%;
  width: 32px
}
.playoffs__chart__area--left, .playoffs__chart__area--west {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1
}
.playoffs__chart__area--left .playoffs__chart__round--0 .playoffs__game, .playoffs__chart__area--right .playoffs__chart__round--0 .playoffs__game {
  margin-top: 222px
}
.playoffs__chart__area--east, .playoffs__chart__area--right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-order: 3;
  order: 3
}
.playoffs__chart__area--east .playoffs__chart__round, .playoffs__chart__area--right .playoffs__chart__round {
  padding-left: 64px;
  padding-right: unset
}
.playoffs__chart__area--east .playoffs__game__rank, .playoffs__chart__area--right .playoffs__game__rank {
  background-color: rgba(0, 128, 255, .6);
  left: unset;
  right: 0
}
.playoffs__chart__area--east .playoffs__game:before, .playoffs__chart__area--right .playoffs__game:before {
  border-radius: 6px 0 0 6px;
  border-width: 1px 0 1px 1px;
  left: -32px
}
.playoffs__chart__area--east .playoffs__game:after, .playoffs__chart__area--right .playoffs__game:after {
  left: -64px
}
.playoffs__chart__area--final {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-order: 2;
  order: 2
}
.playoffs__chart__area--final .playoffs__game {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  border: 4px solid hsla(0, 0%, 100%, .1);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
  width: 184px
}
.playoffs__chart__area--final .playoffs__game__name {
  color: rgba(0, 128, 255, .88)
}
.playoffs__chart__area--final .playoffs__game__team {
  border: 0
}
.playoffs__chart__area--final .playoffs__game__team:first-child .playoffs__game__name {
  color: hsla(0, 100%, 70%, .88)
}
.playoffs__chart__area--final .playoffs__game__team:nth-child(2) {
  background-color: rgba(0, 128, 255, .02)
}
.playoffs__chart__area--final .playoffs__game__team:nth-child(2) .playoffs__game__rank {
  background-color: rgba(0, 128, 255, .6);
  border-radius: 0 0 0 100%;
  right: 0
}
.playoffs__chart__area--final .playoffs__game__team--win:before {
  color: rgba(255, 179, 36, .7);
  content: "WIN";
  font-size: 16px;
  font-style: italic;
  font-weight: 700;
  height: 19px;
  line-height: 19px;
  position: absolute;
  text-align: center;
  top: -29px
}
.playoffs__chart__area--final .playoffs__game__item {
  height: auto;
  left: -4px;
  padding: 12px 0;
  top: 103px;
  -webkit-transform: translate(0);
  transform: translate(0);
  width: 184px
}
.playoffs__additional {
  margin-top: 48px;
  overflow: hidden
}
.playoffs__additional .section-item--additional {
  margin-top: 0
}
.playoffs__additional__chart {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-image: url(../../../images/text_additional.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 122px 32px;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 796px
}
.playoffs__additional__chart__round {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}
.playoffs__additional__chart__round:first-child {
  background-image: url(../../../images/pc_top_icon.svg);
  background-position: bottom;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 112px
}
.playoffs__additional__chart__area {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-repeat: no-repeat;
  background-size: 700px 112px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 398px
}
.playoffs__additional__chart__area--west {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1
}
.playoffs__additional__chart__area--east {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-order: 2;
  order: 2
}
.playoffs__additional__chart__area--east .playoffs__additional__chart__round {
  padding-bottom: unset;
  padding-top: 112px
}
.playoffs__additional__chart__area--east .playoffs__additional__chart__round:first-child {
  background-image: url(../../../images/pc_bottom_icon.svg);
  background-position: top
}
.playoffs__additional__chart__area--east .playoffs__game__rank {
  background-color: rgba(0, 128, 255, .6)
}
.playoffs__additional__chart .playoffs__game {
  margin-left: 53px;
  width: 227px
}
.playoffs__additional__chart .playoffs__game:first-child {
  margin-left: 0
}
.playoffs__additional__tips {
  margin-top: 60px
}
.playoffs__additional__tips__title {
  color: hsla(0, 0%, 100%, .88);
  font-size: 18px;
  font-weight: 600;
  height: 24px;
  line-height: 24px
}
.playoffs__additional__tips__content {
  color: hsla(0, 0%, 100%, .5);
  font-size: 16px;
  height: 190px;
  line-height: 42px;
  padding: 12px 0
}
.playoffs__additional__tips__content p {
  margin: 0
}
.playoffs__additional__full-btn {
  background-image: -webkit-linear-gradient(top, rgba(37, 39, 42, 0), #25272a 64px, #25272a);
  background-image: linear-gradient(180deg, rgba(37, 39, 42, 0), #25272a 64px, #25272a);
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: none;
  height: 143px;
  left: 0;
  padding-top: 64px;
  position: absolute;
  width: 100%;
  z-index: 9
}
.playoffs__additional__full-btn, .playoffs__additional__full-btn__title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}
.playoffs__additional__full-btn__title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: rgba(0, 128, 255, .88);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  height: 42px
}
.playoffs__additional__full-btn__title .fi {
  margin-left: 6px
}
.playoffs__additional--hide {
  height: 300px
}
.playoffs__additional--hide .playoffs__additional__full-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.playoffs__additional--playoffs {
  padding-top: 36px
}
.playoffs__additional--playoffs .section-item__title {
  display: none
}
.playoffs__tips {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .5);
  font-size: 16px;
  line-height: 25px;
  padding: 48px 4px 16px;
  width: 100%
}
.tool-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 37px;
  margin: 24px 0;
  position: relative
}
.tool-box .picker-section__select-box {
  top: 38px
}
.tool-box__tips {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: hsla(0, 0%, 100%, .5);
  font-size: 14px;
  height: 36px;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  right: 0
}
.tool-box__tips, .tool-box__tips__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.tool-box__tips__list {
  padding-left: 24px;
  position: relative
}
.tool-box__tips__list:before {
  background-color: #ffce36;
  border-radius: 50%;
  content: "";
  height: 6px;
  left: 12px;
  position: absolute;
  width: 6px
}
.tool-box__tips__list--out:before {
  background-color: #646567
}
.tool-box__tips__list--in:before {
  background-color: #51ea7a
}
.type-section {
  margin-left: 24px
}
.record_container .standings {
  margin-bottom: 60px
}
.record_container .standings .top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 1130px
}
.record_container .standings .top, .record_container .standings .top-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.record_container .standings .top-tab {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, .02);
  height: 67px;
  padding: 0 24px
}
.record_container .standings .top-tab__list {
  background: hsla(0, 0%, 100%, .02);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .88);
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  height: 37px;
  line-height: 21px;
  margin-right: 20px;
  padding: 8px 12px
}
.record_container .standings .top-tab__list--active {
  background: rgba(0, 128, 255, .88)
}
.record_container .standings .top-screen {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 24px 0
}
.record_container .standings .top-screen, .record_container .standings .top-screen-box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row
}
.record_container .standings .top-screen-box {
  height: 37px
}
.record_container .standings .top-screen-box :first-child {
  margin-left: 0
}
.record_container .standings .top-screen .item, .record_container .standings .top-screen .item .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.record_container .standings .top-screen .item .list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .5);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-left: 12px
}
.record_container .standings .top-screen .icon {
  background: #ffce36;
  border-radius: 50%;
  height: 6px;
  margin-right: 6px;
  width: 6px
}
.record_container .standings .top-screen .icon.in {
  background: #51ea7a
}
.record_container .standings .top-screen .icon.out {
  background: #646567
}
.record_container .standings .top-screen__year {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: hsla(0, 0%, 98%, .02);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .88);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  font-size: 14px;
  font-weight: 600;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 19px;
  margin-left: 24px;
  padding: 9px 12px;
  position: relative
}
.record_container .standings .top-screen__year:before {
  color: hsla(0, 0%, 100%, .5);
  font-size: 8px;
  margin-left: 12px
}
.record_container .standings .top-tips {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: hsla(0, 100%, 70%, .22);
  border-radius: 4px;
  color: #f66;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 14px;
  height: 36px;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 24px
}
.record_container .standings .right-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 150px
}
.record_container .standings .right-item .column-top {
  margin-top: 60px
}
.record_container .standings .right-item .column {
  border-bottom: 1px solid hsla(0, 0%, 100%, .03);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 6px;
  width: 1130px
}
.record_container .standings .right-item .column.fixed-column {
  background: #212326;
  position: fixed;
  top: 266px;
  z-index: 1
}
.record_container .standings .right-item .column .player-left {
  width: 250px
}
.record_container .standings .right-item .column .left {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 160px
}
.record_container .standings .right-item .column .left .rank {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  color: hsla(0, 0%, 100%, .7);
  font-size: 16px;
  font-weight: 600;
  height: 24px;
  line-height: 21px;
  margin-right: 18px;
  width: 50px
}
.record_container .standings .right-item .column .left .player-team-avatar, .record_container .standings .right-item .column .left .rank {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}
.record_container .standings .right-item .column .left .player-team-avatar {
  -webkit-box-flex: 1;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  color: hsla(0, 0%, 100%, .4);
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px
}
.record_container .standings .right-item .column .left.team-left {
  width: 187px
}
.record_container .standings .right-item .column .left.team-left .rank {
  margin: 0
}
.record_container .standings .right-item .column .right, .record_container .standings .right-item .column .right a, .record_container .standings .right-item .column .right div {
  -webkit-box-flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.record_container .standings .right-item .column .right a, .record_container .standings .right-item .column .right div {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .4);
  font-size: 14px;
  font-weight: 400;
  height: 60px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 19px
}
.record_container .standings .right-item .column .right a .text, .record_container .standings .right-item .column .right div .text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.record_container .standings .right-item .column .right a .icon, .record_container .standings .right-item .column .right div .icon {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  color: #373a3d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 8px;
  margin-left: 2px
}
.record_container .standings .right-item .column .right a:first-child, .record_container .standings .right-item .column .right div:first-child {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: 64px
}
.record_container .standings .right-item .column .right .item:first-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.record_container .standings .right-item .column .right a {
  cursor: pointer
}
.record_container .standings .right-item .column .right.team-right div:first-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.record_container .standings .right-item .column.area .left {
  width: 211px
}
.record_container .standings .right-item .column.area .left .rank {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0;
  padding-left: 12px;
  width: 59px
}
.record_container .standings .right-item .column.area .left .rank.spacing {
  width: 68px
}
.record_container .standings .right-item .column.area .left .rank .exchange {
  color: hsla(0, 0%, 100%, .7);
  font-size: 16px;
  margin-left: 6px
}
.record_container .standings .right-item .bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: -7px
}
.record_container .standings .right-item .bottom.spacing {
  padding-top: 219px
}
.record_container .standings .right-item .bottom.reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}
.record_container .standings .right-item .bottom.reverse .list:nth-last-of-type(-n+3) .rank {
  font-weight: 700;
  position: relative
}
.record_container .standings .right-item .bottom.reverse .list:nth-last-of-type(-n+3) .rank:before {
  background-image: url(../../../images/sprites/desktop_sprite.png);
  background-position: -641px -250px;
  content: "";
  height: 12px;
  position: absolute;
  top: 4px;
  width: 26px
}
.record_container .standings .right-item .bottom.reverse .list:nth-last-of-type(-n+8) .rank {
  color: rgba(0, 128, 255, .88);
  font-size: 20px
}
.record_container .standings .right-item .bottom.reverse .list:nth-last-of-type(-n+2) .rank {
  color: rgba(255, 179, 36, .88)
}
.record_container .standings .right-item .bottom.reverse .list:last-child .rank {
  color: hsla(0, 100%, 70%, .88)
}
.record_container .standings .right-item .bottom.reverse .list:nth-child(-n+8) .rank {
  color: hsla(0, 0%, 100%, .88);
  font-weight: 400
}
.record_container .standings .right-item .bottom.reverse .list:nth-child(-n+8) .rank:before {
  width: 0
}
.record_container .standings .right-item .bottom .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 6px;
  width: 1130px
}
.record_container .standings .right-item .bottom .list:hover {
  background: hsla(0, 0%, 100%, .02);
  -webkit-transition: background .3s;
  transition: background .3s
}
.record_container .standings .right-item .bottom .list .left {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 160px
}
.record_container .standings .right-item .bottom .list .left.team-left {
  width: 187px
}
.record_container .standings .right-item .bottom .list .left .rank {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: hsla(0, 0%, 100%, .88);
  font-size: 20px;
  font-weight: 400;
  height: 24px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 16px;
  margin-right: 18px;
  width: 50px
}
.record_container .standings .right-item .bottom .list .left .player-team-avatar, .record_container .standings .right-item .bottom .list .left .rank {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.record_container .standings .right-item .bottom .list .left .player-team-avatar {
  height: 100%
}
.record_container .standings .right-item .bottom .list .left .player-team-avatar:hover .name {
  color: rgba(0, 128, 255, .88) !important;
  -webkit-transition: color .3s;
  transition: color .3s
}
.record_container .standings .right-item .bottom .list .left .player-team-avatar .avatar {
  border-radius: 50%;
  height: 24px;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 1;
  width: 24px
}
.record_container .standings .right-item .bottom .list .left .player-team-avatar .name {
  color: hsla(0, 0%, 100%, .76);
  font-size: 16px;
  font-weight: 400;
  height: 21px;
  line-height: 21px;
  margin-left: 6px;
  width: 3em
}
.record_container .standings .right-item .bottom .list .left .player-team-avatar .name.team-name {
  width: 4em
}
.record_container .standings .right-item .bottom .list .right {
  -webkit-box-flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.record_container .standings .right-item .bottom .list .right div {
  -webkit-box-flex: 1;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.record_container .standings .right-item .bottom .list .right a, .record_container .standings .right-item .bottom .list .right div {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  height: 60px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 21px
}
.record_container .standings .right-item .bottom .list .right a {
  -webkit-box-flex: 0;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: 4em
}
.record_container .standings .right-item .bottom .list .right a:hover {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.record_container .standings .right-item .bottom .list .right .team-url {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important
}
.record_container .standings .right-item .bottom .list:nth-child(-n+3) .rank {
  font-weight: 700;
  position: relative
}
.record_container .standings .right-item .bottom .list:nth-child(-n+3) .rank:before {
  background-image: url(../../../images/sprites/desktop_sprite.png);
  background-position: -641px -250px;
  content: "";
  height: 12px;
  position: absolute;
  top: 4px;
  width: 26px
}
.record_container .standings .right-item .bottom .list:nth-child(-n+8) .rank {
  color: rgba(0, 128, 255, .88);
  font-size: 20px
}
.record_container .standings .right-item .bottom .list:first-child .rank {
  color: hsla(0, 100%, 70%, .88)
}
.record_container .standings .right-item .bottom .list:nth-child(2) .rank {
  color: rgba(255, 179, 36, .88)
}
.record_container .standings .right-item .bottom #load-status {
  margin: 36px auto
}
.record_container .standings .right-item .bottom .player-avatar {
  padding-left: 42px
}
.record_container .standings .right-item.standings-item .column .left {
  width: 211px
}
.record_container .standings .right-item.standings-item .column .left .rank {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin: 0;
  padding-left: 12px;
  width: 59px
}
.record_container .standings .right-item.standings-item .column .left .rank.spacing {
  width: 68px
}
.record_container .standings .right-item.standings-item .column .left .rank .exchange {
  color: hsla(0, 0%, 100%, .7);
  font-size: 16px;
  margin-left: 6px
}
.record_container .standings .right-item.standings-item .column .right div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.record_container .standings .right-item.standings-item .bottom {
  height: 100%
}
.record_container .standings .right-item.standings-item .bottom.standings-bottom {
  margin-bottom: 24px
}
.record_container .standings .right-item.standings-item .bottom.standings-bottom:last-child {
  margin-bottom: 0
}
.record_container .standings .right-item.standings-item .bottom.standings-list .list .left .rank {
  color: hsla(0, 0%, 100%, .88)
}
.record_container .standings .right-item.standings-item .bottom.standings-list .list .left .rank:before {
  width: 0
}
.record_container .standings .right-item.standings-item .bottom.standings-list .list:first-child .left .rank {
  color: hsla(0, 100%, 70%, .88)
}
.record_container .standings .right-item.standings-item .bottom.standings-list .list:first-child .left .rank:before {
  width: 25px
}
.record_container .standings .right-item.standings-item .bottom .list .left {
  position: relative;
  width: 211px
}
.record_container .standings .right-item.standings-item .bottom .list .left .rank {
  margin-right: 4px
}
.record_container .standings .right-item.standings-item .bottom .list .left .status-icon {
  border-radius: 50%;
  height: 6px;
  margin-right: 36px;
  width: 6px
}
.record_container .standings .right-item.standings-item .bottom .list .left .status-icon.in {
  background: rgba(81, 234, 122, .88)
}
.record_container .standings .right-item.standings-item .bottom .list .left .status-icon.out {
  background: #656565
}
.record_container .standings .right-item.standings-item .bottom .list .left .status-icon.contention {
  background: rgba(255, 206, 54, .88)
}
.record_container .standings .right-item.standings-item .bottom .list .left .name {
  margin-left: 6px;
  width: 5em
}
.record_container .standings .right-item.standings-item .bottom .list .right div:first-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.record_container .standings .column-active {
  background: hsla(0, 0%, 100%, .02);
  position: relative
}
.record_container .standings .column-active:before {
  background: hsla(0, 0%, 100%, .02);
  bottom: -6px;
  content: "";
  height: 6px;
  position: absolute;
  width: 100%
}
.record_container .standings .column-active.column-spacing:before {
  bottom: -7px
}
.record_container .standings .color-active {
  color: #0080ff !important
}
.record_container .standings .calendar .data {
  display: none;
  left: 0;
  line-height: 14px;
  position: absolute;
  top: 50px;
  z-index: 10
}
.record_container .standings .calendar .data:before {
  border-bottom: 18px solid #373a3d;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  content: "";
  height: 0;
  left: 22px;
  position: absolute;
  top: -8px;
  width: 0
}
.record_container .standings .calendar .data .layui-laydate-list {
  background-color: #373a3d
}
.record_container .standings .calendar .data .laydate-set-ym {
  text-overflow: clip
}
.record_container .standings .calendar .data .laydate-set-ym span {
  padding: 0 3px
}
.record_container .standings .calendar .data .laydate-set-ym span:hover {
  color: rgba(0, 128, 255, .8);
  -webkit-transition: color .3s;
  transition: color .3s
}
.record_container .standings .calendar .data .layui-laydate-list > li {
  height: 30px;
  line-height: 30px
}
.record_container .standings .calendar .data .laydate-disabled {
  color: hsla(0, 0%, 100%, .3) !important
}
.record_container .standings .calendar .data .layui-laydate .layui-this {
  background-color: hsla(0, 0%, 100%, .04) !important;
  color: rgba(0, 128, 255, .8) !important
}
.record_container .standings .calendar .data .layui-laydate-footer {
  border-top: 1px solid hsla(0, 0%, 100%, .04);
  height: 40px;
  padding: 0
}
.record_container .standings .calendar .data .layui-laydate-footer .layui-laydate-preview {
  display: none;
  margin: 7px 0 7px 7px;
  padding: 0 5px
}
.record_container .standings .calendar .data .layui-laydate, .record_container .standings .calendar .data .layui-laydate-hint {
  color: hsla(0, 0%, 100%, .7)
}
.record_container .standings .calendar .data .laydate-footer-btns span {
  background-color: hsla(0, 0%, 100%, 0);
  border: none;
  color: rgba(0, 128, 255, .88);
  font-size: 0;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 275px
}
.record_container .standings .calendar .data .laydate-footer-btns span:before {
  content: "清除筛选";
  font-size: 14px
}
.record_container .standings .calendar .data .layui-laydate-footer span {
  margin: 0
}
.record_container .standings .calendar .data .laydate-footer-btns {
  right: 0;
  top: 0
}
.record_container .standings .calendar .data .layui-laydate, .record_container .standings .calendar .data .layui-laydate-hint {
  background: #373a3d;
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .12);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .12);
  font-weight: 400;
  height: 274px;
  width: 276px
}
.record_container .standings .calendar .data .layui-laydate .layui-laydate-header, .record_container .standings .calendar .data .layui-laydate-hint .layui-laydate-header {
  border-bottom: 1px solid hsla(0, 0%, 100%, .04);
  font-weight: 500;
  line-height: 19px;
  padding: 10px 75px 11px 80px
}
.record_container .standings .calendar .data .layui-laydate .layui-laydate-header i, .record_container .standings .calendar .data .layui-laydate-hint .layui-laydate-header i {
  color: hsla(0, 0%, 100%, .7)
}
.record_container .standings .calendar .data .layui-laydate .layui-laydate-content, .record_container .standings .calendar .data .layui-laydate-hint .layui-laydate-content {
  padding: 12px
}
.record_container .standings .calendar .data .layui-laydate .layui-laydate-content th, .record_container .standings .calendar .data .layui-laydate-hint .layui-laydate-content th {
  color: hsla(0, 0%, 100%, .6);
  font-weight: 400;
  line-height: 19px
}
.record_container .standings .calendar .data .layui-laydate .layui-laydate-content td, .record_container .standings .calendar .data .layui-laydate .layui-laydate-content th, .record_container .standings .calendar .data .layui-laydate-hint .layui-laydate-content td, .record_container .standings .calendar .data .layui-laydate-hint .layui-laydate-content th {
  height: 24px;
  padding: 4px 0;
  width: 36px
}
.record_container .standings .calendar .data .layui-laydate .layui-laydate-content .laydate-day-next, .record_container .standings .calendar .data .layui-laydate .layui-laydate-content .laydate-day-prev, .record_container .standings .calendar .data .layui-laydate-hint .layui-laydate-content .laydate-day-next, .record_container .standings .calendar .data .layui-laydate-hint .layui-laydate-content .laydate-day-prev {
  color: hsla(0, 0%, 100%, .3)
}
.record_container .standings .calendar .data .layui-laydate .layui-laydate-content td, .record_container .standings .calendar .data .layui-laydate-hint .layui-laydate-content td {
  color: hsla(0, 0%, 87%, .7)
}
.record_container .standings .calendar .data .layui-laydate .layui-laydate-header i.laydate-prev-y, .record_container .standings .calendar .data .layui-laydate-hint .layui-laydate-header i.laydate-prev-y {
  font-size: 0;
  font-weight: 400
}
.record_container .standings .calendar .data .layui-laydate .layui-laydate-header i.laydate-prev-y:before, .record_container .standings .calendar .data .layui-laydate-hint .layui-laydate-header i.laydate-prev-y:before {
  content: "\f008";
  font-family: FontIcon;
  font-size: 12px;
  line-height: 23px
}
.record_container .standings .calendar .data .layui-laydate .layui-laydate-header i.laydate-prev-m, .record_container .standings .calendar .data .layui-laydate-hint .layui-laydate-header i.laydate-prev-m {
  font-size: 0;
  font-weight: 400
}
.record_container .standings .calendar .data .layui-laydate .layui-laydate-header i.laydate-prev-m:before, .record_container .standings .calendar .data .layui-laydate-hint .layui-laydate-header i.laydate-prev-m:before {
  content: "\f004";
  font-family: FontIcon;
  font-size: 12px;
  line-height: 23px
}
.record_container .standings .calendar .data .layui-laydate .layui-laydate-header i.laydate-next-m, .record_container .standings .calendar .data .layui-laydate-hint .layui-laydate-header i.laydate-next-m {
  font-size: 0;
  font-weight: 400
}
.record_container .standings .calendar .data .layui-laydate .layui-laydate-header i.laydate-next-m:before, .record_container .standings .calendar .data .layui-laydate-hint .layui-laydate-header i.laydate-next-m:before {
  content: "\f002";
  font-family: FontIcon;
  font-size: 12px;
  line-height: 23px
}
.record_container .standings .calendar .data .layui-laydate .layui-laydate-header i.laydate-next-y, .record_container .standings .calendar .data .layui-laydate-hint .layui-laydate-header i.laydate-next-y {
  font-size: 0;
  font-weight: 400
}
.record_container .standings .calendar .data .layui-laydate .layui-laydate-header i.laydate-next-y:before, .record_container .standings .calendar .data .layui-laydate-hint .layui-laydate-header i.laydate-next-y:before {
  content: "\f006";
  font-family: FontIcon;
  font-size: 12px;
  line-height: 23px
}
.record_container .standings .calendar .data .layui-laydate .layui-laydate-content td:hover, .record_container .standings .calendar .data .layui-laydate .layui-laydate-list li:hover, .record_container .standings .calendar .data .layui-laydate-hint .layui-laydate-content td:hover, .record_container .standings .calendar .data .layui-laydate-hint .layui-laydate-list li:hover {
  background-color: hsla(0, 0%, 100%, .04);
  color: rgba(0, 128, 255, .88)
}
.record_container .team-item {
  margin-bottom: 60px
}
.record_container .team-item .right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 150px
}
.record_container .team-item .right .top-header {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 67px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 24px;
  width: 1130px
}
.record_container .team-item .right .top-header, .record_container .team-item .right .top-header .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.record_container .team-item .right .top-header .left .list {
  background: hsla(0, 0%, 100%, .02);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .88);
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  margin-right: 20px;
  padding: 8px 12px
}
.record_container .team-item .right .top-header .left .list.active {
  background: rgba(0, 128, 255, .88)
}
.record_container .column-content {
  border-bottom: 1px solid hsla(0, 0%, 100%, .03);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 6px;
  width: 1130px
}
.record_container .column-content-left {
  width: 160px
}
.record_container .column-content-left, .record_container .column-content-left__rank {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.record_container .column-content-left__rank {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: hsla(0, 0%, 100%, .7);
  font-size: 16px;
  font-weight: 600;
  height: 24px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 21px;
  width: 50px
}
.record_container .column-content-left__team {
  -webkit-box-flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .4);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 19px
}
.record_container .column-content-left__spacing {
  width: 68px
}
.record_container .column-content-left .exchange {
  color: hsla(0, 0%, 100%, .7);
  font-size: 16px;
  margin-left: 6px
}
.record_container .column-content-right, .record_container .column-content-right a, .record_container .column-content-right div {
  -webkit-box-flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.record_container .column-content-right a, .record_container .column-content-right div {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .4);
  font-size: 14px;
  font-weight: 400;
  height: 60px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 19px
}
.record_container .column-content-right a:first-child, .record_container .column-content-right div:first-child {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: 64px
}
.record_container .column-content-right a {
  cursor: pointer
}
.record_container .column-content-right a:first-child {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: 64px
}
.record_container .column-content-right__spacing:before {
  bottom: -7px
}
.record_container .column-content-right__text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}
.record_container .column-content-right__icon, .record_container .column-content-right__text {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.record_container .column-content-right__icon {
  color: #373a3d;
  font-size: 8px;
  margin-left: 2px
}
.record_container .column-content-right__icon__active {
  color: #0080ff !important
}
.record_container .column-content-right__active {
  background: hsla(0, 0%, 100%, .02);
  position: relative
}
.record_container .column-content-right__active:before {
  background: hsla(0, 0%, 100%, .02);
  bottom: -6px;
  content: "";
  height: 6px;
  position: absolute;
  width: 100%
}
.record_container .bottom-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: -7px
}
.record_container .bottom-content, .record_container .bottom-content-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.record_container .bottom-content-list {
  margin-bottom: 6px;
  width: 1130px
}
.record_container .bottom-content-list-left {
  width: 160px
}
.record_container .bottom-content-list-left, .record_container .bottom-content-list-left__team {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.record_container .bottom-content-list-left__team {
  height: 100%
}
.record_container .bottom-content-list-left__team__avatar {
  border-radius: 50%;
  height: 24px;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 1;
  width: 24px
}
.record_container .bottom-content-list-left__team__logo {
  height: 24px;
  -o-object-fit: contain;
  object-fit: contain;
  opacity: 1;
  width: 24px
}
.record_container .bottom-content-list-left__team__name {
  color: hsla(0, 0%, 100%, .76);
  font-size: 16px;
  font-weight: 400;
  height: 21px;
  line-height: 21px;
  margin-left: 6px;
  width: 5em
}
.record_container .bottom-content-list-left__team:hover__name {
  color: rgba(0, 128, 255, .88) !important;
  -webkit-transition: color .3s;
  transition: color .3s
}
.record_container .bottom-content-list-left__rank {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .88);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-weight: 400;
  height: 24px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 16px;
  margin-right: 4px;
  width: 50px
}
.record_container .bottom-content-list-left .player-name {
  padding-left: 35px
}
.record_container .bottom-content-list-left__icon {
  border-radius: 50%;
  height: 6px;
  margin-right: 36px;
  width: 6px
}
.record_container .bottom-content-list-left__icon.in {
  background: rgba(81, 234, 122, .88)
}
.record_container .bottom-content-list-left__icon.out {
  background: #656565
}
.record_container .bottom-content-list-left__icon.contention {
  background: rgba(255, 206, 54, .88)
}
.record_container .bottom-content-list__right {
  -webkit-box-flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.record_container .bottom-content-list__right:first-child {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: 64px
}
.record_container .bottom-content-list__right div {
  -webkit-box-flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 16px;
  font-weight: 400;
  height: 60px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 21px
}
.record_container .bottom-content-list__right div:first-child {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: 64px
}
.record_container .bottom-content-list__right a {
  -webkit-box-flex: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 16px;
  font-weight: 400;
  height: 60px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 21px;
  width: 4em
}
.record_container .bottom-content-list__right a:hover {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.record_container .bottom-content-list:nth-child(-n+3) .bottom-content-list-left__rank {
  font-weight: 700;
  position: relative
}
.record_container .bottom-content-list:nth-child(-n+3) .bottom-content-list-left__rank:before {
  background-image: url(../../../images/sprites/desktop_sprite.png);
  background-position: -641px -250px;
  content: "";
  height: 12px;
  position: absolute;
  top: 4px;
  width: 26px
}
.record_container .bottom-content-list:nth-child(-n+8) .bottom-content-list-left__rank {
  color: rgba(0, 128, 255, .88);
  font-size: 20px
}
.record_container .bottom-content-list:first-child .bottom-content-list-left__rank {
  color: hsla(0, 100%, 70%, .88)
}
.record_container .bottom-content-list:nth-child(2) .bottom-content-list-left__rank {
  color: rgba(255, 179, 36, .88)
}
.record_container .bottom-content__reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}
.record_container .bottom-content__reverse .bottom-content-list:nth-last-of-type(-n+3) .bottom-content-list-left__rank {
  font-weight: 700;
  position: relative
}
.record_container .bottom-content__reverse .bottom-content-list:nth-last-of-type(-n+3) .bottom-content-list-left__rank:before {
  background-image: url(../../../images/sprites/desktop_sprite.png);
  background-position: -641px -250px;
  content: "";
  height: 12px;
  position: absolute;
  top: 4px;
  width: 26px
}
.record_container .bottom-content__reverse .bottom-content-list:nth-last-of-type(-n+8) .bottom-content-list-left__rank {
  color: rgba(0, 128, 255, .88);
  font-size: 20px
}
.record_container .bottom-content__reverse .bottom-content-list:nth-last-of-type(-n+2) .bottom-content-list-left__rank {
  color: rgba(255, 179, 36, .88)
}
.record_container .bottom-content__reverse .bottom-content-list:last-child .bottom-content-list-left__rank {
  color: hsla(0, 100%, 70%, .88)
}
.record_container .bottom-content__reverse .bottom-content-list:nth-child(-n+8) .bottom-content-list-left__rank {
  color: hsla(0, 0%, 100%, .88);
  font-weight: 400
}
.record_container .bottom-content__reverse .bottom-content-list:nth-child(-n+8) .bottom-content-list-left__rank:before {
  width: 0
}
.record_container .calendar .data {
  display: none;
  left: 0;
  line-height: 14px;
  position: absolute;
  top: 50px;
  z-index: 10
}
.record_container .calendar .data:before {
  border-bottom: 18px solid #373a3d;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  content: "";
  height: 0;
  left: 22px;
  position: absolute;
  top: -8px;
  width: 0
}
.record_container .calendar .data .layui-laydate-list {
  background-color: #373a3d
}
.record_container .calendar .data .laydate-set-ym {
  text-overflow: clip
}
.record_container .calendar .data .laydate-set-ym span {
  padding: 0 3px
}
.record_container .calendar .data .laydate-set-ym span:hover {
  color: rgba(0, 128, 255, .8);
  -webkit-transition: color .3s;
  transition: color .3s
}
.record_container .calendar .data .layui-laydate-list > li {
  height: 30px;
  line-height: 30px
}
.record_container .calendar .data .laydate-disabled {
  color: hsla(0, 0%, 100%, .3) !important
}
.record_container .calendar .data .layui-laydate .layui-this {
  background-color: hsla(0, 0%, 100%, .04) !important;
  color: rgba(0, 128, 255, .8) !important
}
.record_container .calendar .data .layui-laydate-footer {
  border-top: 1px solid hsla(0, 0%, 100%, .04);
  height: 40px;
  padding: 0
}
.record_container .calendar .data .layui-laydate-footer .layui-laydate-preview {
  display: none;
  margin: 7px 0 7px 7px;
  padding: 0 5px
}
.record_container .calendar .data .layui-laydate, .record_container .calendar .data .layui-laydate-hint {
  color: hsla(0, 0%, 100%, .7)
}
.record_container .calendar .data .laydate-footer-btns span {
  background-color: hsla(0, 0%, 100%, 0);
  border: none;
  color: rgba(0, 128, 255, .88);
  font-size: 0;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 275px
}
.record_container .calendar .data .laydate-footer-btns span:before {
  content: "清除筛选";
  font-size: 14px
}
.record_container .calendar .data .layui-laydate-footer span {
  margin: 0
}
.record_container .calendar .data .laydate-footer-btns {
  right: 0;
  top: 0
}
.record_container .calendar .data .layui-laydate, .record_container .calendar .data .layui-laydate-hint {
  background: #373a3d;
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .12);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .12);
  font-weight: 400;
  height: 274px;
  width: 276px
}
.record_container .calendar .data .layui-laydate .layui-laydate-header, .record_container .calendar .data .layui-laydate-hint .layui-laydate-header {
  border-bottom: 1px solid hsla(0, 0%, 100%, .04);
  font-weight: 500;
  line-height: 19px;
  padding: 10px 75px 11px 80px
}
.record_container .calendar .data .layui-laydate .layui-laydate-header i, .record_container .calendar .data .layui-laydate-hint .layui-laydate-header i {
  color: hsla(0, 0%, 100%, .7)
}
.record_container .calendar .data .layui-laydate .layui-laydate-content, .record_container .calendar .data .layui-laydate-hint .layui-laydate-content {
  padding: 12px
}
.record_container .calendar .data .layui-laydate .layui-laydate-content th, .record_container .calendar .data .layui-laydate-hint .layui-laydate-content th {
  color: hsla(0, 0%, 100%, .6);
  font-weight: 400;
  line-height: 19px
}
.record_container .calendar .data .layui-laydate .layui-laydate-content td, .record_container .calendar .data .layui-laydate .layui-laydate-content th, .record_container .calendar .data .layui-laydate-hint .layui-laydate-content td, .record_container .calendar .data .layui-laydate-hint .layui-laydate-content th {
  height: 24px;
  padding: 4px 0;
  width: 36px
}
.record_container .calendar .data .layui-laydate .layui-laydate-content .laydate-day-next, .record_container .calendar .data .layui-laydate .layui-laydate-content .laydate-day-prev, .record_container .calendar .data .layui-laydate-hint .layui-laydate-content .laydate-day-next, .record_container .calendar .data .layui-laydate-hint .layui-laydate-content .laydate-day-prev {
  color: hsla(0, 0%, 100%, .3)
}
.record_container .calendar .data .layui-laydate .layui-laydate-content td, .record_container .calendar .data .layui-laydate-hint .layui-laydate-content td {
  color: hsla(0, 0%, 87%, .7)
}
.record_container .calendar .data .layui-laydate .layui-laydate-header i.laydate-prev-y, .record_container .calendar .data .layui-laydate-hint .layui-laydate-header i.laydate-prev-y {
  font-size: 0;
  font-weight: 400
}
.record_container .calendar .data .layui-laydate .layui-laydate-header i.laydate-prev-y:before, .record_container .calendar .data .layui-laydate-hint .layui-laydate-header i.laydate-prev-y:before {
  content: "\f008";
  font-family: FontIcon;
  font-size: 12px;
  line-height: 23px
}
.record_container .calendar .data .layui-laydate .layui-laydate-header i.laydate-prev-m, .record_container .calendar .data .layui-laydate-hint .layui-laydate-header i.laydate-prev-m {
  font-size: 0;
  font-weight: 400
}
.record_container .calendar .data .layui-laydate .layui-laydate-header i.laydate-prev-m:before, .record_container .calendar .data .layui-laydate-hint .layui-laydate-header i.laydate-prev-m:before {
  content: "\f004";
  font-family: FontIcon;
  font-size: 12px;
  line-height: 23px
}
.record_container .calendar .data .layui-laydate .layui-laydate-header i.laydate-next-m, .record_container .calendar .data .layui-laydate-hint .layui-laydate-header i.laydate-next-m {
  font-size: 0;
  font-weight: 400
}
.record_container .calendar .data .layui-laydate .layui-laydate-header i.laydate-next-m:before, .record_container .calendar .data .layui-laydate-hint .layui-laydate-header i.laydate-next-m:before {
  content: "\f002";
  font-family: FontIcon;
  font-size: 12px;
  line-height: 23px
}
.record_container .calendar .data .layui-laydate .layui-laydate-header i.laydate-next-y, .record_container .calendar .data .layui-laydate-hint .layui-laydate-header i.laydate-next-y {
  font-size: 0;
  font-weight: 400
}
.record_container .calendar .data .layui-laydate .layui-laydate-header i.laydate-next-y:before, .record_container .calendar .data .layui-laydate-hint .layui-laydate-header i.laydate-next-y:before {
  content: "\f006";
  font-family: FontIcon;
  font-size: 12px;
  line-height: 23px
}
.record_container .calendar .data .layui-laydate .layui-laydate-content td:hover, .record_container .calendar .data .layui-laydate .layui-laydate-list li:hover, .record_container .calendar .data .layui-laydate-hint .layui-laydate-content td:hover, .record_container .calendar .data .layui-laydate-hint .layui-laydate-list li:hover {
  background-color: hsla(0, 0%, 100%, .04);
  color: rgba(0, 128, 255, .88)
}
.record_container .standings-salaries .bottom-content-list-left, .record_container .standings-salaries .column-content-left {
  width: 211px
}
.record_container .standings-salaries .standings-bottom {
  margin-bottom: 24px
}
.record_container .standings-item .column-content-left {
  width: 211px
}
.record_container .standings-item .column-content-left__rank {
  padding-left: 12px;
  width: 59px
}
.record_container .standings-item .bottom-content-list-left {
  width: 211px
}
.record_container .standings-item .bottom-content-list-left__rank {
  width: 59px
}
.record_container .standings-item .standings-bottom {
  margin-bottom: 24px
}
.record_container .team-container .bottom-content-list-left__team {
  padding-left: 15px
}
.record_container .standings-team .column-content-left {
  width: 187px
}
.record_container .standings-team .column-content .standings-player-column-left {
  width: 160px
}
.record_container .standings-team .bottom-content-list-left {
  width: 187px
}
.record_container .standings-team .bottom-content .standings-player-bottom-left {
  width: 160px
}
.record_container .standings-salaries .bottom-content-list__right div:first-child, .record_container .standings-salaries .column-content-right a:first-child {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important
}
.record_container .standings-day .top-screen {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin: 24px 0
}
.record_container .standings-day .top-screen-box {
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 37px
}
.record_container .standings-day .top-screen-box, .record_container .standings-day .top-screen__year {
  -webkit-box-orient: horizontal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.record_container .standings-day .top-screen__year {
  -webkit-box-direction: reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: hsla(0, 0%, 98%, .02);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .88);
  cursor: pointer;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  font-size: 14px;
  font-weight: 600;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 19px;
  padding: 9px 12px;
  position: relative
}
.record_container .standings-day .top-screen__year:before {
  color: hsla(0, 0%, 100%, .5);
  font-size: 8px;
  margin-left: 12px
}
.record_container .standings-day .top-tips {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: hsla(0, 100%, 70%, .22);
  border-radius: 4px;
  color: #f66;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 14px;
  height: 36px;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 24px
}
.record_container .no_data .icon {
  margin: 290px 0 18px
}
.record_container #load-status {
  margin: 36px auto
}
.player_item {
  margin-bottom: 60px
}
.player_item .right {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: 150px
}
.player_item .right #FilterBox {
  height: 67px;
  width: 1130px
}
.player_item .right #FilterBox .year {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: hsla(0, 0%, 98%, .02);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .88);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  font-size: 14px;
  font-weight: 600;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 19px;
  margin-right: 20px;
  padding: 9px 12px;
  position: relative
}
.player_item .right #FilterBox .year#team .years-season {
  left: -1px;
  width: 76px
}
.player_item .right #FilterBox .year:before {
  color: hsla(0, 0%, 100%, .5);
  font-size: 8px;
  margin-left: 12px
}
.player_item .right #FilterBox .top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 1130px
}
.player_item .right #FilterBox .top:before {
  border-bottom: none
}
.player_item .right #FilterBox .top-tab {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, .02);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 67px;
  padding: 0 24px
}
.player_item .right #FilterBox .top-tab__list {
  background: hsla(0, 0%, 100%, .02);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .88);
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  height: 37px;
  line-height: 21px;
  margin-right: 20px;
  padding: 8px 12px
}
.player_item .right #FilterBox .top-tab__list--active {
  background: rgba(0, 128, 255, .88)
}
.player_item .right #FilterBox .top .top-screen {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin: 24px 0
}
.player_item .right #FilterBox .top .top-screen-box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row
}
.player_item .right .item_container {
  padding-top: 219px
}
.player_item .right .item_container .list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  height: 60px;
  padding: 0 6px;
  text-align: center;
  width: 100%
}
.player_item .right .item_container .list.list-fixed {
  background: #212326;
  position: fixed;
  top: 266px;
  width: 1130px;
  z-index: 1
}
.player_item .right .item_container .list span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.player_item .right .item_container .list .name {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  width: 193px
}
.player_item .right .item_container .list .name .avatar {
  border-radius: 50%;
  height: 36px;
  margin-right: 6px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 36px
}
.player_item .right .item_container .list .name .player-name {
  width: 8em
}
.player_item .right .item_container .list .alias {
  text-align: left;
  width: 120px
}
.player_item .right .item_container .list .team {
  width: 120px
}
.player_item .right .item_container .list .height, .player_item .right .item_container .list .join_at, .player_item .right .item_container .list .number, .player_item .right .item_container .list .position, .player_item .right .item_container .list .weight {
  width: 115px
}
.player_item .right .item_container .list .salary {
  width: 110px
}
.player_item .right .item_container .list:hover {
  background-color: hsla(0, 0%, 100%, .02);
  -webkit-transition: background-color .3s;
  transition: background-color .3s
}
.player_item .right .item_container .list:first-child {
  border-bottom: 1px solid hsla(0, 0%, 100%, .03);
  color: hsla(0, 0%, 100%, .4)
}
.player_item .right .item_container .list:first-child span {
  overflow: visible
}
.player_item .right .item_container .list:first-child:hover {
  background: #212326
}
.player_item .right #load-status {
  margin: 36px auto
}
.player_item .right .no_data .icon {
  margin: 290px 0 18px
}
.match_item {
  display: none;
  left: 0;
  padding-top: 6px;
  position: absolute;
  top: 100%;
  width: 100%
}
.match_item:before {
  border-color: transparent transparent #373a3d;
  border-style: solid;
  border-width: 0 9px 8px;
  content: "";
  display: block;
  height: 0;
  margin-left: calc(50% - 9px);
  width: 0
}
.match_item .item {
  background-color: #373a3d;
  border-radius: 4px;
  max-height: 300px;
  overflow-y: auto;
  padding: 6px 0;
  width: 100%
}
.match_item .item .list {
  color: hsla(0, 0%, 100%, .7);
  display: block;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  text-align: center
}
.match_item .item .list:hover {
  color: rgba(0, 128, 255, .7);
  -webkit-transition: color .3s;
  transition: color .3s
}
.years-season {
  display: none;
  left: 0;
  min-width: 100%;
  padding-top: 6px;
  position: absolute;
  top: 100%;
  z-index: 10
}
.years-season.year-playoff {
  left: -10px
}
.years-season:before {
  border-color: transparent transparent #373a3d;
  border-style: solid;
  border-width: 0 9px 8px;
  content: "";
  display: block;
  height: 0;
  margin-left: calc(50% - 9px);
  width: 0
}
.years-season .item-season {
  background-color: #373a3d;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 300px;
  overflow-y: auto;
  padding: 6px
}
.years-season .item-season.conventional, .years-season .item-season.playoff {
  width: 142px
}
.years-season .item-season .list {
  color: hsla(0, 0%, 100%, .7);
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  text-align: center
}
.years-season .item-season .list:hover {
  color: rgba(0, 128, 255, .7);
  -webkit-transition: color .3s;
  transition: color .3s
}
.teamList {
  margin-bottom: 60px
}
.teamList .detailed {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: hsla(0, 0%, 100%, .04);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 67px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 24px;
  padding: 0 24px
}
.teamList .detailed .season {
  color: hsla(0, 0%, 100%, .7);
  font-size: 20px;
  font-weight: 500;
  line-height: 24px
}
.teamList .detailed .record-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.teamList .detailed .record-item .list {
  background: hsla(0, 0%, 100%, .02);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .88);
  font-size: 16px;
  font-weight: 400;
  height: 36px;
  line-height: 36px;
  padding: 0 12px;
  text-align: center
}
.teamList .detailed .record-item .list:nth-child(2) {
  margin: 0 36px 0 20px
}
.teamList .detailed .record-item .list.active {
  background: rgba(0, 128, 255, .88)
}
.teamList .detailed .distributed, .teamList .detailed .distributed .mores {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.teamList .detailed .distributed .mores {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: hsla(0, 0%, 98%, .02);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .7);
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  margin-left: 20px;
  padding: 8px 32px 8px 12px;
  position: relative
}
.teamList .detailed .distributed .mores.season .match_item {
  width: 110px
}
.teamList .detailed .distributed .mores.match .match_item {
  width: 86px
}
.teamList .detailed .distributed .mores.alliance .match_item {
  width: 100px
}
.teamList .detailed .distributed .mores.grades .match_item {
  width: 72px
}
.teamList .detailed .distributed .mores .fi {
  font-size: 8px;
  height: 4px;
  position: absolute;
  right: 12px;
  top: 12px;
  width: 8px
}
.teamList .detailed-team .list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px
}
.teamList .detailed-team .list:first-child:hover {
  background: none
}
.teamList .detailed-team .list:hover {
  background-color: hsla(0, 0%, 100%, .02);
  -webkit-transition: background-color .3s;
  transition: background-color .3s
}
.teamList .detailed-team .list:nth-child(2) .left .rank, .teamList .detailed-team .list:nth-child(3) .left .rank, .teamList .detailed-team .list:nth-child(4) .left .rank {
  font-weight: 700;
  position: relative
}
.teamList .detailed-team .list:nth-child(2) .left .rank:before, .teamList .detailed-team .list:nth-child(3) .left .rank:before, .teamList .detailed-team .list:nth-child(4) .left .rank:before {
  background-image: url(../../../images/sprites/desktop_sprite.png);
  background-position: -641px -250px;
  content: "";
  height: 12px;
  left: 16px;
  position: absolute;
  top: 4px;
  width: 26px
}
.teamList .detailed-team .list:first-child .left .rank {
  font-size: 16px;
  font-weight: 500
}
.teamList .detailed-team .list:first-child .left.player {
  width: 183px
}
.teamList .detailed-team .list:first-child .left.player .teams {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding-left: 20px
}
.teamList .detailed-team .list:nth-child(2) .left .rank {
  color: hsla(0, 100%, 70%, .88)
}
.teamList .detailed-team .list:nth-child(3) .left .rank {
  color: rgba(255, 179, 36, .88)
}
.teamList .detailed-team .list:nth-child(4) .left .rank {
  color: rgba(0, 128, 255, .88)
}
.teamList .detailed-team .list:nth-child(5) .left .rank, .teamList .detailed-team .list:nth-child(6) .left .rank {
  color: hsla(0, 0%, 100%, .88)
}
.teamList .detailed-team .list .left {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  -webkit-justify-content: center;
  justify-content: center;
  width: 173px
}
.teamList .detailed-team .list .left.player {
  width: 183px
}
.teamList .detailed-team .list .left.player .teams {
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  -webkit-justify-content: normal;
  justify-content: normal;
  padding-left: 20px
}
.teamList .detailed-team .list .left .rank {
  color: hsla(0, 0%, 100%, .7);
  font-size: 20px;
  font-weight: 400;
  padding-left: 12px;
  text-align: center;
  width: 32px
}
.teamList .detailed-team .list .left .teams {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-flex: 1;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .4);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 19px;
  position: relative
}
.teamList .detailed-team .list .left .teams .logo {
  border-radius: 50%;
  height: 36px;
  left: 31px;
  margin-right: 6px;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  width: 36px
}
.teamList .detailed-team .list .left .teams .logo-name {
  color: hsla(0, 0%, 100%, .7);
  left: 73px;
  position: absolute;
  text-align: left
}
.teamList .detailed-team .list .right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  line-height: 60px
}
.teamList .detailed-team .list .right, .teamList .detailed-team .list .right a, .teamList .detailed-team .list .right div {
  -webkit-box-flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.teamList .detailed-team .list .right a, .teamList .detailed-team .list .right div {
  color: hsla(0, 0%, 100%, .7);
  font-size: 14px;
  font-weight: 400;
  text-align: center
}
.teamList .detailed-team .list .right a p, .teamList .detailed-team .list .right div p {
  line-height: 19px;
  margin: 0
}
.teamList .detailed-team .list .right a p:first-child, .teamList .detailed-team .list .right div p:first-child {
  padding-top: 11px
}
.teamList .detailed-team .list .right a p:last-child, .teamList .detailed-team .list .right div p:last-child {
  padding-bottom: 11px
}
.teamList .detailed-team .list .right a.active, .teamList .detailed-team .list .right div.active {
  background: hsla(0, 0%, 100%, .02)
}
.teamList .detailed-team .list .right.out div {
  color: hsla(0, 0%, 100%, .4) !important
}
.player-fixed {
  margin: 0;
  position: fixed;
  top: 114px;
  z-index: 3
}
.player-fixed:after {
  border-radius: 4px;
  height: 67px;
  top: 0
}
.player-fixed:after, .player-fixed:before {
  content: "";
  left: 0;
  position: absolute;
  width: 1130px;
  z-index: -1
}
.player-fixed:before {
  background: #212326;
  height: 200px;
  top: -48px
}
.top-fixed:before {
  height: 260px
}
.player_container__container {
  background-color: #191b1f;
  height: 66px;
  min-width: 1280px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 12
}
.player_container__slide, .player_container__slide__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%
}
.player_container__slide__btn {
  -webkit-box-flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: transparent;
  border: 0;
  color: hsla(0, 0%, 100%, .88);
  cursor: pointer;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 24px;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 12px;
  position: relative;
  width: 48px
}
.player_container__slide__btn--download:before {
  background-image: url(../images/text_app.svg);
  background-size: 28px 17px;
  content: "";
  height: 17px;
  left: 32px;
  position: absolute;
  top: 8px;
  width: 28px
}
.player_container__slide__btn:hover .header__slide__qrcode {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.player_container__slide__qrcode {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #373a3d;
  border-radius: 4px;
  display: none;
  height: 140px;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  top: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 136px
}
.player_container__slide__qrcode__img {
  height: 112px;
  width: 112px
}
.player_container__slide__qrcode:before {
  border-bottom: 9px solid #373a3d;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  content: "";
  left: 50%;
  position: absolute;
  top: -8px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.player_container__logo {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 144px
}
.player_container__logo__img {
  height: 26px;
  width: 85px
}
.player_container__nav {
  height: 66px
}
.player_container__nav, .player_container__nav__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.player_container__nav__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  font-size: 18px;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative
}
.player_container__nav__item__more {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-color: #373a3d;
  border-radius: 0 0 4px 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  left: 0;
  max-height: 0;
  overflow: hidden;
  position: absolute;
  top: 100%;
  -webkit-transition: max-height .3s ease-out;
  transition: max-height .3s ease-out;
  width: 100%
}
.player_container__nav__item__more__list {
  color: hsla(0, 0%, 100%, .88);
  height: 40px;
  line-height: 40px;
  margin: 3px 0;
  text-align: center;
  text-decoration: none
}
.player_container__nav__item__more__list:hover {
  background-color: hsla(0, 0%, 100%, .02);
  color: rgba(0, 128, 255, .88)
}
.player_container__nav__list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .8);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  font-weight: 500;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: width .3s;
  transition: width .3s;
  white-space: nowrap;
  width: 100px
}
.player_container__nav__list--more:before {
  border: 4px solid transparent;
  border-bottom: 0;
  border-top-color: #fff;
  content: "";
  margin-left: 4px;
  opacity: .7;
  -webkit-transition: all .3s;
  transition: all .3s
}
.player_container__nav__item:hover .header__nav__item__more {
  max-height: 100vh
}
.player_container__nav__item:hover .header__nav__list--more:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.player_container__form {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative
}
.player_container__form__close {
  color: hsla(0, 0%, 100%, .8);
  display: none;
  font-size: 18px;
  margin: 6px 12px 0 0
}
.player_container__form__input {
  background-color: transparent;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  height: 44px;
  line-height: 42px;
  margin-right: 20px;
  outline: none;
  padding: 0 12px;
  -webkit-transition: width .3s;
  transition: width .3s;
  width: 0
}
.player_container__form__input::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, .4)
}
.player_container__form__input::-moz-placeholder {
  color: hsla(0, 0%, 100%, .4)
}
.player_container__form__input:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, .4)
}
.player_container__form__input::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, .4)
}
.player_container__form__input::placeholder {
  color: hsla(0, 0%, 100%, .4)
}
.player_container__form__hot-search {
  display: none;
  left: 0;
  max-height: 280px;
  position: absolute;
  top: 100%;
  width: 520px
}
.player_container__form__hot-search__item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  background-color: #373a3d;
  border-radius: 0 0 4px 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 10px 24px
}
.player_container__form__hot-search__list {
  color: #fff;
  padding: 10px 0;
  width: 50%
}
.player_container__form__hot-search__list, .player_container__form__hot-search__list__num {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.player_container__form__hot-search__list__num {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: hsla(0, 0%, 100%, .88);
  font-size: 20px;
  height: 24px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 24px;
  margin-right: 12px;
  position: relative;
  width: 26px
}
.player_container__form__hot-search__list__title {
  color: hsla(0, 0%, 100%, .8);
  font-size: 14px
}
.player_container__form__hot-search__list:nth-child(-n+3) .player_container__form__hot-search__list__num {
  background-image: url(../../../images/sprites/desktop_sprite.png);
  background-position: -641px -250px;
  font-style: italic;
  font-weight: 700;
  height: 12px;
  width: 26px
}
.player_container__form__hot-search__list:first-child .player_container__form__hot-search__list__num {
  color: #f66
}
.player_container__form__hot-search__list:nth-child(2) .player_container__form__hot-search__list__num {
  color: #ffb324
}
.player_container__form__hot-search__list:nth-child(3) .player_container__form__hot-search__list__num {
  color: #0080ff
}
.player_container__form__hot-search__list:hover .player_container__form__hot-search__list__title {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.player_container__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 66px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
  width: 1280px
}
.player_container__content--search .header__nav__list {
  overflow: hidden;
  width: 0
}
.player_container__content--search .header__form__close {
  display: block
}
.player_container__content--search .header__form__input {
  width: 434px
}
.player_container .player-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 4px 4px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative
}
.player_container .player-header .like {
  background: hsla(0, 0%, 100%, .06);
  border-radius: 4px 0;
  color: hsla(0, 0%, 100%, .88);
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  padding: 7px 6px;
  position: absolute;
  top: 0;
  z-index: 4
}
.player_container .player-header .like .thumbs-up {
  font-size: 18px;
  padding-left: 2px
}
.player_container .player-header .like.unlike {
  border-radius: 0 4px;
  right: 0;
  top: 0
}
.player_container .player-header .like.unlike .thumbs-up {
  padding-right: 2px
}
.player_container .player-header .bg-color {
  background: #193156;
  height: 226px;
  opacity: .8;
  position: absolute;
  top: 0;
  width: 1280px;
  z-index: -4
}
.player_container .player-header .left {
  border-radius: 4px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 36px 0 0 60px;
  position: relative;
  width: 640px;
  z-index: 2
}
.player_container .player-header .left .logo-bg {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 640px 640px;
  height: 640px;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
  opacity: .06;
  position: absolute;
  top: -212px;
  width: 640px;
  z-index: -1
}
.player_container .player-header .left:before {
  background: hsla(0, 0%, 100%, .06);
  content: "";
  height: 84px;
  position: absolute;
  right: 0;
  top: 69px;
  width: 1px
}
.player_container .player-header .left .avatar {
  height: 190px;
  margin-right: 24px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 260px
}
.player_container .player-header .left .item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  color: hsla(0, 0%, 100%, .88);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 20px;
  font-weight: 400;
  line-height: 36px
}
.player_container .player-header .left .item .name {
  font-size: 32px;
  font-weight: 600;
  height: 43px;
  margin-bottom: 7px;
  width: 296px
}
.player_container .player-header .left .item .position {
  color: hsla(0, 0%, 100%, .4);
  font-size: 16px;
  margin: 5px 0
}
.player_container .player-header .left .item .follow-btn {
  color: hsla(0, 0%, 100%, .88);
  margin: 0
}
.player_container .player-header .left .item .follow-btn.active {
  color: hsla(0, 0%, 100%, .4)
}
.player_container .player-header .information {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  margin-left: 61px;
  position: relative;
  width: 390px
}
.player_container .player-header .information .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 21px;
  margin-bottom: 12px;
  width: 40%
}
.player_container .player-header .information .list:nth-child(2n) {
  width: 60%
}
.player_container .player-header .information .list .specific {
  color: hsla(0, 0%, 100%, .4);
  margin-right: 12px;
  text-align: right;
  width: 34px
}
.player_container .player-header .information .list span {
  color: hsla(0, 0%, 100%, .7);
  width: 6em
}
.player_container .player-header .information .list span .money-rank {
  background: hsla(0, 0%, 100%, .12);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .5);
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  margin-left: 6px;
  padding: 4px 8px 3px
}
.player_container .player-header .information .list .align {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.player_container .player-header .information .bottom, .player_container .player-header .information .bottom .draft {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.player_container .player-header .information .bottom .draft .specific {
  color: hsla(0, 0%, 100%, .4);
  margin-right: 12px;
  text-align: right;
  width: 34px
}
.player_container .player-header .information .bottom .draft span {
  -webkit-box-flex: 1;
  color: hsla(0, 0%, 100%, .7);
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.player_container .player-header .header-logo {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  height: 76px;
  margin: 0 60px 75px;
  -o-object-fit: contain;
  object-fit: contain;
  opacity: .88;
  width: 76px
}
.player_container .tab-item {
  background: hsla(0, 0%, 100%, .02);
  border-radius: 0 0 4px 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
  width: 1280px
}
.player_container .tab-item .list {
  color: hsla(0, 0%, 100%, .5);
  cursor: pointer;
  font-size: 20px;
  font-weight: 500;
  line-height: 64px;
  text-align: center;
  width: 100px
}
.player_container .tab-item .list:hover {
  color: hsla(0, 0%, 100%, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.player_container .tab-item .list:first-child {
  margin-left: 18px
}
.player_container .tab-item .active {
  color: hsla(0, 0%, 100%, .88);
  position: relative
}
.player_container .tab-item .active:before {
  background-color: rgba(0, 128, 255, .88);
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -20px;
  position: absolute;
  width: 40px
}
.player_container .player-fixed {
  background-color: #212326;
  position: fixed;
  top: 104px;
  z-index: 10
}
.player_container .player-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 48px 0 60px
}
.player_container .player-item .left {
  margin-right: 40px;
  width: 940px
}
.player_container .player-item .left .til {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 16px 0
}
.player_container .player-item .left .til, .player_container .player-item .left .til .year, .player_container .player-item .left .til .year .year-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.player_container .player-item .left .til .year .year-list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: hsla(0, 0%, 98%, .02);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .88);
  cursor: pointer;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  font-size: 14px;
  font-weight: 600;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 19px;
  margin-left: 20px;
  padding: 9px 12px;
  position: relative
}
.player_container .player-item .left .til .year .year-list:before {
  color: hsla(0, 0%, 100%, .5);
  font-size: 8px;
  margin-left: 12px
}
.player_container .player-item .left .chart {
  height: 700px;
  margin: 48px auto 0;
  width: 700px
}
.player_container .player-item .left .player-data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 24px 0 48px
}
.player_container .player-item .left .player-data .list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 16px;
  font-weight: 400;
  height: 79px;
  line-height: 22px;
  margin-right: 16px;
  width: 117px
}
.player_container .player-item .left .player-data .list:last-child {
  margin: 0
}
.player_container .player-item .left .player-data .list p {
  color: hsla(0, 0%, 100%, .8);
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  margin: 0
}
.player_container .player-item .left .player-data .list span {
  margin: 2px 0 6px
}
.player_container .player-item .left .player-data .list .rank {
  background: hsla(0, 0%, 100%, .12);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .88);
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  padding: 4px 8px
}
.player_container .player-item .left .player-data .list .rank.ranking-color {
  color: hsla(0, 0%, 100%, .5)
}
.player_container .player-item .left .player-data .list .rank .ranking {
  color: rgba(0, 128, 255, .88);
  margin: 0
}
.player_container .player-item .left .player-data .list .rank .angle-right {
  color: hsla(0, 0%, 100%, .5);
  font-size: 10px;
  margin-left: 6px
}
.player_container .player-item .left .player-data .list .rank.height {
  background: #212326;
  height: 24px;
  width: 76px
}
.player_container .player-item .left .game-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 24px 0 12px
}
.player_container .player-item .left .game-item .list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  height: 47px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 21px;
  margin-bottom: 36px;
  padding-left: 46px;
  position: relative;
  width: 420px
}
.player_container .player-item .left .game-item .list:nth-child(2n) {
  margin-left: 100px
}
.player_container .player-item .left .game-item .list .win-lose {
  left: 0;
  line-height: normal;
  position: absolute;
  top: 17px
}
.player_container .player-item .left .game-item .list .win-lose img {
  height: 10px;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 1;
  width: 30px
}
.player_container .player-item .left .game-item .list .time {
  color: hsla(0, 0%, 100%, .7);
  font-size: 16px;
  font-weight: 600;
  line-height: 21px
}
.player_container .player-item .left .game-item .list .game-left {
  width: 104px
}
.player_container .player-item .left .game-item .list .game-center, .player_container .player-item .left .game-item .list .game-left {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.player_container .player-item .left .game-item .list .game-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center
}
.player_container .player-item .left .game-item .list .game-right {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 94px
}
.player_container .player-item .left .game-item .list .game-right .time {
  color: hsla(0, 0%, 100%, .98)
}
.player_container .player-item .left .player-season {
  margin-top: 48px
}
.player_container .player-item .left .player-season .career {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  color: hsla(0, 0%, 100%, .8);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}
.player_container .player-item .left .player-season .career .active {
  background-color: hsla(0, 0%, 100%, .02)
}
.player_container .player-item .left .player-season .career .season {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 60px;
  position: relative;
  width: 130px
}
.player_container .player-item .left .player-season .career .season:first-child {
  border-bottom: 1px solid hsla(0, 0%, 100%, .03);
  padding-left: 12px
}
.player_container .player-item .left .player-season .career .season:first-child span {
  -webkit-box-flex: 0;
  color: hsla(0, 0%, 100%, .4);
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  text-align: left
}
.player_container .player-item .left .player-season .career .season:first-child .lists {
  color: hsla(0, 0%, 100%, .8);
  padding-right: 42px
}
.player_container .player-item .left .player-season .career .season span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  text-align: center
}
.player_container .player-item .left .player-season .career .player-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  width: 939px
}
.player_container .player-item .left .player-season .career .player-list .career-left {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.player_container .player-item .left .player-season .career-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-x: scroll
}
.player_container .player-item .left .player-season .career-right .list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 60px
}
.player_container .player-item .left .player-season .career-right .list:first-child {
  border-bottom: 1px solid hsla(0, 0%, 100%, .03);
  color: hsla(0, 0%, 100%, .4)
}
.player_container .player-item .left .player-season .career-right .list div {
  height: 60px;
  min-width: 100px;
  text-align: center
}
.player_container .player-item .left .player-season .career-right .appearance {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  width: 204px
}
.player_container .player-item .left .player-season .career-right .appearance .list div {
  min-width: 68px
}
.player_container .player-item .left .player-season .career-right .appearance:hover {
  background-color: hsla(0, 0%, 100%, .02)
}
.player_container .player-item .left .player-season .career-right .appearance:hover:before {
  background-image: url(../../../images/sprites/pcGame_sprite.png);
  background-position: 0 -195px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  height: 100%;
  height: 62px;
  position: absolute;
  width: 100%;
  width: 154px;
  z-index: -1
}
.player_container .player-item .left .player-season .career-right .basis {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  width: 408px
}
.player_container .player-item .left .player-season .career-right .basis .list div {
  min-width: 68px
}
.player_container .player-item .left .player-season .career-right .basis:hover {
  background-color: hsla(0, 0%, 100%, .02)
}
.player_container .player-item .left .player-season .career-right .basis:hover:before {
  background-image: url(../../../images/sprites/pcGame_sprite.png);
  background-position: 0 -102px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  height: 100%;
  height: 63px;
  position: absolute;
  width: 100%;
  width: 158px;
  z-index: -1
}
.player_container .player-item .left .player-season .career-right .backboard {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  width: 246px
}
.player_container .player-item .left .player-season .career-right .backboard .list div {
  min-width: 82px
}
.player_container .player-item .left .player-season .career-right .backboard:hover {
  background-color: hsla(0, 0%, 100%, .02)
}
.player_container .player-item .left .player-season .career-right .backboard:hover:before {
  background-image: url(../../../images/sprites/pcGame_sprite.png);
  background-position: -294px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  height: 100%;
  height: 62px;
  position: absolute;
  width: 100%;
  width: 154px;
  z-index: -1
}
.player_container .player-item .left .player-season .career-right .shot {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative
}
.player_container .player-item .left .player-season .career-right .shot:hover {
  background-color: hsla(0, 0%, 100%, .02)
}
.player_container .player-item .left .player-season .career-right .shot:hover:before {
  background-image: url(../../../images/sprites/pcGame_sprite.png);
  background-position: -294px -92px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  height: 100%;
  height: 62px;
  position: absolute;
  width: 100%;
  width: 154px;
  z-index: -1
}
.player_container .player-item .left .player-season .career-right .three_points {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative
}
.player_container .player-item .left .player-season .career-right .three_points:hover {
  background-color: hsla(0, 0%, 100%, .02)
}
.player_container .player-item .left .player-season .career-right .three_points:hover:before {
  background-image: url(../../../images/sprites/pcGame_sprite.png);
  background-position: -294px -184px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  height: 100%;
  height: 62px;
  position: absolute;
  width: 100%;
  width: 154px;
  z-index: -1
}
.player_container .player-item .left .player-season .career-right .penalty {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative
}
.player_container .player-item .left .player-season .career-right .penalty:hover {
  background-color: hsla(0, 0%, 100%, .02)
}
.player_container .player-item .left .player-season .career-right .penalty:hover:before {
  background-image: url(../../../images/sprites/pcGame_sprite.png);
  background-position: 0 -287px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  height: 100%;
  height: 62px;
  position: absolute;
  width: 100%;
  width: 154px;
  z-index: -1
}
.tp__page .main__section__content {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.tp__page .game__date__btn {
  color: hsla(0, 0%, 100%, .5);
  position: absolute;
  right: 0;
  top: 3px
}
.tp__content {
  position: relative;
  width: 940px
}
.player_container .main__section-content, .team_container .main__section-content {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 940px;
  -ms-flex: 0 0 940px;
  flex: 0 0 940px
}
.team_container .stat__data-list {
  width: 117px
}
.team-container__game {
  position: relative
}
.team-container__game .calendar {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: hsla(0, 0%, 98%, .02);
  color: hsla(0, 0%, 100%, .5);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  height: 36px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 19px;
  position: absolute;
  right: 12px;
  top: 0;
  width: 82px
}
.team-container__game .calendar .caret-down {
  font-size: 8px;
  margin-left: 2px
}
.team-container__game .calendar .calendars {
  font-size: 18px;
  margin-right: 2px
}
.team-container__game .calendar .data {
  cursor: auto
}
.team-container__game .calendar .data .layui-laydate, .team-container__game .calendar .data .layui-laydate-hint {
  height: 240px
}
.team-container__game .team-game__list .list .Season .time {
  width: 62px
}
.team-container__game .team-game__list .list .center {
  min-width: 524px
}
.team-container__game .team-game__list .list .score {
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
  width: 208px
}
.team-container__game .team-game__list .list .score span {
  margin: 0;
  width: 54px
}
.team-container__game .team-game__list .list .live {
  width: 180px
}
.profile__container .section__item--career--fixed .section__item__title {
  background-color: #212326;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 52px;
  position: -webkit-sticky;
  position: sticky;
  top: 66px;
  width: 100%;
  z-index: 2
}
.profile__content p {
  color: hsla(0, 0%, 100%, .7);
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  margin: 18px 0 0
}
.profile__content p:first-child {
  margin-top: 0
}
.profile__honer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -24px
}
.profile__honer__list {
  -webkit-box-flex: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  margin-bottom: 24px;
  padding: 0 24px;
  position: relative
}
.profile__honer__list__count {
  color: hsla(0, 0%, 100%, .88);
  position: absolute;
  right: 24px
}
.profile__honer__list__count, .profile__honer__list__title {
  font-size: 16px;
  font-weight: 600;
  height: 21px;
  line-height: 21px
}
.profile__honer__list__title {
  color: hsla(0, 0%, 100%, .7);
  margin: 0
}
.profile__honer__list__content {
  color: hsla(0, 0%, 100%, .5);
  font-size: 14px;
  line-height: 21px;
  margin-top: 6px
}
.profile__retired {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.profile__retired, .profile__retired__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.profile__retired__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 154px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 36px;
  width: 188px
}
.profile__retired__list__number {
  background-size: cover;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: 700;
  height: 102px;
  padding-top: 42px;
  text-align: center;
  width: 120px
}
.profile__retired__list__info {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  width: 100%
}
.profile__retired__list__name {
  color: hsla(0, 0%, 100%, .88);
  font-size: 16px;
  line-height: 21px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}
.profile__retired__list__position {
  color: hsla(0, 0%, 100%, .4);
  font-size: 14px;
  line-height: 21px
}
.profile__career__tabs {
  background-color: #212326;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: -webkit-sticky;
  position: sticky;
  top: 118px;
  z-index: 2
}
.profile__career__tab {
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .88);
  cursor: pointer;
  font-size: 20px;
  height: 35px;
  line-height: 35px;
  margin: 0 24px 12px 0;
  text-align: center;
  width: 68px
}
.profile__career__tab--active, .profile__career__tab:hover {
  background-color: hsla(0, 0%, 100%, .02);
  color: rgba(0, 128, 255, .88)
}
.profile__career__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}
.profile__career__item:before {
  background-color: hsla(0, 0%, 100%, .05);
  border-radius: 1px;
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 1px
}
.profile__career__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 16px 0 16px 20px;
  position: relative;
  width: 50%
}
.profile__career__list__title {
  color: hsla(0, 0%, 100%, .88);
  font-size: 16px;
  line-height: 22px
}
.profile__career__list__title:hover {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.profile__career__list__time {
  color: hsla(0, 0%, 100%, .5);
  font-size: 14px;
  line-height: 24px;
  margin-top: 2px
}
.profile__career__list:before {
  background-color: #646567;
  border: 2px solid #373a3d;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  height: 15px;
  left: -7.5px;
  position: absolute;
  top: 18.5px;
  width: 15px
}
.profile__career__list:nth-child(odd) {
  -ms-flex-item-align: start;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  padding: 16px 20px 16px 0;
  text-align: right
}
.profile__career__list:nth-child(odd):before {
  left: unset;
  right: -7.5px
}
.stat-container .career {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  color: hsla(0, 0%, 100%, .8);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}
.stat-container .career .active {
  background-color: hsla(0, 0%, 100%, .02)
}
.stat-container .career .season {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 60px;
  position: relative;
  width: 140px
}
.stat-container .career .season:first-child {
  border-bottom: 1px solid hsla(0, 0%, 100%, .03)
}
.stat-container .career .season:first-child span {
  color: hsla(0, 0%, 100%, .4)
}
.stat-container .career .season:first-child .lists {
  color: hsla(0, 0%, 100%, .8)
}
.stat-container .career .season span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  text-align: center
}
.stat-container .career .player-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  width: 939px
}
.stat-container .career .player-list .career-left {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.stat-container .career-right {
  overflow-x: scroll
}
.stat-container .career-right, .stat-container .career-right .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.stat-container .career-right .list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 60px
}
.stat-container .career-right .list:first-child {
  border-bottom: 1px solid hsla(0, 0%, 100%, .03);
  color: hsla(0, 0%, 100%, .4)
}
.stat-container .career-right .list div {
  height: 60px;
  min-width: 70px;
  text-align: center
}
.stat-container .career-right .appearance {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative
}
.stat-container .career-right .appearance:hover {
  background-color: hsla(0, 0%, 100%, .02)
}
.stat-container .career-right .appearance:hover:before {
  background-image: url(../../../images/sprites/pcGame_sprite.png);
  background-position: 0 -195px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  height: 100%;
  height: 62px;
  position: absolute;
  width: 100%;
  width: 154px;
  z-index: -1
}
.stat-container .career-right .basis {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative
}
.stat-container .career-right .basis:hover {
  background-color: hsla(0, 0%, 100%, .02)
}
.stat-container .career-right .basis:hover:before {
  background-image: url(../../../images/sprites/pcGame_sprite.png);
  background-position: 0 -102px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  height: 100%;
  height: 63px;
  position: absolute;
  width: 100%;
  width: 158px;
  z-index: -1
}
.stat-container .career-right .backboard {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative
}
.stat-container .career-right .backboard:hover {
  background-color: hsla(0, 0%, 100%, .02)
}
.stat-container .career-right .backboard:hover:before {
  background-image: url(../../../images/sprites/pcGame_sprite.png);
  background-position: -294px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  height: 100%;
  height: 62px;
  position: absolute;
  width: 100%;
  width: 154px;
  z-index: -1
}
.stat-container .career-right .shot {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative
}
.stat-container .career-right .shot:hover {
  background-color: hsla(0, 0%, 100%, .02)
}
.stat-container .career-right .shot:hover:before {
  background-image: url(../../../images/sprites/pcGame_sprite.png);
  background-position: -294px -92px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  height: 100%;
  height: 62px;
  position: absolute;
  width: 100%;
  width: 154px;
  z-index: -1
}
.stat-container .career-right .three_points {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative
}
.stat-container .career-right .three_points:hover {
  background-color: hsla(0, 0%, 100%, .02)
}
.stat-container .career-right .three_points:hover:before {
  background-image: url(../../../images/sprites/pcGame_sprite.png);
  background-position: -294px -184px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  height: 100%;
  height: 62px;
  position: absolute;
  width: 100%;
  width: 154px;
  z-index: -1
}
.stat-container .career-right .penalty {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative
}
.stat-container .career-right .penalty:hover {
  background-color: hsla(0, 0%, 100%, .02)
}
.stat-container .career-right .penalty:hover:before {
  background-image: url(../../../images/sprites/pcGame_sprite.png);
  background-position: 0 -287px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  height: 100%;
  height: 62px;
  position: absolute;
  width: 100%;
  width: 154px;
  z-index: -1
}
.stat__picker {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  top: 0
}
.stat__picker .picker-section {
  margin-left: 20px
}
.stat__picker .picker-section--year .picker-section__select-box {
  width: 142px
}
.stat__picker .picker-section--year .picker-section__select-box--short {
  width: auto
}
.stat__chart {
  height: 700px;
  margin: 48px auto 0;
  width: 700px
}
.stat__data {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 940px
}
.stat__data, .stat__data-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.stat__data-list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .5);
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 16px;
  font-weight: 400;
  height: 79px;
  line-height: 22px;
  margin-right: 16px;
  margin-top: 32px;
  width: 120px
}
.stat__data-list:nth-child(-n+7) {
  margin-top: 0
}
.stat__data-list:nth-child(7n) {
  margin-right: 0
}
.stat__data-list p {
  color: hsla(0, 0%, 100%, .8);
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  margin: 0
}
.stat__data-list span {
  margin: 2px 0 6px
}
.stat__data-list__rank {
  background: hsla(0, 0%, 100%, .12);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .88);
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  padding: 4px 8px
}
.stat__data-list__rank-num {
  color: rgba(0, 128, 255, .88);
  margin: 0 !important
}
.stat__data-list__rank--color {
  color: hsla(0, 0%, 100%, .5)
}
.stat__data-list__rank .angle-right {
  color: hsla(0, 0%, 100%, .5);
  font-size: 10px;
  margin-left: 4px
}
.stat__data-list__rank--height {
  background: #212326;
  height: 24px;
  width: 76px
}
.stat__game {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.stat__game-result {
  left: 0;
  line-height: normal;
  position: absolute;
  top: 17px
}
.stat__game-result img {
  height: 10px;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 1;
  width: 30px
}
.stat__game-time {
  color: hsla(0, 0%, 100%, .7);
  font-size: 16px;
  font-weight: 600;
  line-height: 21px
}
.stat__game-left {
  width: 104px
}
.stat__game-center, .stat__game-left {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.stat__game-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center
}
.stat__game-right {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 94px
}
.stat__game-right .stat__game-time {
  color: hsla(0, 0%, 100%, .98)
}
.stat__game-list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  height: 47px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 21px;
  margin-top: 36px;
  padding-left: 46px;
  position: relative;
  width: 420px
}
.stat__game-list:nth-child(-n+2) {
  margin-top: 0
}
.stat__game-list:nth-child(2n) {
  margin-left: 100px
}
.stat__king {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 24px 0 48px
}
.stat__king, .stat__king-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.stat__king-item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 844px
}
.stat__king-avatar {
  border-radius: 50%;
  height: 96px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 96px
}
.stat__king-score {
  color: hsla(0, 0%, 99%, .88);
  font-size: 24px;
  font-weight: 600;
  line-height: 33px;
  margin: 6px 0
}
.stat__king-name {
  color: hsla(0, 0%, 100%, .7);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  width: 6em
}
.stat__king-img {
  height: 17px;
  position: absolute;
  right: 25px;
  top: 7px;
  width: 42px
}
.stat__king-list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 169px;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  width: 218px
}
.stat__king-list, .stat__single {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.stat__single {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.stat__single-avatar {
  border-radius: 50%;
  height: 76px;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 76px
}
.stat__single-top {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  color: hsla(0, 0%, 100%, .88);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-weight: 400;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 28px;
  margin-bottom: 8px
}
.stat__single-score {
  font-weight: 600
}
.stat__single-bottom {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  color: hsla(0, 0%, 100%, .5);
  font-size: 16px;
  font-weight: 400;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 22px
}
.stat__single-bottom, .stat__single-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.stat__single-list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 76px;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 36px;
  padding-left: 84px;
  position: relative;
  width: 440px
}
.stat__single-list:nth-child(2n) {
  margin-left: 60px
}
.stat__single-list:first-child, .stat__single-list:nth-child(2) {
  margin-top: 0
}
.stat__season {
  width: 939px
}
.stat__season, .stat__season-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.stat__season-left {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 60px !important
}
.stat__season-date {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  height: 60px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 19px;
  margin-bottom: 6px;
  width: 60px
}
.stat__season-date:first-child {
  border-bottom: 1px solid hsla(0, 0%, 100%, .03);
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.stat__season-right {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-x: scroll
}
.stat__season-list {
  margin-bottom: 6px
}
.stat__season-list, .stat__season-list div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.stat__season-list div {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-flex: 0;
  -ms-flex-negative: 0;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .7);
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 400;
  height: 60px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 19px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  width: 74px
}
.stat__season-list div:nth-child(15), .stat__season-list div:nth-child(16), .stat__season-list div:nth-child(17), .stat__season-list div:nth-child(18) {
  width: 90px
}
.stat__season-list:first-child div {
  border-bottom: 1px solid hsla(0, 0%, 100%, .03);
  color: hsla(0, 0%, 100%, .4)
}
.stat__statistics {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  color: hsla(0, 0%, 100%, .8);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}
.stat__statistics--active {
  background-color: hsla(0, 0%, 100%, .02)
}
.stat__statistics-left {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .8);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 60px;
  position: relative
}
.stat__statistics-left__list:first-child {
  border-bottom: 1px solid hsla(0, 0%, 100%, .03)
}
.stat__statistics-left span {
  font-size: 14px;
  font-weight: 400;
  min-width: 70px;
  text-align: center
}
.stat__statistics-right {
  overflow-x: scroll
}
.stat__statistics-right, .stat__statistics-right__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.stat__statistics-right__list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 60px
}
.stat__statistics-right__list:first-child {
  border-bottom: 1px solid hsla(0, 0%, 100%, .03);
  color: hsla(0, 0%, 100%, .4)
}
.stat__statistics-right__list div {
  height: 60px;
  min-width: 70px;
  text-align: center
}
.stat__statistics-right__column:hover {
  background: hsla(0, 0%, 100%, .02)
}
.stat__statistics-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  width: 939px
}
.matches-container .stat__statistics-left__list {
  width: 104px
}
.player-ranking__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .88);
  font-size: 16px;
  height: 46px
}
.player-ranking__list, .player-ranking__list__desc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.player-ranking__list__desc {
  width: 130px
}
.player-ranking__list__record {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 170px
}
.player-ranking__list__record span {
  -webkit-box-flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center
}
.player-ranking__list__rank {
  font-size: 20px;
  text-align: center;
  width: 32px
}
.player-ranking__list__name {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .76);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-left: 16px;
  width: 90px
}
.player-ranking__list__avatar {
  border-radius: 50%;
  height: 20px;
  margin-right: 4px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 20px
}
.player-ranking__list:first-child {
  color: hsla(0, 0%, 100%, .4);
  font-size: 14px;
  height: 22px
}
.player-ranking__list:first-child .player-ranking__list__rank {
  font-size: 14px;
  font-weight: unset
}
.player-ranking__list:first-child .player-ranking__list__name {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: hsla(0, 0%, 100%, .4);
  -webkit-justify-content: center;
  justify-content: center
}
.player-ranking__list:nth-child(2) .player-ranking__list__rank, .player-ranking__list:nth-child(3) .player-ranking__list__rank, .player-ranking__list:nth-child(4) .player-ranking__list__rank {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-style: italic;
  font-weight: 700;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative
}
.player-ranking__list:nth-child(2) .player-ranking__list__rank:before, .player-ranking__list:nth-child(3) .player-ranking__list__rank:before, .player-ranking__list:nth-child(4) .player-ranking__list__rank:before {
  background-image: url(../../../images/sprites/desktop_sprite.png);
  background-position: -641px -250px;
  content: "";
  height: 12px;
  margin-top: 5px;
  position: absolute;
  width: 26px
}
.player-ranking__list:nth-child(2) .player-ranking__list__rank {
  color: hsla(0, 100%, 70%, .88)
}
.player-ranking__list:nth-child(3) .player-ranking__list__rank {
  color: rgba(255, 179, 36, .88)
}
.player-ranking__list:nth-child(4) .player-ranking__list__rank {
  color: rgba(0, 128, 255, .88)
}
.player-ranking__list:nth-child(n+10) {
  color: hsla(0, 0%, 100%, .6)
}
.player-ranking__list:nth-child(n+10) .player-ranking__list__rank {
  color: hsla(0, 0%, 100%, .5)
}
.player-ranking__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, .01);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  height: 36px;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 8px;
  width: 100%
}
.player-ranking__link__icon {
  margin: 0 4px
}
.player-ranking__link:hover {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: all .3s;
  transition: all .3s
}
.roster-management {
  height: 132px;
  margin: 24px 0 36px
}
.roster-management__title {
  border-bottom: 1px solid hsla(0, 0%, 100%, .03);
  color: hsla(0, 0%, 100%, .7);
  font-size: 16px;
  font-weight: 600;
  height: 60px;
  line-height: 60px;
  margin-bottom: 16px;
  width: 100%
}
.roster-management__coach {
  width: 100%
}
.roster-management__coach, .roster-management__coach-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 56px
}
.roster-management__coach-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: 400;
  -webkit-justify-content: center;
  justify-content: center;
  margin-right: 20px;
  padding-left: 64px;
  position: relative;
  width: 300px
}
.roster-management__coach-list:last-child {
  margin: 0
}
.roster-management__coach-avatar {
  border-radius: 50%;
  height: 56px;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 56px
}
.roster-management__coach-username {
  color: hsla(0, 0%, 100%, .88);
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 2px
}
.roster-management__coach-position {
  color: hsla(0, 0%, 100%, .5);
  font-size: 14px;
  line-height: 20px
}
.roster-info, .roster-info__player-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.roster-info__player-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .7);
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: 400;
  height: 60px;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 6px;
  padding-left: 42px;
  position: relative;
  width: 147px
}
.roster-info__player-list:first-child {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  border-bottom: 1px solid hsla(0, 0%, 100%, .03);
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  padding: 0
}
.roster-info__player-avatar {
  border-radius: 50%;
  height: 36px;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 12px;
  width: 36px
}
.roster-info__player-username {
  font-size: 14px;
  line-height: 19px;
  width: 6em
}
.roster-info__player-position {
  color: hsla(0, 0%, 100%, .3);
  font-size: 12px;
  line-height: 16px;
  width: 90px
}
.roster-info__data {
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.roster-info__data, .roster-info__data-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.roster-info__data-list {
  height: 60px;
  margin-bottom: 6px
}
.roster-info__data-list__text {
  -webkit-box-flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 19px
}
.roster-info__data-list__text--wide {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: 90px
}
.roster-info__data-list:first-child .roster-info__data-list__text {
  border-bottom: 1px solid hsla(0, 0%, 100%, .03);
  color: hsla(0, 0%, 100%, .4)
}
.fi-qq, .fi-qzone, .fi-wechat {
  cursor: pointer
}
.fi-wechat:hover {
  color: #65cb88
}
.fi-qq:hover, .fi-wechat:hover {
  -webkit-transition: color .3s;
  transition: color .3s
}
.fi-qq:hover {
  color: #53a9d7
}
.fi-qzone:hover {
  color: #e4a124;
  -webkit-transition: color .3s;
  transition: color .3s
}
.news-container__main {
  margin: 40px auto 60px
}
.news-container__info, .news-container__main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.news-container__info {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .7);
  font-size: 14px;
  height: 19px;
  margin-bottom: 46px
}
.news-container__info-title {
  color: hsla(0, 0%, 100%, .88);
  font-size: 36px;
  font-weight: 500;
  line-height: 48px;
  padding-bottom: 25px
}
.news-container__info-time {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  color: hsla(0, 0%, 100%, .4);
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin-left: 12px
}
.news-container__info .fi, .news-container__info-share {
  margin-right: 15px
}
.news-container__info .fi {
  font-size: 20px
}
.news-container__info .fi-wechat {
  font-size: 22px
}
.news-container__info-report {
  color: hsla(0, 0%, 100%, .3);
  cursor: pointer;
  margin-left: 7px
}
.news-container__info-report:hover {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.news-container__summary {
  color: hsla(0, 0%, 100%, .5);
  line-height: 24px;
  margin-bottom: 36px;
  position: relative;
  text-indent: 36px
}
.news-container__summary .fi-quote {
  color: #3a3a3d;
  font-size: 36px;
  left: -38px;
  position: absolute;
  top: -12px;
  z-index: -1
}
.news-container__content {
  color: hsla(0, 0%, 100%, .7);
  font-size: 18px;
  line-height: 36px;
  position: relative;
  text-align: justify;
  word-break: break-all
}
.news-container__content table {
  border-collapse: collapse
}
.news-container__content iframe {
  height: 424px;
  width: 752px
}
.news-container__content img {
  border-radius: 4px;
  display: block;
  margin: 0 auto;
  max-width: 100%;
  opacity: .9
}
.news-container__content .gif-box {
  cursor: pointer;
  display: inline-block;
  position: relative;
  -webkit-transform: translate(calc(470px - 50%));
  transform: translate(calc(470px - 50%))
}
.news-container__content .gif-box:before {
  background: rgba(0, 128, 255, .32);
  border-radius: 4px 0;
  bottom: 18px;
  color: #fff;
  content: "GIF";
  font-size: 14px;
  font-weight: 600;
  height: 24px;
  line-height: 24px;
  position: absolute;
  right: 0;
  text-align: center;
  text-shadow: 0 0 2px rgba(0, 0, 0, .16);
  width: 38px;
  z-index: 1
}
.news-container__content .video_detail {
  cursor: pointer;
  position: relative
}
.news-container__content .video_detail img {
  width: 752px
}
.news-container__content .video_detail .play-icon {
  background-image: url(../../../images/sprites/desktop_sprite.png);
  background-position: -285.83333333px -392px;
  background-repeat: no-repeat;
  background-size: 1493.33333333px auto;
  height: 112px;
  left: calc(50% - 56px);
  position: absolute;
  top: calc(50% - 56px);
  width: 112px;
  z-index: 3
}
.news-container__content .video_detail:hover .play-icon {
  opacity: .88
}
.news-container__content div, .news-container__content p {
  color: hsla(0, 0%, 100%, .8);
  margin: 0;
  padding: 18px 0
}
.news-container__content a {
  color: rgba(0, 128, 255, .88);
  font-weight: 700
}
.news-container__source {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  padding: 30px 0 61px
}
.news-container__link-box, .news-container__source {
  color: hsla(0, 0%, 100%, .7)
}
.news-container__link-box--active {
  color: #0080ff
}
.news-container__link {
  font-size: 18px;
  height: 18px;
  margin: 0 4px 0 12px;
  width: 18px
}
.news-container__gear {
  margin-top: 16px
}
.news-container__gear-img {
  border-radius: 4px;
  display: block;
  margin: 0 auto;
  max-width: 940px
}
.news-container__tags {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  color: hsla(0, 0%, 100%, .4);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  font-size: 16px;
  margin-top: 36px
}
.news-container__tags-list {
  color: hsla(0, 0%, 100%, .4);
  font-size: 16px;
  letter-spacing: 2px;
  margin: 0 25px 12px 0;
  text-decoration: none;
  -webkit-transition: color .3s;
  transition: color .3s
}
.news-container__tags-list span {
  margin-left: -4px
}
.news-container__tags-list:hover {
  color: rgba(0, 128, 255, .7) !important
}
.news-container__spacing {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: hsla(0, 0%, 100%, .02);
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 76px;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 49px auto 25px;
  width: 76px
}
.news-container__spacing > .thumbs-up {
  border-radius: 50%;
  color: hsla(0, 0%, 100%, .7);
  cursor: pointer;
  font-size: 32px;
  text-align: center;
  width: 76px
}
.news-container__like-user {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 49px
}
.news-container__like-text {
  color: hsla(0, 0%, 100%, .7);
  font-size: 14px;
  font-weight: 500;
  height: 19px;
  line-height: 24px;
  margin-left: 13px
}
.news-container__like-list {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 34px;
  margin-left: -12px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 34px
}
.news-container__like-list.last, .news-container__like-list:last-child {
  margin: 0
}
.news-container__like .fi-share-list {
  color: hsla(0, 0%, 100%, .5);
  margin: 0 7px
}
.news-container__explain {
  color: hsla(0, 0%, 100%, .4);
  font-size: 12px;
  margin-bottom: 48px;
  text-align: center
}
.news-container__left {
  margin-right: 40px;
  width: 940px
}
.news-container__right {
  width: 300px
}
.video-container__main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 40px auto 60px
}
.video-container__title {
  color: hsla(0, 0%, 100%, .88);
  font-size: 36px;
  font-weight: 500;
  line-height: 48px;
  padding-bottom: 25px
}
.video-container__summary {
  color: hsla(0, 0%, 100%, .5);
  line-height: 24px;
  margin-bottom: 36px;
  position: relative;
  text-indent: 36px
}
.video-container__summary .fi-quote {
  color: #3a3a3d;
  font-size: 36px;
  left: -38px;
  position: absolute;
  top: -12px;
  z-index: -1
}
.video-container__info {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  height: 19px;
  margin-bottom: 46px
}
.video-container__info-time {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  color: hsla(0, 0%, 100%, .4);
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin-left: 12px
}
.video-container__info .fi, .video-container__info-share {
  margin-right: 15px
}
.video-container__info .fi {
  font-size: 20px
}
.video-container__info .fi-wechat {
  font-size: 22px
}
.video-container__info-report {
  color: hsla(0, 0%, 100%, .3);
  cursor: pointer;
  margin-left: 7px
}
.video-container__info-report:hover {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.video-container__source {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  padding: 30px 0 61px
}
.video-container__link-box {
  color: hsla(0, 0%, 100%, .7)
}
.video-container__link-box--active {
  color: #0080ff
}
.video-container__link {
  font-size: 18px;
  height: 18px;
  margin: 0 4px 0 12px;
  width: 18px
}
.video-container__tags {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  color: hsla(0, 0%, 100%, .4);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  font-size: 16px;
  margin-top: 36px
}
.video-container__tags-list {
  color: hsla(0, 0%, 100%, .4);
  font-size: 16px;
  letter-spacing: 2px;
  margin: 0 25px 12px 0;
  text-decoration: none;
  -webkit-transition: color .3s;
  transition: color .3s
}
.video-container__tags-list span {
  margin-left: -4px
}
.video-container__tags-list:hover {
  color: rgba(0, 128, 255, .7) !important;
  -webkit-transition: color .3s;
  transition: color .3s
}
.video-container__spacing {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: hsla(0, 0%, 100%, .02);
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 76px;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 49px auto 25px;
  width: 76px
}
.video-container__spacing > .thumbsUp {
  border-radius: 50%;
  color: hsla(0, 0%, 100%, .7);
  cursor: pointer;
  font-size: 32px;
  text-align: center;
  width: 76px
}
.video-container__like-user {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 49px
}
.video-container__like-text {
  color: hsla(0, 0%, 100%, .7);
  font-size: 14px;
  font-weight: 500;
  height: 19px;
  line-height: 24px;
  margin-left: 13px
}
.video-container__like-list {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 34px;
  margin-left: -12px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 34px
}
.video-container__like-list.last, .video-container__like-list:last-child {
  margin: 0
}
.video-container__like .fi-share-list {
  color: hsla(0, 0%, 100%, .5);
  margin: 0 7px
}
.video-container__explain {
  color: hsla(0, 0%, 100%, .4);
  font-size: 12px;
  margin-bottom: 48px;
  text-align: center
}
.video-container__left {
  margin-right: 40px;
  width: 940px
}
.video-container__right {
  width: 300px
}
.video-container .videos_container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}
.video-container .videos_container .news-container__content div, .video-container .videos_container .news-container__content p {
  padding: 0 !important
}
.video-container .video-js {
  height: 500px;
  margin: 0 auto;
  width: 720px
}
.video-container .video-js .vjs-big-play-button {
  background: rgba(0, 0, 0, .4);
  border: none;
  border-radius: 50%;
  height: 60px;
  left: 50%;
  margin: -45px 0 0 -45px;
  position: absolute;
  top: 50%;
  width: 60px
}
.video-container .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-size: 40px;
  line-height: 60px
}
.video-container .video-js .vjs-button {
  outline: none
}
.video-container .video-js .vjs-button > .vjs-icon-placeholder:before {
  font-size: 22px;
  line-height: 40px
}
.video-container .video-js .vjs-control-bar {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
  background: -webkit-linear-gradient(transparent, #000);
  background: linear-gradient(transparent, #000);
  height: 40px
}
.video-container .video-js .vjs-control-bar .vjs-control {
  width: 40px
}
.video-container .video-js .vjs-control-bar .vjs-control.vjs-time-control {
  font-size: 14px;
  min-width: 68px;
  width: auto
}
.video-container .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder {
  border-radius: 3px;
  height: 6px
}
.video-container .video-js .vjs-control-bar .vjs-progress-control .vjs-play-progress {
  background: hsla(0, 0%, 100%, .8)
}
.video-container .video-js .vjs-control-bar .vjs-progress-control .vjs-play-progress:before {
  font-size: 16px;
  height: 16px;
  line-height: 16px;
  right: -5px;
  text-align: center;
  top: -5px;
  width: 16px
}
.video-container .video-js .vjs-control-bar .vjs-progress-control .vjs-slider {
  background: hsla(0, 0%, 100%, .1)
}
.video-container .video-js .vjs-control-bar .vjs-progress-control .vjs-slider-bar {
  border-radius: 5px;
  top: 0
}
.video-container .video-js .vjs-control-bar .vjs-progress-control .vjs-load-progress {
  background: rgba(0, 128, 255, .1);
  border-radius: 5px;
  overflow: hidden
}
.video-container .video-js .vjs-control-bar .vjs-volume-control.vjs-volume-vertical {
  bottom: 90px;
  height: 90px;
  left: -35px;
  width: 30px
}
.video-container .video-js .vjs-control-bar .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
  background: hsla(0, 0%, 100%, .7);
  border-radius: 2px;
  width: 4px
}
.video-container .video-js .vjs-control-bar .vjs-volume-control.vjs-volume-vertical .vjs-volume-level:before {
  background: #fff;
  border-radius: 50%;
  font-size: 0;
  height: 10px;
  left: -3px;
  overflow: hidden;
  top: -5px;
  width: 10px
}
.video-container .video-js .vjs-control-bar .vjs-volume-control.vjs-volume-vertical .vjs-slider-vertical {
  border-radius: 4px;
  height: 64px;
  margin: 13px auto;
  width: 4px
}
.video-container .video-js .vjs-control-bar .vjs-volume-control.vjs-volume-vertical .vjs-volume-control {
  margin-left: 0
}
.video-container .fi-qq, .video-container .fi-qzone, .video-container .fi-wechat {
  cursor: pointer
}
.video-container .fi-wechat:hover {
  color: #65cb88;
  -webkit-transition: color .3s;
  transition: color .3s
}
.video-container .fi-qq:hover {
  color: #53a9d7;
  -webkit-transition: color .3s;
  transition: color .3s
}
.video-container .fi-qzone:hover {
  color: #e4a124;
  -webkit-transition: color .3s;
  transition: color .3s
}
.gallery-container__content {
  position: relative;
  width: 940px
}
.gallery-container__content .no_data .titles {
  margin-bottom: 144px
}
.gallery-container__slides-picture {
  background: hsla(0, 0%, 100%, .01);
  border-radius: 4px;
  height: 650px;
  overflow: hidden;
  padding-bottom: 12px;
  position: relative;
  width: 100%
}
.gallery-container__slides-picture .swiper-slide {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%
}
.gallery-container__slides-picture .swiper-slide img {
  max-height: 100%;
  max-width: 100%
}
.gallery-container__slides-picture .swiper-button-next {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  -webkit-justify-content: flex-end !important;
  justify-content: flex-end !important
}
.gallery-container__slides-picture .swiper-button-next, .gallery-container__slides-picture .swiper-button-prev {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 650px;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  opacity: 0;
  padding: 0 39px;
  text-align: left;
  top: 0;
  width: 50%
}
.gallery-container__slides-picture .swiper-button-next:hover, .gallery-container__slides-picture .swiper-button-prev:hover {
  opacity: 1
}
.gallery-container__slides-picture .swiper-button-next:after, .gallery-container__slides-picture .swiper-button-prev:after {
  color: #fff;
  font-size: 36px;
  font-style: normal
}
.gallery-container__pagination_wrapper {
  background-color: hsla(0, 0%, 100%, .01);
  margin-bottom: 48px;
  padding-bottom: 26px
}
.gallery-container__pagination_wrapper .swiper-wrapper {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}
.gallery-container__pagination_wrapper .swiper-wrapper, .gallery-container__pagination_wrapper .swiper-wrapper.active {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}
.gallery-container__pagination_wrapper .slide_pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  overflow: hidden;
  width: 732px
}
.gallery-container__pagination_wrapper .slide_pagination .swiper-slide {
  -ms-flex-negative: 0;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 76px;
  margin-right: 6px;
  overflow: hidden;
  position: relative;
  width: 76px !important
}
.gallery-container__pagination_wrapper .slide_pagination .swiper-slide img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.gallery-container__pagination_wrapper .slide_pagination .swiper-slide:before {
  background: rgba(0, 0, 0, .4);
  border-radius: 4px;
  content: "";
  height: 76px;
  position: absolute;
  width: 76px;
  z-index: 1
}
.gallery-container__pagination_wrapper .slide_pagination .swiper-slide.swiper-slide-thumb-active {
  border: 2px solid rgba(0, 128, 255, .9)
}
.gallery-container__pagination_wrapper .slide_pagination .swiper-slide.swiper-slide-thumb-active:before {
  display: none
}
.gallery-container__detail {
  background: hsla(0, 0%, 100%, .04);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 650px;
  padding: 19px 20px;
  position: relative
}
.gallery-container__detail .pagination {
  color: hsla(0, 0%, 100%, .88);
  display: inline-block;
  height: 30px;
  margin-right: 8px
}
.gallery-container__detail .pagination .current {
  font-size: 22px
}
.gallery-container__detail .operate {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  bottom: 19px;
  color: hsla(0, 0%, 100%, .7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  height: 19px;
  left: 20px;
  position: absolute;
  width: 100%
}
.gallery-container__detail .operate i {
  font-size: 16px;
  margin-left: 12px
}
.gallery-container__detail .operate i.fi-wechat {
  font-size: 18px
}
.gallery-container__detail .report {
  bottom: 19px;
  color: hsla(0, 0%, 100%, .3);
  cursor: pointer;
  font-size: 14px;
  position: absolute;
  right: 20px
}
.gallery-container__detail .report:hover {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.gallery-container__title {
  color: hsla(0, 0%, 100%, .88);
  font-size: 20px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 18px
}
.gallery-container__author-box {
  color: hsla(0, 0%, 100%, .7);
  display: block;
  font-size: 14px;
  height: 36px;
  padding-left: 42px;
  position: relative
}
.gallery-container__author-box .author-box__avatar-box {
  height: 36px;
  left: 0;
  position: absolute;
  width: 36px
}
.gallery-container__author-box .author-box__avatar-box .user-level {
  height: 12px;
  width: 12px
}
.gallery-container__author-box .author-box__name {
  height: 19px;
  line-height: 19px;
  margin-bottom: 2px
}
.gallery-container__author-box .author-box__avatar {
  border-radius: 50%;
  height: 36px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 36px
}
.gallery-container__author-box .author-box__time {
  color: hsla(0, 0%, 100%, .4);
  font-size: 12px;
  height: 16px;
  line-height: 16px
}
.gallery-container__author-box .author-box__follow-btn {
  position: absolute;
  right: 0;
  top: 6px
}
.gallery-container__desc {
  color: hsla(0, 0%, 100%, .7);
  line-height: 24px;
  margin: 25px 0
}
.gallery-container__desc > span {
  display: none
}
.gallery-item .card-section__list {
  width: 267.5px
}
.gallery-item .card-section__list__cover {
  height: 100%;
  width: 100%
}
.gallery-item .card-section__list__cover-box {
  height: 201px;
  width: 267.5px
}
.gallery-item .card-section__list:nth-child(-n+5) {
  margin-top: 10px
}
.gallery-item .card-section__list:nth-child(5n) {
  margin-right: 10px
}
.gallery-item .card-section__list:nth-child(5n+1) {
  margin-left: 10px
}
.gallery-item .card-section__list:nth-child(-n+4) {
  margin-top: 0 !important
}
.gallery-item .card-section__list:nth-child(4n) {
  margin-right: 0 !important
}
.gallery-item .card-section__list:nth-child(4n+1) {
  margin-left: 0 !important
}
.schedule_container img {
  -o-object-fit: cover;
  object-fit: cover
}
.schedule_container .game-fixed {
  background-color: #212326;
  position: fixed;
  top: 104px;
  width: 300px;
  z-index: 10
}
.schedule_container .game-item {
  margin-bottom: 60px
}
.schedule_container .game-item .game-header {
  background: rgba(0, 0, 0, .24);
  border-radius: 4px 4px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 244px;
  width: 1280px
}
.schedule_container .game-item .game-header .logo {
  background: transparent;
  height: 186px;
  margin-top: 29px;
  -o-object-fit: contain;
  object-fit: contain;
  opacity: 1;
  width: 186px
}
.schedule_container .game-item .game-header .team-name {
  background-color: hsla(0, 0%, 100%, .06);
  border-radius: 23px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .88);
  font-size: 20px;
  font-weight: 400;
  height: 46px;
  line-height: 46px;
  overflow: hidden;
  padding: 0 12px;
  position: absolute;
  text-align: center;
  text-overflow: ellipsis;
  top: 84px;
  white-space: nowrap;
  width: 141px
}
.schedule_container .game-item .game-header .team-name:hover {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.schedule_container .game-item .game-header .area {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .4);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  line-height: 36px;
  min-width: 146px;
  position: absolute;
  text-align: center;
  top: 142px;
  z-index: 1
}
.schedule_container .game-item .game-header .area:hover {
  color: hsla(0, 0%, 100%, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.schedule_container .game-item .game-header .area .angle-right {
  font-size: 10px;
  margin-left: 5px
}
.schedule_container .game-item .game-header .great {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background: hsla(0, 0%, 100%, .06);
  color: hsla(0, 0%, 100%, .88);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  width: 64px
}
.schedule_container .game-item .game-header .great.active {
  color: hsla(0, 100%, 70%, .88)
}
.schedule_container .game-item .game-header .great:hover {
  color: hsla(0, 100%, 70%, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.schedule_container .game-item .game-header .great .thumbs-up {
  font-size: 18px;
  line-height: 32px;
  padding-left: 2px
}
.schedule_container .game-item .game-header .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 423px
}
.schedule_container .game-item .game-header .left .great {
  border-radius: 4px 0;
  left: 0
}
.schedule_container .game-item .game-header .left .great .thumbs-up {
  padding-right: 2px
}
.schedule_container .game-item .game-header .left .gradient {
  background: -webkit-gradient(linear, left top, right top, from(hsla(0, 100%, 70%, .3)), to(hsla(0, 100%, 70%, 0)));
  background: -webkit-linear-gradient(left, hsla(0, 100%, 70%, .3), hsla(0, 100%, 70%, 0));
  background: linear-gradient(90deg, hsla(0, 100%, 70%, .3), hsla(0, 100%, 70%, 0));
  border-top-left-radius: 4px;
  height: 244px;
  left: 0;
  position: absolute;
  top: 0;
  width: 351px;
  z-index: -2
}
.schedule_container .game-item .game-header .left .logo-bg {
  margin-left: 60px;
  position: relative;
  width: 184px
}
.schedule_container .game-item .game-header .left .logo-bg .bg {
  background-color: hsla(0, 100%, 70%, .88);
  height: 244px;
  left: 60px;
  position: absolute;
  top: 0;
  -webkit-transform: skew(-20deg);
  transform: skew(-20deg);
  width: 80px;
  z-index: -1
}
.schedule_container .game-item .game-header .left .area, .schedule_container .game-item .game-header .left .team-name {
  left: 282px
}
.schedule_container .game-item .game-header .center {
  -webkit-box-flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center
}
.schedule_container .game-item .game-header .center .time {
  color: hsla(0, 0%, 100%, .7);
  font-size: 18px;
  font-weight: 400;
  line-height: 36px
}
.schedule_container .game-item .game-header .center .time.in {
  color: hsla(0, 100%, 70%, .7)
}
.schedule_container .game-item .game-header .center .live-source {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 32px;
  margin-top: 24px;
  white-space: nowrap
}
.schedule_container .game-item .game-header .center .live-source.live-spacing {
  margin-top: 0
}
.schedule_container .game-item .game-header .center .live-source .live-videos {
  background: hsla(0, 0%, 100%, .04);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgba(0, 128, 255, .7);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-right: 12px;
  min-width: 62px;
  padding: 6px 10px;
  text-align: justify;
  -moz-text-align-last: justify;
  text-align-last: justify
}
.schedule_container .game-item .game-header .center .live-source .live-videos:hover {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.schedule_container .game-item .game-header .center .live-source .live {
  -ms-flex-negative: 0;
  color: hsla(0, 0%, 100%, .7);
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap
}
.schedule_container .game-item .game-header .center .live-source .more-item {
  background: hsla(0, 0%, 100%, .04);
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  height: 32px;
  position: relative;
  width: 60px
}
.schedule_container .game-item .game-header .center .live-source .more-item:hover .item {
  display: block
}
.schedule_container .game-item .game-header .center .live-source .more-item .mores {
  color: rgba(0, 128, 255, .7);
  line-height: 32px;
  margin-left: -10px;
  position: relative
}
.schedule_container .game-item .game-header .center .live-source .more-item .mores:hover {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.schedule_container .game-item .game-header .center .live-source .more-item .mores:before {
  content: "\f02f";
  font-size: 8px;
  height: 4px;
  position: absolute;
  right: -12px;
  width: 8px
}
.schedule_container .game-item .game-header .center .live-source .more-item .item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #373a3d;
  border-radius: 4px;
  display: none;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 6px 0;
  position: absolute;
  right: -22%;
  top: 40px;
  z-index: 2
}
.schedule_container .game-item .game-header .center .live-source .more-item .item i {
  border-bottom: 9px solid #373a3d;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  left: 50%;
  position: absolute;
  top: -8px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.schedule_container .game-item .game-header .center .live-source .more-item .item .list {
  line-height: 32px;
  width: 80px
}
.schedule_container .game-item .game-header .center .live-source .more-item .item .list, .schedule_container .game-item .game-header .center .score {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .88);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}
.schedule_container .game-item .game-header .center .score {
  font-size: 40px;
  font-weight: 500;
  height: 56px;
  line-height: 56px;
  margin-top: 24px
}
.schedule_container .game-item .game-header .center .score .reservation {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background: hsla(0, 0%, 100%, .06);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .4);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: 400;
  height: 36px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 36px;
  margin-top: -29px;
  width: 74px
}
.schedule_container .game-item .game-header .center .score .reservation .active_text {
  display: none
}
.schedule_container .game-item .game-header .center .score .reservation.active {
  background: rgba(0, 128, 255, .7);
  color: hsla(0, 0%, 100%, .88)
}
.schedule_container .game-item .game-header .center .score .reservation.active .un_text {
  display: none
}
.schedule_container .game-item .game-header .center .score .reservation.active .active_text {
  display: inline
}
.schedule_container .game-item .game-header .center .score .reservation.active:hover {
  background: rgba(0, 128, 255, .88);
  -webkit-transition: background .3s;
  transition: background .3s
}
.schedule_container .game-item .game-header .center .score .icon {
  background-image: url(../../../images/sprites/pcGame_sprite.png);
  background-position: -184px -287px;
  height: 56px;
  width: 100px
}
.schedule_container .game-item .game-header .right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 423px
}
.schedule_container .game-item .game-header .right .great {
  border-radius: 0 4px;
  right: 0
}
.schedule_container .game-item .game-header .right .great .thumbs-up {
  padding-right: 2px;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}
.schedule_container .game-item .game-header .right .gradient {
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 128, 255, 0)), to(rgba(0, 128, 255, .3)));
  background: -webkit-linear-gradient(left, rgba(0, 128, 255, 0), rgba(0, 128, 255, .3));
  background: linear-gradient(90deg, rgba(0, 128, 255, 0), rgba(0, 128, 255, .3));
  border-top-right-radius: 4px;
  height: 244px;
  position: absolute;
  right: 0;
  top: 0;
  width: 351px;
  z-index: -2
}
.schedule_container .game-item .game-header .right .logo-bg {
  margin-left: 177px;
  position: relative;
  width: 186px
}
.schedule_container .game-item .game-header .right .logo-bg .bg {
  background-color: rgba(0, 128, 255, .88);
  height: 244px;
  left: 60px;
  position: absolute;
  top: 0;
  -webkit-transform: skew(20deg);
  transform: skew(20deg);
  width: 80px;
  z-index: -1
}
.schedule_container .game-item .game-header .right .team-name {
  right: 282px
}
.schedule_container .game-item .game-header .right .area {
  right: 277px
}
.schedule_container .game-item .tab-item {
  background: hsla(0, 0%, 100%, .02);
  border-radius: 0 0 4px 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
  width: 1280px
}
.schedule_container .game-item .tab-item .list {
  color: hsla(0, 0%, 100%, .5);
  cursor: pointer;
  font-size: 20px;
  font-weight: 500;
  line-height: 64px;
  text-align: center;
  width: 100px
}
.schedule_container .game-item .tab-item .list:hover {
  color: hsla(0, 0%, 100%, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.schedule_container .game-item .tab-item .list:first-child {
  margin-left: 18px
}
.schedule_container .game-item .tab-item .active {
  color: hsla(0, 0%, 100%, .88);
  position: relative
}
.schedule_container .game-item .tab-item .active:before {
  background-color: rgba(0, 128, 255, .88);
  bottom: 0;
  color: hsla(0, 0%, 100%, .88);
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -20px;
  position: absolute;
  width: 40px
}
.schedule_container .game-item .all {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 48px
}
.schedule_container .game-item .all .switch {
  width: 940px
}
.schedule_container .game-item .all .switch .player-data {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 48px
}
.schedule_container .game-item .all .switch .player-data .item {
  width: 659px
}
.schedule_container .game-item .all .switch .player-data .item .list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 37px
}
.schedule_container .game-item .all .switch .player-data .item .list .center {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0
}
.schedule_container .game-item .all .switch .player-data .item .list .center .top {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 76px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 11px
}
.schedule_container .game-item .all .switch .player-data .item .list .center .top .score {
  -webkit-box-flex: 1;
  color: hsla(0, 0%, 100%, .88);
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px
}
.schedule_container .game-item .all .switch .player-data .item .list .center .top .score.home {
  text-align: right
}
.schedule_container .game-item .all .switch .player-data .item .list .center .top .summary-graph {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 76px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 51px
}
.schedule_container .game-item .all .switch .player-data .item .list .center .top .summary-graph .box {
  background: hsla(0, 100%, 70%, .88);
  border-radius: 4px 4px 0 0;
  height: 100%;
  width: 24px
}
.schedule_container .game-item .all .switch .player-data .item .list .center .top .summary-graph .box.right {
  background: rgba(0, 128, 255, .88)
}
.schedule_container .game-item .all .switch .player-data .item .list .center .bottom {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: hsla(0, 0%, 100%, .88);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 20px
}
.schedule_container .game-item .all .switch .player-data .item .list .content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  position: relative;
  width: 226px
}
.schedule_container .game-item .all .switch .player-data .item .list .content:before {
  background: hsla(0, 100%, 70%, .88);
  bottom: 26px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 328px
}
.schedule_container .game-item .all .switch .player-data .item .list .content .avatar {
  height: 76px;
  margin-bottom: 12px;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 1;
  width: 76px
}
.schedule_container .game-item .all .switch .player-data .item .list .content .icon-user {
  color: hsla(0, 0%, 100%, .02);
  font-size: 90px;
  height: 90px;
  margin-bottom: -1px;
  width: 90px
}
.schedule_container .game-item .all .switch .player-data .item .list .content .username {
  color: hsla(0, 0%, 100%, .7);
  height: 20px;
  width: 226px
}
.schedule_container .game-item .all .switch .player-data .item .list .content.right {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end
}
.schedule_container .game-item .all .switch .player-data .item .list .content.right .username {
  text-align: right
}
.schedule_container .game-item .all .switch .player-data .item .list .content.right:before {
  background: rgba(0, 128, 255, .88);
  content: "";
  left: -102px
}
.schedule_container .game-item .all .switch .team_data {
  margin: 16px 0 48px
}
.schedule_container .game-item .all .switch .team_data .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  height: 48px;
  line-height: 48px;
  margin-top: 7px
}
.schedule_container .game-item .all .switch .team_data .list:first-child {
  border-bottom: 1px solid hsla(0, 0%, 100%, .03);
  font-size: 16px;
  font-weight: 500;
  margin-top: 0
}
.schedule_container .game-item .all .switch .team_data .list .logo {
  height: 36px;
  margin-left: 6px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 36px
}
.schedule_container .game-item .all .switch .team_data .list .num {
  color: hsla(0, 0%, 100%, .88);
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 92px
}
.schedule_container .game-item .all .switch .team_data .list .progress-bar {
  -webkit-box-flex: 1;
  background-color: hsla(0, 0%, 100%, .06);
  border-radius: 3px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 4px;
  overflow: hidden;
  position: relative;
  width: 320px
}
.schedule_container .game-item .all .switch .team_data .list .progress-bar .out {
  background-color: hsla(0, 0%, 100%, .24);
  border-radius: 3px;
  height: 4px;
  position: absolute;
  right: 0;
  width: 30%
}
.schedule_container .game-item .all .switch .team_data .list .progress-bar .in_80 {
  background: hsla(0, 100%, 70%, .88);
  width: 70%
}
.schedule_container .game-item .all .switch .team_data .list .progress-bar .in_32 {
  background: rgba(0, 128, 255, .88);
  width: 40%
}
.schedule_container .game-item .all .switch .team_data .list .left {
  -webkit-box-flex: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-justify-content: flex-end;
  justify-content: flex-end
}
.schedule_container .game-item .all .switch .team_data .list .left span {
  color: hsla(0, 0%, 100%, .7)
}
.schedule_container .game-item .all .switch .team_data .list .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  color: hsla(0, 0%, 100%, .7);
  height: 50px;
  -webkit-justify-content: center;
  justify-content: center;
  width: 116px
}
.schedule_container .game-item .all .switch .team_data .list .center, .schedule_container .game-item .all .switch .team_data .list .right {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.schedule_container .game-item .all .switch .team_data .list .right {
  -webkit-box-flex: 1;
  -ms-flex-align: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.schedule_container .game-item .all .switch .team_data .list .right .logo {
  margin-left: 0;
  margin-right: 6px;
  -o-object-fit: contain;
  object-fit: contain
}
.schedule_container .game-item .all .switch .team_data .list .right .progress-bar .out {
  left: 0
}
.schedule_container .game-item .all .switch .team_data .list .right span {
  color: hsla(0, 0%, 100%, .7)
}
.schedule_container .game-item .all .switch .game .overtime {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 141px;
  margin: 11px 0 48px;
  width: 940px
}
.schedule_container .game-item .all .switch .game .overtime .logo {
  height: 64px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 64px
}
.schedule_container .game-item .all .switch .game .overtime .left {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 148px
}
.schedule_container .game-item .all .switch .game .overtime .center {
  -webkit-box-flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 642px
}
.schedule_container .game-item .all .switch .game .overtime .center .teamLists {
  color: hsla(0, 0%, 100%, .5);
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  width: 90px
}
.schedule_container .game-item .all .switch .game .overtime .center .teamLists div {
  height: 48px;
  line-height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.schedule_container .game-item .all .switch .game .overtime .center .teamLists .team {
  border-bottom: 1px solid hsla(0, 0%, 100%, .03);
  color: hsla(0, 0%, 100%, .4);
  height: 48px;
  line-height: 48px
}
.schedule_container .game-item .all .switch .game .overtime .center .itemScroll {
  -webkit-box-flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto
}
.schedule_container .game-item .all .switch .game .overtime .center .itemScroll .list {
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-negative: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  font-size: 18px;
  font-weight: 400;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis
}
.schedule_container .game-item .all .switch .game .overtime .center .itemScroll .list div {
  color: hsla(0, 0%, 100%, .5);
  line-height: 48px
}
.schedule_container .game-item .all .switch .game .overtime .center .itemScroll .list div:first-child {
  border-bottom: 1px solid hsla(0, 0%, 100%, .03);
  color: hsla(0, 0%, 100%, .4);
  line-height: 48px
}
.schedule_container .game-item .all .switch .game .overtime .center .itemScroll .list div.in {
  color: hsla(0, 0%, 100%, .88);
  font-weight: 500
}
.schedule_container .game-item .all .switch .game .overtime .center .itemScroll .list.active {
  color: #f66;
  font-weight: 500
}
.schedule_container .game-item .all .switch .game .overtime .center .itemScroll .list.active div, .schedule_container .game-item .all .switch .game .overtime .center .itemScroll .list.active div:first-child {
  color: #f66
}
.schedule_container .game-item .all .switch .game .overtime .right {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 148px
}
.schedule_container .game-item .all .switch .game .optimal {
  margin: 16px 0 48px
}
.schedule_container .game-item .all .switch .game .optimal .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  height: 50px;
  line-height: 50px;
  margin-top: 6px
}
.schedule_container .game-item .all .switch .game .optimal .list:first-child {
  border-bottom: 1px solid hsla(0, 0%, 100%, .03);
  margin-top: 0
}
.schedule_container .game-item .all .switch .game .optimal .list .logo {
  height: 36px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 36px
}
.schedule_container .game-item .all .switch .game .optimal .list .left {
  -webkit-box-flex: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-justify-content: flex-end;
  justify-content: flex-end
}
.schedule_container .game-item .all .switch .game .optimal .list .left span {
  color: hsla(0, 0%, 100%, .7)
}
.schedule_container .game-item .all .switch .game .optimal .list .left .num {
  color: #fff;
  height: 48px;
  text-align: right;
  width: 60px
}
.schedule_container .game-item .all .switch .game .optimal .list .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-justify-content: center;
  justify-content: center;
  width: 116px
}
.schedule_container .game-item .all .switch .game .optimal .list .center .distributed {
  background: rgba(0, 128, 255, .88);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .7);
  font-size: 14px;
  font-weight: 400;
  height: 22px;
  line-height: 22px;
  text-align: center;
  width: 40px
}
.schedule_container .game-item .all .switch .game .optimal .list .right {
  -webkit-box-flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.schedule_container .game-item .all .switch .game .optimal .list .right span {
  color: hsla(0, 0%, 100%, .7)
}
.schedule_container .game-item .all .switch .game .optimal .list .right .num {
  color: #fff;
  height: 48px;
  width: 60px
}
.schedule_container .game-item .all .switch .game .player_data {
  margin-top: 12px
}
.schedule_container .game-item .all .switch .game .player_data:last-child {
  margin-top: 30px
}
.schedule_container .game-item .all .switch .game .player_data .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  height: 60px
}
.schedule_container .game-item .all .switch .game .player_data .list:hover {
  background-color: hsla(0, 0%, 100%, .02);
  -webkit-transition: background-color .3s;
  transition: background-color .3s
}
.schedule_container .game-item .all .switch .game .player_data .list:first-child:hover {
  background-color: transparent
}
.schedule_container .game-item .all .switch .game .player_data .list .team-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 171px
}
.schedule_container .game-item .all .switch .game .player_data .list .team-left .avatar {
  border-radius: 50%;
  height: 36px;
  left: 12px;
  position: absolute;
  top: 12px;
  width: 36px
}
.schedule_container .game-item .all .switch .game .player_data .list .team-left .first-name {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: hsla(0, 0%, 100%, .7);
  display: -webkit-box;
  left: 54px;
  line-height: 19px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 13px;
  white-space: normal
}
.schedule_container .game-item .all .switch .game .player_data .list .team-left .position {
  color: hsla(0, 0%, 100%, .3);
  font-size: 12px;
  left: 54px;
  line-height: 16px;
  position: absolute;
  top: 32px
}
.schedule_container .game-item .all .switch .game .player_data .list div {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: hsla(0, 0%, 100%, .7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 60px;
  text-align: center;
  width: 64px
}
.schedule_container .game-item .all .switch .game .player_data .list div.in {
  color: rgba(0, 128, 255, .7)
}
.schedule_container .game-item .all .switch .game .player_data .list:first-child {
  border-bottom: 1px solid hsla(0, 0%, 100%, .03);
  margin-top: 0
}
.schedule_container .game-item .all .switch .game .player_data .list:first-child .team-left {
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  -webkit-justify-content: normal;
  justify-content: normal;
  line-height: 60px;
  overflow: hidden;
  text-align: left
}
.schedule_container .game-item .all .switch .game .player_data .list:first-child .team-left a {
  -webkit-box-flex: 1;
  color: hsla(0, 0%, 100%, .7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden
}
.schedule_container .game-item .all .switch .game .player_data .list:first-child .team-left a span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.schedule_container .game-item .all .switch .game .player_data .list:first-child .team-left .logo {
  background: transparent;
  height: 36px;
  -o-object-fit: contain;
  object-fit: contain;
  opacity: 1;
  padding: 11px 6px 0 12px;
  width: 36px
}
.schedule_container .game-item .all .switch .game .player_data .list:first-child div {
  color: hsla(0, 0%, 100%, .4);
  font-size: 14px
}
.schedule_container .game-item .all .switch .game .player_data .list:nth-child(2) div {
  line-height: 50px;
  padding-top: 6px
}
.schedule_container .game-item .all .switch .game .player_data .active, .schedule_container .game-item .all .switch .game .player_data .ins {
  background-color: hsla(0, 0%, 100%, .02)
}
.schedule_container .game-item .all .switch .game-not-started .recent {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 48px
}
.schedule_container .game-item .all .switch .game-not-started .recent, .schedule_container .game-item .all .switch .game-not-started .recent .item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.schedule_container .game-item .all .switch .game-not-started .recent .item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 557px
}
.schedule_container .game-item .all .switch .game-not-started .recent .item .team-logo {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  width: 76px
}
.schedule_container .game-item .all .switch .game-not-started .recent .item .team-logo .logo {
  height: 76px;
  margin-bottom: 8px;
  -o-object-fit: contain;
  object-fit: contain;
  opacity: 1;
  width: 76px
}
.schedule_container .game-item .all .switch .game-not-started .recent .item .center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .88);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  font-weight: 600;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 32px;
  width: 246px
}
.schedule_container .game-item .all .switch .game-not-started .recent .item .center .vs {
  color: hsla(0, 0%, 100%, .4);
  font-size: 24px;
  font-weight: 600;
  height: 33px;
  line-height: 33px
}
.schedule_container .game-item .all .switch .game-not-started .game-history {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 24px 0 48px
}
.schedule_container .game-item .all .switch .game-not-started .game-history .item {
  width: 834px
}
.schedule_container .game-item .all .switch .game-not-started .game-history .item .list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 36px
}
.schedule_container .game-item .all .switch .game-not-started .game-history .item .list .left {
  color: hsla(0, 0%, 100%, .7);
  font-size: 16px;
  font-weight: 400;
  height: 21px;
  line-height: 21px;
  text-align: left;
  width: 95px
}
.schedule_container .game-item .all .switch .game-not-started .game-history .item .list .right {
  color: hsla(0, 0%, 100%, .4);
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  text-align: right;
  width: 80px
}
.schedule_container .game-item .all .switch .game-not-started .game-history .item .list .center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 369px
}
.schedule_container .game-item .all .switch .game-not-started .game-history .item .list .center .team-logo {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  line-height: 21px;
  width: 106px
}
.schedule_container .game-item .all .switch .game-not-started .game-history .item .list .center .team-logo .logo {
  height: 36px;
  margin-left: 6px;
  -o-object-fit: contain;
  object-fit: contain;
  opacity: 1;
  width: 36px
}
.schedule_container .game-item .all .switch .game-not-started .game-history .item .list .center .team-logo.team-right {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start
}
.schedule_container .game-item .all .switch .game-not-started .game-history .item .list .center .team-logo.team-right .logo {
  margin-left: 0;
  margin-right: 6px
}
.schedule_container .game-item .all .switch .game-not-started .game-history .item .list .center .team-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .4);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 27px;
  width: 92px
}
.schedule_container .game-item .all .switch .game-not-started .game-history .item .list .center .team-center div {
  margin: 0 10px
}
.schedule_container .game-item .all .switch .game-not-started .game-history .item .list .center .team-center .score {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0;
  width: 30px
}
.schedule_container .game-item .all .switch .game-not-started .game-history .item .list .center .team-center .score.active {
  color: hsla(0, 100%, 70%, .88)
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight {
  margin-bottom: 48px
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight.battle-report .left {
  height: 300px;
  overflow: hidden
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight .optimal {
  background: hsla(0, 0%, 100%, .02);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 168px;
  margin-bottom: 36px;
  padding: 0 24px 12px
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight .optimal .top {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid hsla(0, 0%, 100%, .02);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 72px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight .optimal .top .player-avatar {
  -webkit-box-flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight .optimal .top .player-avatar .avatar {
  border-radius: 50%;
  height: 36px;
  margin-right: 12px;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 1;
  width: 36px
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight .optimal .top .player-avatar span {
  width: 8em
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight .optimal .top .player-avatar.right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight .optimal .top .player-avatar.right .avatar {
  margin-left: 12px
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight .optimal .top .player-avatar.right span {
  text-align: right
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight .optimal .top .this-field-star img {
  height: 16px;
  width: 83px
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight .optimal .bottom {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 98px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight .optimal .bottom .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight .optimal .bottom .item .list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .4);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 16px;
  font-weight: 400;
  height: 83px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 22px;
  width: 75px
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight .optimal .bottom .item .list .record {
  color: hsla(0, 0%, 100%, .88);
  font-size: 24px;
  font-weight: 600;
  line-height: 33px;
  margin-bottom: 6px
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight .til {
  margin-bottom: 24px
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight .left .title {
  color: hsla(0, 0%, 100%, .88);
  font-size: 28px;
  font-weight: 600;
  line-height: 42px;
  padding-bottom: 24px
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight .left .desc {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 36px
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight .left .desc .name {
  color: hsla(0, 0%, 100%, .7)
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight .left .desc .time {
  color: hsla(0, 0%, 100%, .4);
  margin: 0 30px 0 12px
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight .left .desc .follow-btn {
  margin: 0
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight .left .content {
  color: hsla(0, 0%, 100%, .7);
  font-size: 18px;
  line-height: 36px;
  position: relative;
  text-align: justify;
  word-break: break-all
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight .left .content .gif-box {
  cursor: pointer;
  display: inline-block;
  position: relative;
  -webkit-transform: translate(calc(470px - 50%));
  transform: translate(calc(470px - 50%))
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight .left .content .gif-box:before {
  background: rgba(0, 128, 255, .32);
  border-radius: 4px 0;
  bottom: 18px;
  color: #fff;
  content: "GIF";
  font-size: 14px;
  font-weight: 600;
  height: 24px;
  line-height: 24px;
  position: absolute;
  right: 0;
  text-align: center;
  text-shadow: 0 0 2px rgba(0, 0, 0, .16);
  width: 38px;
  z-index: 1
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight .left .content div, .schedule_container .game-item .all .switch .foresight-battle-report .foresight .left .content p {
  color: hsla(0, 0%, 100%, .8);
  margin: 0;
  padding: 18px 0
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight .left .content img {
  border-radius: 4px;
  display: block;
  margin: 0 auto;
  max-width: 100%;
  opacity: .9
}
.schedule_container .game-item .all .switch .foresight-battle-report .foresight .left .content a {
  color: rgba(0, 128, 255, .88);
  font-weight: 700
}
.schedule_container .game-item .all .switch .foresight-battle-report .unfold {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: #212326;
  color: rgba(0, 128, 255, .88);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  height: 43px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 21px;
  position: relative;
  width: 940px
}
.schedule_container .game-item .all .switch .foresight-battle-report .unfold .double-down {
  font-size: 12px;
  margin-left: 8px
}
.schedule_container .game-item .all .switch .foresight-battle-report .unfold:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(33, 35, 38, 0)), to(#212326));
  background: -webkit-linear-gradient(top, rgba(33, 35, 38, 0), #212326);
  background: linear-gradient(180deg, rgba(33, 35, 38, 0), #212326);
  content: "";
  height: 64px;
  position: absolute;
  top: -64px;
  width: 940px
}
.schedule_container .game-item .all .comment-right {
  margin-left: 40px;
  width: 300px
}
.schedule_container .game-item .all .comment-right .comment {
  background: hsla(0, 0%, 100%, .01);
  border-radius: 4px;
  font-weight: 400;
  height: 693px;
  margin-top: 12px;
  position: relative;
  width: 300px
}
.schedule_container .game-item .all .comment-right .comment #load-status {
  font-size: 14px
}
.schedule_container .game-item .all .comment-right .comment .bottom {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 21px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 21px;
  margin-top: 7px
}
.schedule_container .game-item .all .comment-right .comment .bottom .operate {
  color: rgba(255, 255, 225, .3);
  font-size: 12px
}
.schedule_container .game-item .all .comment-right .comment .bottom .operate .wait {
  background-color: hsla(0, 0%, 100%, .06);
  border-radius: 10px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  width: 52px
}
.schedule_container .game-item .all .comment-right .comment .bottom .like {
  color: hsla(0, 0%, 100%, .4);
  cursor: pointer;
  font-size: 14px
}
.schedule_container .game-item .all .comment-right .comment .bottom .like .fi {
  font-size: 18px
}
.schedule_container .game-item .all .comment-right .comment .bottom .like .fi-thumbs-up {
  display: none
}
.schedule_container .game-item .all .comment-right .comment .bottom .like.active {
  color: #f66 !important
}
.schedule_container .game-item .all .comment-right .comment .bottom .like.active .fi-thumbs-up {
  display: inline
}
.schedule_container .game-item .all .comment-right .comment .bottom .like.active .fi-thumbs-up-o {
  display: none
}
.schedule_container .game-item .all .comment-right .comment .bottom .reply {
  color: hsla(0, 0%, 100%, .88);
  cursor: pointer;
  font-size: 12px
}
.schedule_container .game-item .all .comment-right .comment .bottom .reply:hover {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.schedule_container .game-item .all .comment-right .comment .replyList {
  background: hsla(0, 0%, 100%, .01);
  margin-top: 12px;
  padding: 14px 12px 12px;
  width: 228px
}
.schedule_container .game-item .all .comment-right .comment .replyList .listComment {
  margin-bottom: 25px;
  width: 228px
}
.schedule_container .game-item .all .comment-right .comment .replyList .listComment.replyNum {
  color: hsla(0, 0%, 100%, .7);
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px
}
.schedule_container .game-item .all .comment-right .comment .replyList .listComment:last-child {
  margin-bottom: 0
}
.schedule_container .game-item .all .comment-right .comment .replyList .listComment .top {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 24px
}
.schedule_container .game-item .all .comment-right .comment .speak {
  word-wrap: break-word;
  color: hsla(0, 0%, 100%, .7);
  font-size: 14px;
  line-height: 24px;
  padding-top: 6px;
  word-break: break-all
}
.schedule_container .game-item .all .comment-right .comment .speak .deep_text {
  color: hsla(0, 0%, 100%, .4);
  font-size: 14px;
  line-height: 24px
}
.schedule_container .game-item .all .comment-right .comment .speak .name {
  color: rgba(0, 128, 255, .7);
  padding-left: 6px
}
.schedule_container .game-item .all .comment-right .comment .top {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 28px
}
.schedule_container .game-item .all .comment-right .comment .top .avatar {
  background: rgba(0, 0, 0, .2);
  border-radius: 50%;
  height: 28px;
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: 28px
}
.schedule_container .game-item .all .comment-right .comment .top span {
  color: rgba(0, 128, 255, .7);
  font-size: 14px
}
.schedule_container .game-item .all .comment-right .comment .top .time {
  color: hsla(0, 0%, 100%, .4);
  font-size: 12px
}
.schedule_container .game-item .all .comment-right .comment .comment-item {
  max-height: 629px;
  overflow-x: hidden;
  overflow-y: auto
}
.schedule_container .game-item .all .comment-right .comment .comment-item .list {
  padding: 0 24px 36px;
  width: 252px
}
.schedule_container .game-item .all .comment-right .comment .comment-item .list:first-child {
  padding-top: 24px
}
.schedule_container .game-item .all .comment-right .comment .comment-item .list:last-child {
  padding-bottom: 16px
}
.schedule_container .game-item .all .comment-right .comment .input {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  background: hsla(0, 0%, 100%, .02);
  border-radius: 0 0 4px 4px;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 12px 24px 12px 12px;
  position: absolute;
  width: 264px
}
.schedule_container .game-item .all .comment-right .comment .input .comment_input {
  background: hsla(0, 0%, 100%, 0);
  border: none;
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .7);
  height: 40px;
  outline: none;
  width: 184px
}
.schedule_container .game-item .all .comment-right .comment .input .comment_input::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, .4)
}
.schedule_container .game-item .all .comment-right .comment .input .comment_input::-moz-placeholder {
  color: hsla(0, 0%, 100%, .4)
}
.schedule_container .game-item .all .comment-right .comment .input .comment_input:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, .4)
}
.schedule_container .game-item .all .comment-right .comment .input .comment_input::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, .4)
}
.schedule_container .game-item .all .comment-right .comment .input .comment_input::placeholder {
  color: hsla(0, 0%, 100%, .4)
}
.schedule_container .game-item .all .comment-right .comment .input .button {
  background: rgba(0, 128, 255, .3);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .3);
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 66px
}
.schedule_container .game-item .all .comment-right .comment .input .button.active {
  background: rgba(0, 128, 255, .88);
  color: hsla(0, 0%, 100%, .8)
}
.topic_container .main__container, .topic_container .main__container .home-topic__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.topic_container .main__container .home-topic__item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.topic_container .main__container .home-topic__list {
  background-color: hsla(0, 0%, 100%, .03);
  border-radius: 4px;
  height: 297px;
  margin-bottom: 36px;
  width: 377px
}
.topic_container .main__container .home-topic__list-covers {
  border-radius: 4px;
  height: 183px;
  overflow: hidden;
  width: 377px
}
.topic_container .main__container .home-topic__list-cover {
  height: 183px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 377px
}
.topic_container .main__container .home-topic__list-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 114px;
  padding: 12px
}
.topic_container .main__container .home-topic__list-title {
  color: hsla(0, 0%, 100%, .88);
  font-size: 20px;
  font-weight: 500;
  height: 27px;
  line-height: 27px;
  margin: 0
}
.topic_container .main__container .home-topic__list-desc {
  color: hsla(0, 0%, 100%, .7);
  line-height: 24px;
  margin-top: 12px
}
.topic_container .main__container .big_cover {
  border-radius: 4px;
  height: 382px;
  margin-bottom: 36px;
  overflow: hidden;
  position: relative;
  width: 100%
}
.topic_container .main__container .big_cover img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.topic_container .main__container .big_cover .content-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
  background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .8));
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8));
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .88);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  padding: 0 24px 20px;
  position: absolute;
  width: 100%
}
.topic_container .main__container .big_cover .content-box .title {
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 14px
}
.topic_container .main__container .big_cover .content-box .tag {
  -ms-flex-item-align: start;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  background-color: rgba(0, 128, 255, .88);
  border-radius: 4px 4px 4px 0;
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 10px;
  padding: 0 12px;
  text-align: center
}
.topic_container .main__container .big_cover .content-box .content-summary {
  -ms-flex-item-align: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden
}
.topic_container .main__container .big_cover .content-box .content-summary .text {
  color: hsla(0, 0%, 100%, .6);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  line-height: 1.5;
  max-height: 3.2em;
  overflow: hidden;
  position: relative;
  text-align: justify;
  text-overflow: ellipsis;
  -webkit-transition: max-height .3s;
  transition: max-height .3s
}
.topic_container .main__container .big_cover .content-box .content-summary .text:before {
  content: "";
  float: right;
  height: calc(100% - 23px)
}
.topic_container .main__container .big_cover .content-box .content-summary .control-label {
  border-radius: 4px;
  clear: both;
  color: hsla(0, 0%, 100%, .88);
  cursor: pointer;
  display: none;
  float: right;
  font-size: 16px;
  line-height: 24px;
  margin-left: 20px;
  margin-top: -4px;
  padding: 0 5px;
  position: relative
}
.topic_container .main__container .big_cover .content-box .content-summary .control-label:before {
  color: hsla(0, 0%, 100%, .6);
  content: "...";
  left: -5px;
  position: absolute;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}
.topic_container .main__container .big_cover .content-box .content-summary .control-label:after {
  content: "展开"
}
.topic_container .main__container .big_cover .content-box .content-summary .control {
  display: none
}
.topic_container .main__container .big_cover .content-box .content-summary .control:checked + .text {
  max-height: none
}
.topic_container .main__container .big_cover .content-box .content-summary .control:checked + .text .control-label:before, .topic_container .main__container .big_cover .content-box .content-summary .control:checked + .text:after {
  visibility: hidden
}
.topic_container .main__container .big_cover .content-box .content-summary .control:checked + .text .control-label:after {
  content: "收起"
}
.topic_container .main__container .introduction {
  background: #373a3d;
  border-radius: 2px;
  color: hsla(0, 0%, 100%, .7);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 18px 0 36px;
  padding: 20px;
  position: relative;
  text-align: justify;
  width: 770px;
  word-break: break-all
}
.topic_container .main__container .introduction:before {
  border-bottom: 8px solid #373a3d;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  content: "";
  height: 0;
  left: 12px;
  position: absolute;
  top: -8px;
  width: 0
}
.discover-container img {
  -o-object-fit: cover;
  object-fit: cover
}
.discover-container .discover-item {
  width: 790px
}
.discover-container .discover-item .social-list:hover {
  background-color: hsla(0, 0%, 100%, .02);
  -webkit-transition: background-color .3s;
  transition: background-color .3s
}
.discover-container .discover-item .no_data .title {
  color: hsla(0, 0%, 100%, .8);
  margin: 0
}
.social-detail img {
  -o-object-fit: cover;
  object-fit: cover
}
.social-detail .social-list {
  margin-bottom: 48px;
  padding: 0
}
.social-detail .social-list .social-photos {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 24px
}
.social-detail .social-list .social-photos--more {
  height: 444px
}
.social-detail .social-list .social-photos--more .social-photos__cover {
  height: 218px;
  width: 346px
}
.social-detail .social-list .social-photos--more .social-photos__cover:first-child {
  height: 444px;
  width: 539px
}
.social-detail .social-list .social-photos--more .social-photos__cover:first-child-list {
  height: 444px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 539px
}
.social-detail .social-list .social-photos--more .social-photos__cover-list {
  height: 218px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 346px
}
.social-detail .social-list__intermediate {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.social-detail .social-list__member {
  margin: 30px 24px 6px
}
.social-detail .social-list__member .follow-btn {
  top: 24px
}
.social-detail .social-list__content, .social-detail .social-list__fold, .social-detail .social-list__fold-content, .social-detail .social-list__unfold {
  padding: 0 24px
}
.social-detail .social-list__video {
  margin: 0;
  max-height: none;
  max-width: 100%;
  width: 100%
}
.social-detail .social-list__video--background {
  background: hsla(0, 0%, 100%, .01);
  margin-bottom: 20px;
  padding: 24px
}
.social-detail .social-list .slide_photos {
  background: hsla(0, 0%, 100%, .01);
  display: none;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 24px 0 112px;
  position: relative
}
.social-detail .social-list .slide_photos.spacing {
  padding: 24px 0
}
.social-detail .social-list .slide_photos .swiper-wrapper .swiper-slide {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 650px;
  -webkit-justify-content: center;
  justify-content: center;
  opacity: .8;
  width: 892px
}
.social-detail .social-list .slide_photos .swiper-wrapper .swiper-slide img {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
.social-detail .social-list .slide_photos .operate {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 114px);
  left: 0;
  margin: 0 !important;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10
}
.social-detail .social-list .slide_photos .close_icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-flex: 1;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .8);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 50px;
  -webkit-justify-content: center;
  justify-content: center
}
.social-detail .social-list .slide_photos .close_icon .fi-zoom-out {
  display: none;
  margin-top: -40px
}
.social-detail .social-list .slide_photos .close_icon:hover .fi-zoom-out {
  display: inline
}
.social-detail .social-list .slide_photos .swiper-button-next, .social-detail .social-list .slide_photos .swiper-button-prev {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-flex: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  opacity: 0;
  padding: 0 39px;
  position: static;
  text-align: left;
  top: 22px;
  width: 100%
}
.social-detail .social-list .slide_photos .swiper-button-next:hover, .social-detail .social-list .slide_photos .swiper-button-prev:hover {
  opacity: 1
}
.social-detail .social-list .slide_photos .swiper-button-next {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end
}
.social-detail .social-list .slide_photos .swiper-button-next:after, .social-detail .social-list .slide_photos .swiper-button-prev:after {
  color: #fff;
  font-size: 36px;
  font-style: normal
}
.social-detail .social-list .slide_photos .slide_pagination {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  bottom: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 76px;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  z-index: 11
}
.social-detail .social-list .slide_photos .slide_pagination .swiper-pagination-bullet {
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 76px;
  margin-right: 6px;
  opacity: .6;
  width: 76px
}
.social-detail .social-list .slide_photos .slide_pagination .swiper-pagination-bullet-active {
  border: 2px solid rgba(0, 128, 255, .9);
  opacity: 1
}
.social-detail .social-list__operate {
  margin: 0 24px
}
.social-detail .social-list__tags {
  padding: 0 24px
}
.social-detail .social-list__operate-list {
  margin-right: 28px
}
.social-detail .social-list .comments {
  display: block;
  width: 940px
}
.social-detail .social-list #Comment {
  margin-top: 48px
}
.social-detail__main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 40px auto 60px
}
.social-detail__main .item > .list {
  font-size: 16px;
  margin-bottom: 36px;
  min-height: 65px;
  padding: 7px 0 0 77px;
  position: relative
}
.social-detail__main .item > .list .avatar {
  border-radius: 50%;
  height: 65px;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 65px
}
.social-detail__main .item > .list .avatar img {
  height: 100%;
  width: 100%
}
.social-detail__main .item > .list .name {
  color: rgba(0, 125, 255, .7)
}
.social-detail__main .item > .list .time {
  -webkit-box-flex: inherit !important;
  -ms-flex-positive: inherit !important;
  -webkit-flex-grow: inherit !important;
  flex-grow: inherit !important;
  font-weight: 500
}
.social-detail__main .item > .list .member {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  margin-bottom: 12px;
  position: relative
}
.social-detail__main .item > .list .member > div {
  margin-right: 12px
}
.social-detail__main .item > .list .member .author, .social-detail__main .item > .list .member .hot {
  background: hsla(0, 0%, 100%, .06);
  border-radius: 9px;
  color: rgba(255, 179, 36, .88);
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  width: 32px
}
.social-detail__main .item > .list .member .hot {
  color: hsla(0, 100%, 70%, .88);
  width: 44px
}
.social-detail__main .item > .list .member .operate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0;
  position: absolute;
  right: 0
}
.social-detail__main .item > .list .member .operate .wait {
  background-color: hsla(0, 0%, 100%, .06);
  border-radius: 10px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  width: 52px
}
.social-detail__main .item > .list .member .operate .report {
  display: none;
  margin-right: 12px
}
.social-detail__main .item > .list .member .operate .like {
  cursor: pointer;
  margin-right: 12px
}
.social-detail__main .item > .list .member .operate .like .fi {
  font-size: 18px
}
.social-detail__main .item > .list .member .operate .like .fi-thumbs-up {
  display: none
}
.social-detail__main .item > .list .member .operate .like.active {
  color: #f66 !important
}
.social-detail__main .item > .list .member .operate .like.active .fi-thumbs-up {
  display: inline
}
.social-detail__main .item > .list .member .operate .like.active .fi-thumbs-up-o {
  display: none
}
.social-detail__main .item > .list .member .reply_btn {
  color: hsla(0, 0%, 100%, .88);
  line-height: 18px
}
.social-detail__main .item > .list .member:hover .report {
  color: hsla(0, 0%, 100%, .4);
  display: inline;
  -webkit-transition: color .3s;
  transition: color .3s
}
.social-detail__main .item > .list .content {
  color: hsla(0, 0%, 100%, .8);
  line-height: 24px;
  text-align: justify;
  word-break: break-all
}
.social-detail__main .item > .list .reply_item {
  background: hsla(0, 0%, 100%, .01);
  margin-top: 16px;
  padding: 20px
}
.social-detail__main .item > .list .reply_item .list {
  margin-bottom: 24px;
  padding: 0
}
.social-detail__main .item > .list .reply_item .list.replyList {
  cursor: pointer
}
.social-detail__main .item > .list .reply_item .list .fi-angle-right {
  font-size: 12px;
  vertical-align: 1px
}
.social-detail__main .item > .list .reply_item .list .deep_text {
  color: hsla(0, 0%, 100%, .4)
}
.social-detail__main .item > .list .reply_item .list:last-child {
  margin-bottom: 0
}
.social-detail__main .item > .list .reply_item .list:hover .report {
  color: hsla(0, 0%, 100%, .4);
  display: inline !important;
  -webkit-transition: color .3s;
  transition: color .3s
}
.social-detail__left {
  margin-right: 40px;
  width: 940px
}
.social-detail__right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.discover-user__title {
  margin-bottom: 24px
}
.discover-user__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-color: #212326;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 46px;
  margin-bottom: 18px;
  padding: 0 0 0 58px;
  position: relative
}
.discover-user__avatar-box {
  left: 0;
  position: absolute
}
.discover-user__avatar, .discover-user__avatar-box {
  border-radius: 50%;
  height: 46px;
  width: 46px
}
.discover-user__name {
  color: hsla(0, 0%, 100%, .88);
  height: 21px;
  line-height: 21px;
  margin-bottom: 4px
}
.discover-user__fans {
  color: hsla(0, 0%, 100%, .4);
  font-size: 14px;
  height: 19px;
  line-height: 19px
}
.discover-user__follow-btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: hsla(0, 0%, 100%, .06);
  border-radius: 4px;
  color: #0080ff;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 26px;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 auto 23px;
  position: absolute;
  right: 0;
  top: 10px;
  width: 66px
}
.discover-user__follow-btn .fi-plus {
  font-size: 10px;
  margin-right: 4px
}
.discover-user__follow-btn--is {
  display: none
}
.discover-user__follow-btn--active {
  color: hsla(0, 0%, 100%, .4)
}
.discover-user__follow-btn--active .discover-user__follow-btn--is {
  display: inline
}
.discover-user__follow-btn--active .discover-user__follow-btn--not, .discover-user__follow-btn--active .fi-plus {
  display: none
}
.about .side-bar {
  width: 104px
}
.about-container {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.about__detail {
  width: 1130px
}
.about__title {
  border-bottom: 1px solid hsla(0, 0%, 100%, .06);
  color: hsla(0, 0%, 100%, .88);
  font-size: 24px;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  padding-bottom: 18px
}
.about__content {
  color: hsla(0, 0%, 100%, .7);
  font-size: 16px;
  line-height: 28px;
  padding-top: 20px
}
.about__content p {
  margin: 0 0 24px
}
.about__content h3 {
  color: hsla(0, 0%, 100%, .88);
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0
}
.about__content strong {
  font-weight: 600
}
.about__content ul {
  padding-left: 48px
}
.about__content ul li {
  color: hsla(0, 0%, 100%, .5);
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  list-style-type: none;
  margin: 12px 0;
  position: relative
}
.about__content ul li:before {
  background: hsla(0, 0%, 100%, .5);
  border-radius: 50%;
  content: "";
  height: 8px;
  left: -24px;
  position: absolute;
  top: 10px;
  width: 8px
}
.about #side-bar .list {
  width: 104px
}
.about_container .main {
  margin: 48px auto 60px
}
.about_container #side-bar .list {
  width: 104px
}
.about_container .container {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.about_container .container .content {
  color: hsla(0, 0%, 100%, .7);
  font-size: 16px;
  line-height: 28px;
  padding-top: 20px;
  width: 1130px
}
.about_container .container .content .title {
  border-bottom: 1px solid hsla(0, 0%, 100%, .06);
  color: hsla(0, 0%, 100%, .88);
  font-size: 24px;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  padding-bottom: 18px
}
.wiki .main__section-content {
  -webkit-box-flex: 0;
  background-color: hsla(0, 0%, 100%, .01);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex: 0 0 940px;
  -ms-flex: 0 0 940px;
  flex: 0 0 940px;
  padding: 24px 24px 0
}
.wiki .section-item {
  border-radius: 4px
}
.wiki .section-item__title {
  left: 24px;
  top: 24px
}
.wiki .section-item--wiki {
  padding-top: 33px
}
.wiki .section-item--wiki .section-item__title {
  left: 0;
  top: 0
}
.wiki .section-item--wiki-rank {
  background-color: hsla(0, 0%, 100%, .01);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 66px 24px 24px
}
.wiki__list {
  color: hsla(0, 0%, 100%, .7);
  font-size: 16px;
  height: 56px;
  margin-bottom: 1px;
  width: 148px
}
.wiki__list, .wiki__list__num {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}
.wiki__list__num {
  color: hsla(0, 0%, 100%, .88);
  font-size: 20px;
  margin-right: 12px;
  text-align: center;
  width: 25px
}
.wiki__list__num--1 {
  color: hsla(0, 100%, 70%, .88)
}
.wiki__list__num--2 {
  color: rgba(255, 179, 36, .88)
}
.wiki__list__num--3 {
  color: rgba(0, 128, 255, .88)
}
.wiki__list:nth-child(-n+3) .wiki__list__num {
  font-style: italic;
  font-weight: 700
}
.wiki__list:nth-child(-n+3) .wiki__list__num:before {
  background-image: url(../../../images/sprites/desktop_sprite.png);
  background-position: -641px -250px;
  content: "";
  height: 12px;
  position: absolute;
  width: 25px;
  width: 26px
}
.wiki__list:hover {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.wiki__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.wiki__item--rank .wiki__list {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  height: 44px;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 100%
}
.wiki--detail .main__section-content {
  background-color: transparent;
  padding: 0
}
.wiki--detail__desc {
  background-color: hsla(0, 0%, 100%, .01);
  border-radius: 4px;
  padding: 24px
}
.wiki--detail__title {
  color: rgba(0, 128, 255, .88);
  font-size: 36px;
  font-weight: 500;
  height: 48px;
  line-height: 48px;
  margin: 0 0 24px
}
.wiki--detail__summary {
  font-weight: 500
}
.wiki--detail__content, .wiki--detail__summary {
  color: hsla(0, 0%, 100%, .8);
  font-size: 18px;
  line-height: 36px
}
.wiki--detail__content {
  background-color: hsla(0, 0%, 100%, .01);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 24px;
  padding: 24px
}
.wiki--detail__content img {
  border-radius: 4px;
  display: block;
  margin: 36px auto;
  max-width: 100%
}
.wiki--detail__content a {
  color: rgba(0, 128, 255, .88)
}
.wiki--detail__content p {
  margin-bottom: 12px
}
.wiki--detail__content h2 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .88);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  height: 27px;
  line-height: 27px;
  margin: 16px 0 24px;
  min-width: 100px;
  padding-left: 20px;
  position: relative
}
.wiki--detail__content h2:before {
  background-image: url(../../member/images/icon_title.svg);
  content: "";
  height: 18px;
  left: 0;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 14px
}
.wiki--detail__content h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  height: 24px;
  line-height: 24px
}
.question-container .til {
  margin-bottom: 24px;
  margin-top: 48px
}
.question-container__main {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.question-container__popular {
  width: 300px
}
.question-container .middle__cover {
  height: 451px;
  margin-bottom: 32px;
  overflow: hidden;
  position: relative;
  width: 100%
}
.question-container .middle__cover img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.question-container .middle__cover .cover-title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
  background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .8));
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8));
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 24px 20px;
  position: absolute;
  width: 100%
}
.question-container .middle__cover .cover-title__text {
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  margin: 0;
  opacity: .88
}
.question-container .middle__summary {
  color: hsla(0, 0%, 100%, .7);
  font-size: 18px;
  font-weight: 400;
  line-height: 36px
}
.question-container .middle__details, .question-container .middle__relation {
  width: 940px
}
.question-container .middle .step-list__list {
  border-left: 4px solid hsla(0, 0%, 100%, .08);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 32px;
  padding-left: 8px
}
.question-container .middle .step-list__index {
  color: #0080ff;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin-bottom: 8px
}
.question-container .middle .step-list__desc {
  color: hsla(0, 0%, 100%, .5);
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  opacity: 1
}
.question-container .middle .section-item {
  margin-top: 48px
}
.question-container .middle .info-box__unfold {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: #212326;
  color: rgba(0, 128, 255, .88);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  height: 43px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 21px;
  position: relative;
  width: 100%
}
.question-container .middle .info-box__unfold .double-down {
  font-size: 12px;
  margin-left: 4px
}
.question-container .middle .info-box__unfold:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(33, 35, 38, 0)), to(#212326));
  background: -webkit-linear-gradient(top, rgba(33, 35, 38, 0), #212326);
  background: linear-gradient(180deg, rgba(33, 35, 38, 0), #212326);
  bottom: 43px;
  content: "";
  height: 64px;
  position: absolute;
  width: 100%
}
.question-container .middle .info-box__info {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  opacity: .7
}
.question-container .middle .info-box__info--fold {
  max-height: 366px;
  overflow: hidden
}
.question-container .popular {
  background: hsla(0, 0%, 100%, .01);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px 24px 26px
}
.question-container .popular-til {
  margin: 0
}
.question-container .popular-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 2px
}
.question-container .popular-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.question-container .popular-count {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 22px
}
.question-container .popular-count:hover {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.question-container .popular-count:first-child .num {
  color: hsla(0, 100%, 70%, .88)
}
.question-container .popular-count:nth-child(2) .num {
  color: rgba(255, 179, 36, .88)
}
.question-container .popular-count:nth-child(3) .num {
  color: rgba(0, 128, 255, .88)
}
.question-container .popular-count:nth-child(-n+3) .num {
  font-style: italic;
  font-weight: 700
}
.question-container .popular-count:nth-child(-n+3) .num:before {
  background-image: url(../../../images/sprites/desktop_sprite.png);
  background-position: -641px -250px;
  content: "";
  height: 12px;
  margin-top: 5px;
  position: absolute;
  width: 26px
}
.question-container .popular-num {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .88);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  height: 24px;
  -webkit-justify-content: center;
  justify-content: center;
  margin-right: 12px;
  position: relative;
  width: 25px
}
.question-container .section-item:last-child {
  margin-bottom: 0
}
#NewsList .question-news__list.row_list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-bottom: 38px;
  padding-top: 38px
}
#NewsList .question-news__answer {
  -webkit-line-clamp: 2;
  color: #fff;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 26px;
  opacity: .4;
  overflow: hidden;
  text-overflow: ellipsis
}
#NewsList .question-news__answer, .jump-page {
  -webkit-box-orient: vertical;
  display: -webkit-box
}
.jump-page {
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  min-height: 100vh;
  min-width: 1280px;
  width: 100%
}
.jump-page__header {
  width: 100%
}
.jump-page__header__logo {
  height: 40px;
  margin: 56px 0 0 48px;
  -webkit-transition: none;
  transition: none;
  width: 132px
}
.jump-page__content {
  background: #373a3d;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 180px;
  margin: 40px 0;
  padding: 36px;
  width: 360px
}
.jump-page__content__title {
  color: hsla(0, 0%, 100%, .77);
  font-size: 18px;
  height: 24px;
  line-height: 24px;
  width: 100%
}
.jump-page__content__desc {
  color: hsla(0, 0%, 100%, .5);
  font-size: 16px;
  height: 21px;
  line-height: 21px;
  margin: 18px 0 24px
}
.jump-page__content__link {
  color: rgba(0, 128, 255, .88);
  font-size: 16px;
  height: 21px;
  line-height: 21px
}
.exception-container {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  min-height: 100vh;
  min-width: 1280px;
  width: 100%
}
.exception-404, .exception-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.exception-404 {
  margin-top: 144px
}
.exception-404__img {
  height: 126px;
  width: 126px
}
.exception-404__content {
  color: hsla(0, 0%, 100%, .7);
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin-top: 18px
}
.homepage-header__team-logo {
  border-radius: 4px 4px 0 0;
  height: 132px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 1280px
}
.homepage-header__avatar {
  border-radius: 50%;
  height: 156px;
  left: 60px;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: -47px;
  width: 156px
}
.homepage-header__theme {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  background: hsla(0, 0%, 100%, .02);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 133px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: -3px 0 12px;
  padding: 20px 60px 0 240px;
  position: relative;
  width: 1280px
}
.homepage-header__theme, .homepage-header__username {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.homepage-header__username {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .88);
  font-size: 24px;
  font-weight: 500;
  line-height: 33px;
  margin-bottom: 12px
}
.homepage-header__username .user-level {
  height: 24px;
  margin-left: 8px;
  position: relative;
  width: 24px
}
.homepage-header__sex-icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #404144;
  border-radius: 50%;
  color: #f66;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  height: 24px;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: 8px;
  width: 24px
}
.homepage-header__sex-icon.male {
  color: #0080ff
}
.homepage-header__left {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.homepage-header__address {
  color: hsla(0, 0%, 100%, .4);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px
}
.homepage-header__auth {
  margin-right: 12px
}
.homepage-header__right {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.homepage-header__right .alias {
  color: #646567;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px
}
.homepage-header__right .like {
  margin-bottom: 12px
}
.homepage-header__right .like, .homepage-header__right .like .like-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.homepage-header__right .like .like-list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .88);
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 18px;
  font-weight: 500;
  height: 40px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 21px;
  width: 42px
}
.homepage-header__right .like .hover {
  cursor: pointer
}
.homepage-header__right .like .hover:hover {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.homepage-header__right .follow-btn {
  color: rgba(0, 128, 255, .88);
  font-size: 16px;
  height: 32px;
  line-height: 22px;
  margin: 0;
  width: 74px
}
.homepage-header__right .follow-btn .fi {
  font-size: 12px
}
.homepage-header__right .follow-btn.active {
  color: hsla(0, 0%, 100%, .4)
}
.homepage-header__right .edit {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: hsla(0, 0%, 100%, .06);
  border-radius: 4px;
  color: rgba(0, 128, 255, .88);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  height: 32px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 22px;
  width: 88px
}
.homepage-bottom {
  background: hsla(0, 0%, 100%, .02);
  border-radius: 0 0 4px 4px;
  height: 100%;
  margin-bottom: 60px
}
.homepage-bottom__tab-bar {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 18px;
  width: 1280px
}
.homepage-bottom__tab-bar, .homepage-bottom__tab-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px
}
.homepage-bottom__tab-list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .5);
  font-size: 20px;
  font-weight: 600;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 36px;
  margin: 0 30px;
  width: auto
}
.homepage-bottom__tab-list--active {
  border-bottom: 2px solid rgba(0, 128, 255, .88);
  color: hsla(0, 0%, 100%, .88)
}
.homepage-bottom #load-status {
  margin: 0;
  padding: 36px
}
.homepage-bottom .social-list {
  background-color: transparent;
  margin: 0;
  padding: 36px 48px 12px
}
.homepage-bottom .social-list .social-photos--more {
  width: 741px
}
.homepage-bottom .social-list__video {
  margin: 0
}
.homepage-bottom .social-list__time {
  bottom: 0;
  position: relative
}
.homepage-bottom .social-list__operate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0
}
.homepage-bottom .social-list__operate .close {
  position: absolute;
  right: 0
}
.homepage-bottom__comment-list {
  padding: 24px 48px 1px
}
.homepage-bottom__comment-list .comment-list__contents {
  color: hsla(0, 0%, 100%, .7);
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 14px
}
.homepage-bottom__comment-list .comment-list__game {
  color: hsla(0, 0%, 100%, .5);
  font-size: 14px;
  font-weight: 400;
  line-height: 19px
}
.homepage-bottom__comment-list .comment-list__type-of {
  color: hsla(0, 0%, 100%, .4);
  margin-left: 24px
}
.homepage-bottom__comment-list .comment-list__content {
  color: hsla(0, 0%, 100%, .5);
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  margin-left: 12px;
  width: 1057px
}
.homepage-bottom__comment-list .comment-list__avatar {
  border-radius: 50%;
  height: 40px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 40px
}
.homepage-bottom__comment-list .comment-list__news {
  border-radius: 2px;
  height: 50px;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  width: 67px
}
.homepage-bottom__comment-list .comment-list__publish {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: hsla(0, 0%, 100%, .01);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
  padding: 12px 24px;
  position: relative;
  width: 1184px
}
.homepage-bottom__comment-list .comment-list__delete {
  color: hsla(0, 0%, 100%, .4)
}
.homepage-bottom__comment-list .comment-list__list {
  margin-bottom: 48px
}
.homepage-bottom__comment-list .comment-list__desc {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .4);
  font-size: 14px;
  font-weight: 400;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 18px
}
.homepage-bottom__comment-list .comment-list__desc, .homepage-bottom__comment-list .comment-list__desc-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.homepage-bottom__comment-list .comment-list__desc-icon {
  margin-right: 24px
}
.homepage-bottom__comment-list .comment-list__desc-close {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: #7c7d7f;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 10px;
  height: 18px;
  -webkit-justify-content: center;
  justify-content: center;
  width: 18px
}
.homepage-bottom__comment-list .comment-list__desc .fi {
  font-size: 18px
}
.homepage-bottom__news-list {
  padding: 24px 48px 1px
}
.homepage-bottom__follow-list {
  margin-top: 24px;
  padding-bottom: 1px
}
.homepage-bottom__follow-list .follow-list__avatar-box {
  height: 56px;
  left: 48px;
  position: absolute;
  top: 0;
  width: 56px
}
.homepage-bottom__follow-list .follow-list__avatar-box .user-level {
  height: 18px;
  width: 18px
}
.homepage-bottom__follow-list .follow-list__avatar {
  border-radius: 50%;
  height: 56px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 56px
}
.homepage-bottom__follow-list .follow-list__username {
  color: hsla(0, 0%, 100%, .7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px
}
.homepage-bottom__follow-list .follow-list__people {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #404144;
  border-radius: 50%;
  color: #f66;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  height: 18px;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: 8px;
  width: 18px
}
.homepage-bottom__follow-list .follow-list__people.male {
  color: #0080ff
}
.homepage-bottom__follow-list .follow-list__desc {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center
}
.homepage-bottom__follow-list .follow-list__fans-like {
  color: hsla(0, 0%, 100%, .3);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin-top: 7px
}
.homepage-bottom__follow-list .follow-list__follow-btn {
  margin: 0
}
.homepage-bottom__follow-list .follow-list__list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 56px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 36px;
  padding: 0 48px 0 116px;
  position: relative;
  width: 1280px
}
.download_container .main, .homepage-bottom__follow-list .follow-list__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.download_container .main {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0
}
.download_container .main .top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 74px;
  margin: 66px 0 28px;
  width: 750px
}
.download_container .main .top .logo {
  border-radius: 14px;
  height: 74px;
  margin-right: 12px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 74px
}
.download_container .main .top .name {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px
}
.download_container .main .top .count-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 2px 0 6px
}
.download_container .main .top .count-box .count-list {
  background-image: url(../images/text_virus_free.svg);
  background-repeat: no-repeat;
  background-size: 44px 16px;
  height: 16px;
  margin: 0 0 0 4px;
  width: 44px
}
.download_container .main .top .count-box .count-list.official {
  background-image: url(../images/text_official.svg);
  background-size: 36px 16px;
  margin-left: 16px;
  width: 36px
}
.download_container .main .top .count-box .count-list.no_ads {
  background-image: url(../images/text_no_ads.svg)
}
.download_container .main .top .bottom {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #bfbfbf;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px
}
.download_container .main .top .bottom .in {
  height: 10px;
  margin-right: 4px;
  width: 11px
}
.download_container .main .top .bottom .in:last-child {
  margin-right: 6px
}
.download_container .main .top .bottom span {
  margin: 0 6px 0 8px;
  position: relative
}
.download_container .main .top .bottom span:before {
  content: "+";
  font-size: 8px;
  font-weight: 500;
  height: 11px;
  line-height: 11px;
  position: absolute;
  right: -5px;
  top: 0;
  width: 5px
}
.download_container .main .top .right {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  color: #aaa;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px
}
.download_container .main .introduction-img {
  position: relative;
  width: 750px
}
.download_container .main .introduction-img .item {
  -ms-overflow-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-x: scroll;
  padding-bottom: 10px;
  scrollbar-width: none;
  white-space: nowrap;
  width: 100%
}
.download_container .main .introduction-img .list {
  -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 390px;
  margin-right: 24px;
  width: 220px
}
.download_container .main .introduction-img .list img {
  border-radius: 32px;
  height: 390px;
  width: 220px
}
.download_container .main .app-introduction {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 28px 0 20px;
  width: 750px
}
.download_container .main .app-introduction .title {
  color: hsla(0, 0%, 100%, .88);
  font-size: 18px;
  font-weight: 600;
  line-height: 25px
}
.download_container .main .app-introduction .introduction {
  color: hsla(0, 0%, 100%, .5);
  font-weight: 400;
  height: 212px;
  line-height: 27px;
  overflow: hidden;
  text-align: justify
}
.download_container .main .app-introduction .introduction p {
  margin: 12px 0 0 !important;
  text-align: justify !important
}
.download_container .main .app-introduction .introduction p, .download_container .main .app-introduction .introduction p span {
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif !important;
  font-size: 16px !important
}
.download_container .main .app-introduction .introduction p:first-child {
  margin-top: 16px
}
.download_container .main .app-introduction .introduction div {
  color: hsla(0, 0%, 100%, .5);
  font-weight: 600;
  margin-top: 16px
}
.download_container .main .app-introduction .introduction div span {
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif !important;
  font-size: 16px !important
}
.download_container .main .app-introduction .unfold {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: #212326;
  color: rgba(0, 128, 255, .88);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  height: 56px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 21px;
  position: relative;
  width: 750px
}
.download_container .main .app-introduction .unfold .double-down {
  font-size: 12px;
  margin-left: 4px
}
.download_container .main .app-introduction .unfold:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(33, 35, 38, 0)), to(#212326));
  background: -webkit-linear-gradient(top, rgba(33, 35, 38, 0), #212326);
  background: linear-gradient(180deg, rgba(33, 35, 38, 0), #212326);
  content: "";
  height: 72px;
  position: absolute;
  top: -72px;
  width: 750px
}
.download_container .main .comment .title {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .5);
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  margin: 20px 0 16px;
  width: 750px
}
.download_container .main .comment .progress-bar {
  background: hsla(0, 0%, 96%, .12);
  border-radius: 4px;
  height: 6px;
  margin-top: 28px;
  position: relative;
  width: 420px
}
.download_container .main .comment .progress-bar:before {
  border-radius: 4px;
  content: "";
  height: 6px;
  position: absolute
}
.download_container .main .comment .progress-bar:first-child {
  margin: 0
}
.download_container .main .comment .progress-bar:first-child:before {
  background: #ffb324;
  width: 404px
}
.download_container .main .comment .progress-bar:nth-child(2):before {
  background: #ffb324;
  width: 16px
}
.download_container .main .comment .score-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 176px;
  width: 750px
}
.download_container .main .comment .score-top .num {
  color: hsla(0, 0%, 100%, .88);
  font-size: 54px;
  font-weight: 700;
  line-height: 60px;
  margin-bottom: 6px
}
.download_container .main .comment .score-top .score {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.download_container .main .comment .score-top .score-list {
  margin-right: 5px;
  position: relative
}
.download_container .main .comment .score-top .score-list:before {
  content: "+";
  font-size: 8px;
  font-weight: 500;
  height: 11px;
  line-height: 11px;
  position: absolute;
  right: -5px;
  top: 0;
  width: 5px
}
.download_container .main .comment .score-top .left {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 13px;
  font-weight: 400;
  height: 176px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 18px;
  width: 108px
}
.download_container .main .comment .score-top .stars-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 22px 36px 0
}
.download_container .main .comment .score-top .stars-list:first-child {
  margin-top: 14px
}
.download_container .main .comment .score-top .stars-list .in {
  height: 12px;
  margin-right: 3px;
  width: 12px
}
.download_container .main .comment .score-top .center {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  width: 200px
}
.download_container .main .comment .score-top .center, .download_container .main .comment .score-top .right {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 176px
}
.download_container .main .comment .score-top .right {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 18px 0 6px;
  width: 420px
}
.download_container .main .comment .top-list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.download_container .main .comment .top-list .left {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.download_container .main .comment .top-list .left .name {
  color: hsla(0, 0%, 100%, .8);
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  margin-right: 8px
}
.download_container .main .comment .top-list .left .in {
  height: 10px;
  margin-right: 4px;
  width: 11px
}
.download_container .main .comment .top-list .icon {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  color: #aaa;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px
}
.download_container .main .comment .top-list .icon i {
  font-size: 18px;
  height: 18px;
  width: 18px
}
.download_container .main .comment .comment-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 64px;
  width: 750px
}
.download_container .main .comment .comment-item .list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 48px;
  padding-left: 44px;
  position: relative
}
.download_container .main .comment .comment-item .list .avatar {
  border-radius: 50%;
  height: 36px;
  left: 0;
  position: absolute;
  top: 0;
  width: 36px
}
.download_container .main .comment .comment-item .list .content {
  color: hsla(0, 0%, 100%, .5);
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  text-align: justify;
  width: 650px
}
.download_container .main .comment .download-btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 12px 0 80px;
  width: 750px
}
.download_container .main .comment .download-btn .prompt {
  color: #ddd;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 12px
}
.download_container .download-button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: #0080ff;
  border-radius: 25px;
  bottom: 32px;
  -webkit-box-shadow: 0 0 32px rgba(0, 128, 255, .24);
  box-shadow: 0 0 32px rgba(0, 128, 255, .24);
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  height: 49px;
  -webkit-justify-content: center;
  justify-content: center;
  left: 50%;
  line-height: 22px;
  position: fixed;
  width: 300px;
  z-index: 9
}
.download_container .download-button, .download_container .download-button .active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}
.download_container .download-button .active {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  left: 50% !important;
  max-height: 144px;
  overflow: visible;
  top: -148px
}
.download_container .download-button .icon_download_btn {
  height: 18px;
  margin-right: 6px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 24px
}
.download_container .download-button #share_dialog i {
  border-bottom: none;
  border-top: 9px solid #373a3d;
  bottom: -8px;
  top: auto
}
.download_container .footer {
  display: none
}
.download_container .download_dialog {
  border-radius: 4px;
  display: none;
  max-height: 0;
  overflow: hidden;
  top: 100%
}
.draft_container .main {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0
}
.draft_container .banner {
  height: 122px;
  margin-top: 44px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 375px
}
.draft_container .top-title {
  background-color: #191b1f;
  border-bottom: 8px solid #232527;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .88);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  padding: 12px 16px 8px;
  width: 375px
}
.draft_container .top-title div {
  margin-bottom: 12px
}
.draft_container .draft-item {
  background-color: #191b1f;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 16px;
  width: 375px
}
.draft_container .draft-item .draft-list {
  background: #232527;
  border-radius: 12px;
  margin-bottom: 28px;
  width: 343px
}
.draft_container .draft-item .draft-list:last-child {
  margin-bottom: 60px
}
.draft_container .draft-item .draft-list .top {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  background: #2a2c2f;
  border-radius: 12px 12px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 58px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 15px 0 17px;
  width: 343px
}
.draft_container .draft-item .draft-list .top .name {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 2px
}
.draft_container .draft-item .draft-list .top .name span {
  color: hsla(0, 0%, 100%, .76);
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  margin-left: 6px
}
.draft_container .draft-item .draft-list .top .area {
  color: hsla(0, 0%, 100%, .5);
  font-size: 10px;
  font-weight: 400;
  line-height: 14px
}
.draft_container .draft-item .draft-list .top .area span {
  margin-right: 6px
}
.draft_container .draft-item .draft-list .top .num {
  background: hsla(0, 0%, 100%, .06);
  border-radius: 50%;
  color: #fff;
  font-family: BarlowBold;
  font-size: 15px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  width: 28px
}
.draft_container .draft-item .draft-list .center {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 12px 10px 16px 14px;
  width: 343px
}
.draft_container .draft-item .draft-list .center .left {
  border-radius: 4px;
  overflow: hidden;
  width: 147px
}
.draft_container .draft-item .draft-list .center .left .avatar {
  height: 168px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 147px
}
.draft_container .draft-item .draft-list .center .left .data {
  background-color: #191b1f;
  border-top: 3px solid #202124;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px 0 8px
}
.draft_container .draft-item .draft-list .center .left .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.draft_container .draft-item .draft-list .center .left .content {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 8px 8px 0
}
.draft_container .draft-item .draft-list .center .data-list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-align-items: center;
  align-items: center;
  background: #2a2c2f;
  border-radius: 2px;
  color: hsla(0, 0%, 100%, .5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 8px;
  font-weight: 400;
  height: 27px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 11px;
  width: 29px
}
.draft_container .draft-item .draft-list .center .data-list .rank {
  color: hsla(0, 0%, 100%, .88);
  font-size: 10px;
  font-weight: 600;
  line-height: 14px
}
.draft_container .draft-item .draft-list .center .content-list {
  color: hsla(0, 0%, 100%, .88);
  font-size: 12px;
  font-weight: 400;
  line-height: 19px;
  margin-bottom: 16px;
  text-align: justify;
  width: 159px
}
.draft_container .draft-item .draft-list .center .content-list:first-child {
  margin-top: 10px
}
.draft_container .draft-item .draft-list .center .content-list span {
  color: #fff;
  font-weight: 600;
  margin-right: 4px
}
.draft_container .draft-item .draft-list .count-list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .88);
  font-size: 10px;
  font-weight: 400;
  height: 14px;
  line-height: 14px;
  padding-left: 8px;
  text-align: left;
  width: 73px
}
.draft_container .draft-item .draft-list .count-list:nth-child(2n - 1) {
  position: relative
}
.draft_container .draft-item .draft-list .count-list:nth-child(2n - 1):before {
  background: #ddd;
  content: "";
  height: 6px;
  position: absolute;
  right: 0;
  top: 4px;
  width: 1px
}
.draft_container .draft-item .draft-list .bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px 0 14px
}
.draft_container .draft-item .draft-list .bottom .skill-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  margin-bottom: 16px;
  width: 80px
}
.draft_container .draft-item .draft-list .bottom .skill-box .cover {
  border-radius: 4px;
  height: 24px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 24px
}
.draft_container .draft-item .draft-list .bottom .skill-box .title {
  -webkit-box-flex: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .88);
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 10px;
  font-weight: 400;
  line-height: 24px;
  padding-left: 4px;
  text-align: left
}
.draft_container .choice {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: #4d5a74;
  border-radius: 8px;
  bottom: 28px;
  -webkit-box-shadow: 0 0 8px rgba(19, 22, 28, .12);
  box-shadow: 0 0 8px rgba(19, 22, 28, .12);
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  height: 44px;
  -webkit-justify-content: center;
  justify-content: center;
  left: 50%;
  line-height: 19px;
  position: fixed;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 285px;
  z-index: 9
}
.draft_container .footer {
  display: none
}
.vs__main {
  width: 790px
}
.vs__main__cover {
  padding-left: 5px;
  position: absolute;
  top: 140px;
  width: 320px
}
.vs__header__tab {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background-color: hsla(0, 0%, 100%, .02);
  border-radius: 4px;
  height: 62px;
  -webkit-justify-content: center;
  justify-content: center;
  width: 790px
}
.vs__header__tab, .vs__header__tab__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.vs__header__tab__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .5);
  font-size: 16px;
  font-weight: 600;
  height: 100%;
  margin: 0 26px;
  position: relative
}
.vs__header__tab__list--active {
  color: rgba(0, 128, 255, .88);
  font-size: 18px
}
.vs__header__tab__list--active:before {
  background-color: rgba(0, 128, 255, .88);
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%
}
.vs__banner {
  background-color: hsla(0, 0%, 100%, .02);
  border-radius: 4px;
  margin-top: 24px;
  width: 790px
}
.vs__banner__top {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  border-radius: 4px 4px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  width: 100%
}
.vs__banner__top:before {
  background-image: url(../images/icon_vs.svg);
  background-size: 58px 75px;
  content: "";
  height: 75px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 58px;
  z-index: 1
}
.vs__banner__bottom {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 24px
}
.vs__banner__exchange {
  background-image: url(../images/icon_exchange.svg);
  background-size: 32px;
  color: #fff;
  cursor: pointer;
  height: 32px;
  position: absolute;
  right: 20px;
  top: 12px;
  width: 32px
}
.vs__banner__info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 12px;
  width: 178px
}
.vs__banner__box, .vs__banner__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.vs__banner__box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  height: 226px;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  width: 389px
}
.vs__banner__box__slide {
  border-color: transparent;
  border-style: solid;
  height: 0;
  position: absolute;
  top: 0;
  width: 0
}
.vs__banner__box--left .vs__banner__box__slide {
  border-width: 226px 9px 0 0;
  right: -9px
}
.vs__banner__box--right .vs__banner__box__slide {
  border-width: 0 0 226px 9px;
  left: -9px
}
.vs__banner__box--left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.vs__banner__box--left .vs__banner__info {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  margin-left: 0;
  margin-right: 12px
}
.vs__banner__box--left .vs__banner__exchange {
  left: 20px;
  right: unset
}
.vs__banner__avatar {
  border-radius: 50%;
  height: 136px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 136px
}
.vs__banner__name {
  color: hsla(0, 0%, 100%, .88);
  font-size: 32px;
  font-weight: 600;
  height: 45px;
  line-height: 45px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.vs__banner__name-en {
  color: hsla(0, 0%, 100%, .88);
  font-size: 20px;
  line-height: 22px;
  margin: 10px 0
}
.vs__banner__desc {
  color: hsla(0, 0%, 100%, .4);
  font-size: 16px;
  line-height: 22px
}
.vs__banner__desc, .vs__banner__name-en {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.vs__banner__btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, .12);
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  height: 54px;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 10px;
  width: 126px
}
.vs__banner__btn__icon {
  font-size: 12px;
  margin-right: 4px
}
.vs__banner__selector {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .88);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  height: 42px;
  -webkit-justify-content: center;
  justify-content: center
}
.vs__banner__selector .picker-section {
  margin-right: 20px
}
.vs__banner__selector__icon {
  color: hsla(0, 0%, 100%, .5);
  font-size: 4px;
  height: 4px;
  line-height: 4px;
  margin-left: 12px;
  width: 8px
}
.vs__banner__selector--disable .picker-section__active {
  color: hsla(0, 0%, 100%, .5)
}
.vs__desc {
  background-color: hsla(0, 0%, 100%, .01);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .7);
  font-size: 14px;
  height: 96px;
  line-height: 24px;
  margin-top: 24px;
  padding: 24px;
  width: 790px
}
.vs__desc__btn {
  color: #0080ff;
  cursor: pointer;
  display: inline
}
.vs__chart__content {
  height: 606px;
  margin-top: -50px;
  width: 100%
}
.vs__data__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-justify-content: center;
  justify-content: center;
  width: 790px
}
.vs__data__list__title {
  color: #fff;
  font-size: 14px;
  text-align: center;
  width: 116px
}
.vs__data__list__chart {
  background-color: hsla(0, 0%, 100%, .06);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 4px;
  width: 221px
}
.vs__data__list__chart__content {
  background-color: #bfbfbf;
  border-radius: 2px;
  height: 4px
}
.vs__data__list__box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 2px;
  color: #aaa;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden
}
.vs__data__list__box--left .vs__data__list__chart {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end
}
.vs__data__list__box--right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.vs__data__list__box--light {
  color: #fff
}
.vs__data__list__box--light.vs__data__list__box--left .vs__data__list__chart__content {
  background-color: #f66
}
.vs__data__list__box--light.vs__data__list__box--right .vs__data__list__chart__content {
  background-color: #0080ff
}
.vs__data__list__num {
  font-size: 14px;
  text-align: center;
  width: 92px
}
.vs__data__list--title .vs__data__list__box {
  -webkit-box-flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: #0080ff;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 13px;
  -webkit-justify-content: center;
  justify-content: center
}
.vs__data__list--title .vs__data__list__box:first-child {
  color: #f66;
  font-weight: 600
}
.vs__data__content {
  margin-top: -50px;
  padding-top: 64px;
  position: relative;
  width: 790px
}
.vs__data__pagination {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding-right: 24px;
  position: absolute;
  right: 24px;
  top: 0
}
.vs__data__pagination .swiper-pagination-bullet {
  background-color: transparent;
  color: #929394;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin: 0 6px;
  width: 28px
}
.vs__data__pagination .swiper-pagination-bullet-active {
  color: #fff
}
.vs__hot {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.vs__hot, .vs__hot__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.vs__hot__list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  background-color: hsla(0, 0%, 100%, .01);
  border-radius: 4px 4px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 188px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 24px;
  padding: 0 24px;
  position: relative;
  width: 790px
}
.vs__hot__list__info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
  width: 198px
}
.vs__hot__list__avatar {
  border-radius: 50%;
  height: 96px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 96px
}
.vs__hot__list__name {
  color: hsla(0, 0%, 100%, .88);
  font-size: 24px;
  font-weight: 600;
  height: 33px;
  line-height: 33px;
  margin-bottom: 4px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.vs__hot__list__desc {
  color: #fff;
  font-size: 16px;
  height: 22px;
  line-height: 22px
}
.vs__hot__list__box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 310px
}
.vs__hot__list__box--left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.vs__hot__list__box--left .vs__hot__list__info {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end
}
.vs__hot__list:before {
  background-image: url(../images/icon_vs_colour.svg);
  background-size: 42px 54px;
  content: "";
  height: 54px;
  left: 50%;
  opacity: .6;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 42px
}
.vs__hot__list:first-child {
  margin-top: 0
}
.vs__hot.section-item {
  margin-bottom: 0
}
.vs__popup {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .3);
  display: none;
  height: 100vh;
  -webkit-justify-content: center;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999
}
.vs__popup, .vs__popup__container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.vs__popup__container {
  background-color: #373a3d;
  border-radius: 4px;
  height: 574px;
  padding: 0 36px 36px;
  width: 900px
}
.vs__popup__container, .vs__popup__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.vs__popup__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid hsla(0, 0%, 100%, .06);
  color: hsla(0, 0%, 100%, .88);
  font-size: 16px;
  font-weight: 600;
  height: 65px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%
}
.vs__popup__header__close {
  cursor: pointer
}
.vs__popup__banner {
  background-color: hsla(0, 0%, 100%, .06);
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 46px;
  margin: 18px 0 32px;
  overflow: hidden;
  width: 828px
}
.vs__popup__banner__box {
  position: relative;
  width: 756px
}
.vs__popup__banner__box__input {
  background-color: transparent;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .88);
  font-size: 16px;
  height: 46px;
  outline: none;
  padding: 0 20px;
  width: 100%
}
.vs__popup__banner__box__input::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, .3);
  font-size: 16px
}
.vs__popup__banner__box__input::-moz-placeholder {
  color: hsla(0, 0%, 100%, .3);
  font-size: 16px
}
.vs__popup__banner__box__input:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, .3);
  font-size: 16px
}
.vs__popup__banner__box__input::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, .3);
  font-size: 16px
}
.vs__popup__banner__box__input::placeholder {
  color: hsla(0, 0%, 100%, .3);
  font-size: 16px
}
.vs__popup__banner__btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #0080ff;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-size: 24px;
  height: 46px;
  -webkit-justify-content: center;
  justify-content: center;
  width: 72px
}
.vs__popup__banner__btn, .vs__popup__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.vs__popup__content {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  height: 376px;
  overflow: hidden;
  width: 100%
}
.vs__popup__content__left {
  height: 100%;
  overflow-y: auto;
  width: 122px
}
.vs__popup__content__left__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #818181;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  height: 50px;
  padding-left: 40px;
  position: relative;
  width: 115px
}
.vs__popup__content__left__list__logo {
  height: 26px;
  left: 8px;
  position: absolute;
  width: 26px
}
.vs__popup__content__left__list__logo.fi {
  color: #f66;
  font-size: 22px
}
.vs__popup__content__left__list--active, .vs__popup__content__left__list:hover {
  background-color: hsla(0, 0%, 100%, .08);
  color: hsla(0, 0%, 100%, .88);
  font-weight: 600
}
.vs__popup__content__right {
  -webkit-box-flex: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto
}
.vs__popup__content__right__item {
  display: none;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.vs__popup__content__list, .vs__popup__content__right__item--active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.vs__popup__content__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  padding: 12px 0 12px 36px;
  width: 174px
}
.vs__popup__content__list__avatar {
  border-radius: 50%;
  height: 36px;
  margin-right: 6px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 36px
}
.vs__popup__content__list__name {
  color: hsla(0, 0%, 100%, .7);
  font-size: 14px;
  font-weight: 600;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 94px
}
.vs__popup__content--search {
  display: none
}
.vs__popup--search .vs__popup__content__empty-text {
  color: hsla(0, 0%, 100%, .7);
  font-size: 14px
}
.vs__popup--search .vs__popup__content--default {
  display: none
}
.vs__popup--search .vs__popup__content--search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.vs__popup--search .vs__popup__content--empty {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center
}
.vs__popup--search .vs__popup__content--empty:before {
  background-image: url(../../../images/empty.svg);
  content: "";
  height: 96px;
  margin-bottom: 16px;
  width: 96px
}
.single-line {
  white-space: nowrap
}
.more-line, .single-line {
  overflow: hidden;
  text-overflow: ellipsis
}
.more-line {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box
}
.follow-btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: hsla(0, 0%, 100%, .06);
  border-radius: 4px;
  color: #0080ff;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 26px;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 auto 23px;
  width: 66px
}
.follow-btn .fi {
  font-size: 10px;
  margin-right: 4px
}
.follow-btn .is {
  display: none
}
.follow-btn.active {
  color: hsla(0, 0%, 100%, .4)
}
.follow-btn.active .is {
  display: inline
}
.follow-btn.active .fi, .follow-btn.active .not {
  display: none
}
#load-status {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 60px;
  width: 100%
}
#load-status .finished_text {
  display: none
}
#load-status .loadSpacing {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: hsla(0, 0%, 98%, .02);
  border-radius: 4px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-justify-content: center;
  justify-content: center;
  width: 184px
}
#load-status .loadSpacing .fi {
  font-size: 20px;
  height: 18px;
  line-height: 18px;
  margin-right: 6px;
  width: 18px
}
#load-status .loadSpacing .refresh_text {
  display: none
}
#load-status .loadSpacing .load_more {
  cursor: pointer
}
#load-status.refresh .loadSpacing .load_more {
  cursor: pointer;
  display: none
}
#load-status.refresh .loadSpacing .refresh_text {
  display: inline-block
}
#load-status.finished .loadSpacing, #load-status.finished .loadSpacing .fi, #load-status.finished .loadSpacing .load_more {
  display: none
}
#load-status.finished .finished_text {
  display: inline-block
}
#Toast {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 8px;
  color: #fff;
  display: none;
  font-size: 28px;
  height: 50px;
  line-height: 50px;
  margin-top: -25px;
  padding: 0 16px;
  position: fixed;
  text-align: center;
  top: 50%;
  width: 100%;
  z-index: 999
}
img {
  font-size: 0 !important;
  opacity: .9;
  position: relative;
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s
}
img.no_mask {
  opacity: 1
}
img.zoom:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
.fi-wechat {
  position: relative
}
.section-item__cover-box {
  overflow: hidden
}
.section-item--topic__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-color: #292b2e;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 36px;
  overflow: hidden;
  position: relative
}
.section-item--topic__list .section-item__cover-box {
  height: 145px;
  width: 300px
}
.section-item--topic__list__cover {
  height: 100%;
  width: 100%
}
.section-item--topic__list__title {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .7);
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
  padding: 12px;
  width: 100%
}
.section-item--topic__list__tag {
  background-color: #0080ff;
  border-radius: 0 4px;
  color: #fff;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  padding: 0 6px;
  position: absolute;
  right: 0;
  top: 0;
  width: auto
}
.section-item--topic__list:first-child {
  margin-top: 0
}
.section-item--news__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 36px
}
.section-item--news__list .section-item__cover-box {
  border-radius: 4px;
  height: 80px;
  width: 106px
}
.section-item--news__list__cover {
  height: 100%;
  width: 100%
}
.section-item--news__list__desc {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-left: 12px;
  width: 194px
}
.section-item--news__list__title {
  color: hsla(0, 0%, 100%, .7);
  font-size: 16px;
  line-height: 24px
}
.section-item--news__list__comment {
  color: hsla(0, 0%, 100%, .4);
  font-size: 14px;
  height: 19px;
  line-height: 18px;
  width: 37px
}
.section-item--news__list:first-child {
  margin-top: 0
}
.section-item--gallery {
  width: 259px
}
.section-item--gallery .card-section__list {
  margin: 36px 0 0
}
.section-item--gallery .card-section__list:first-child {
  margin-top: 0
}
.section-item--ranking .section-item__title {
  margin-bottom: 0;
  z-index: 2
}
.section-item--game {
  height: 133px;
  width: 100%
}
.section-item--game__list {
  color: hsla(0, 0%, 100%, .8);
  display: block;
  font-size: 14px;
  height: 100%;
  text-decoration: none
}
.section-item--game__box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  background-color: hsla(0, 0%, 100%, .01);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%;
  padding: 24px 0 16px;
  width: 100%
}
.section-item--game__logo {
  height: 36px;
  width: 36px
}
.section-item--game__team-name {
  margin-top: 6px
}
.section-item--game__left {
  width: 70px
}
.section-item--game__left, .section-item--game__score-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.section-item--game__score-box {
  width: 160px
}
.section-item--game__score {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 18px;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 10px 0;
  width: 100%
}
.section-item--game__score--wait {
  font-size: 16px;
  margin-top: 13px
}
.section-item--game__score--out {
  color: hsla(0, 0%, 100%, .4)
}
.section-item--game__icon {
  background-image: url(../../../images/sprites/pcGame_sprite.png);
  background-position: -188px -102px;
  height: 28px;
  width: 33px
}
.section-item--game__btn-box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 4px;
  height: 26px;
  -webkit-justify-content: center;
  justify-content: center
}
.section-item--game__btn-box, .section-item--game__btn-box--end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.section-item--game__btn-box--end {
  background-color: hsla(0, 0%, 100%, .06);
  font-size: 12px;
  width: 87px
}
.section-item--game__btn-box--end div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center
}
.section-item--game__btn-box--end :first-child {
  border-right: 1px solid hsla(0, 0%, 100%, .04)
}
.section-item--game__btn-box--in {
  background-color: #f66;
  width: 62px
}
.section-item--game__btn-box--wait {
  width: 62px
}
.section-item--game__right {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 70px
}
.section-item--game__reservation {
  background-color: hsla(0, 0%, 100%, .06);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .4);
  cursor: pointer;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  width: 62px
}
.section-item--game__reservation--active {
  background: rgba(0, 128, 255, .7);
  color: hsla(0, 0%, 100%, .88)
}
.header-info {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 4px 4px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 1280px
}
.header-info, .header-info__img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.header-info__img {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  bottom: 0;
  height: 190px;
  -webkit-justify-content: center;
  justify-content: center;
  left: 60px;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: 260px
}
.header-info__img img {
  max-height: 100%;
  max-width: 100%
}
.header-info__btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, .06);
  border-radius: 4px 0;
  color: hsla(0, 0%, 100%, .88);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  height: 32px;
  -webkit-justify-content: center;
  justify-content: center;
  left: 0;
  padding: 0 6px 0 2px;
  position: absolute;
  top: 0
}
.header-info__btn__icon {
  font-size: 18px;
  padding: 0 4px
}
.header-info__btn--right {
  border-radius: 0 4px;
  left: unset;
  padding: 0 2px 0 6px;
  right: 0
}
.header-info__basic {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  padding-left: 24px;
  position: relative;
  width: 320px
}
.header-info__basic__name-box {
  font-weight: 400;
  margin-bottom: 12px;
  width: 100%
}
.header-info__basic__name-box__name {
  color: hsla(0, 0%, 100%, .88);
  font-size: 32px;
  font-weight: 600;
  line-height: 43px;
  margin: 0
}
.header-info__basic__name-box__alias {
  color: hsla(0, 0%, 100%, .88);
  font-size: 20px;
  font-weight: 400;
  height: 27px;
  line-height: 27px;
  margin: 6px 0 0
}
.header-info__basic__rank {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  height: 26px;
  line-height: 26px;
  margin-bottom: 12px
}
.header-info__basic__rank__desc {
  color: hsla(0, 0%, 100%, .4);
  margin-right: 12px
}
.header-info__basic__rank__icon {
  font-size: 10px;
  margin-left: 5px
}
.header-info__info {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .7);
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  padding-left: 60px
}
.header-info__info, .header-info__info__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px
}
.header-info__info__list {
  line-height: 24px;
  margin: 5px 0
}
.header-info__info__list__title {
  -ms-flex-item-align: start;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .4);
  padding-right: 12px;
  text-align: right;
  white-space: nowrap
}
.header-info__info__list__rank {
  background-color: hsla(0, 0%, 100%, .12);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .5);
  font-size: 12px;
  height: 24px;
  margin-left: 6px;
  padding: 0 8px
}
.header-info__info__list--full {
  width: 100% !important
}
.header-info__tools, .header-info__tools__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.header-info__tools__btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, .06);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .88);
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  height: 26px;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: 12px;
  padding: 0 12px
}
.header-info__tools__btn__icon {
  font-size: 10px;
  margin-right: 4px
}
.header-info__tools__btn--active .header-info__follow-btn__icon, .header-info__tools__btn--loading .header-info__follow-btn__icon, .header-info__tools__btn--loading span {
  display: none
}
.header-info__tools__btn:first-child {
  margin-left: 0
}
.header-info__follow-btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, .06);
  border-radius: 4px;
  color: rgba(0, 128, 255, .88);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 26px;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 12px
}
.header-info__follow-btn__icon {
  font-size: 10px;
  margin-right: 4px
}
.header-info__follow-btn--active .header-info__follow-btn__icon, .header-info__follow-btn--loading .header-info__follow-btn__icon, .header-info__follow-btn--loading span {
  display: none
}
.header-info__follow-btn:first-child {
  margin-left: 0
}
.header-info:before {
  background-color: hsla(0, 0%, 100%, .06);
  content: "";
  height: 84px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 1px
}
.header-info--team {
  background-color: rgba(0, 0, 0, .24);
  height: 204px;
  padding-left: 192px
}
.header-info--team .header-info__img {
  bottom: 36px;
  height: 132px;
  width: 132px
}
.header-info--team .header-info__basic {
  width: 448px
}
.header-info--team .header-info__info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.header-info--team .header-info__info__list__title {
  width: 78px
}
.header-info--team .header-info__league-img {
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: .3;
  position: absolute;
  right: 60px;
  top: 52px
}
.header-info--player {
  background-color: rgba(25, 49, 86, .24);
  height: 226px;
  padding-left: 320px
}
.header-info--player .header-info__team-bg {
  height: 226px;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: .06;
  position: absolute;
  top: 0;
  width: 640px
}
.header-info--player .header-info__info {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 448px;
  -ms-flex: 0 0 448px;
  flex: 0 0 448px
}
.header-info--player .header-info__info__list {
  width: 156px
}
.header-info--player .header-info__info__list__title {
  width: 46px
}
.header-info--player .header-info__info__list:nth-child(2n) {
  width: 232px
}
.header-info--player .header-info__info__list:last-child {
  width: 100%
}
.header-info--player .header-info__team-logo {
  height: 76px;
  position: absolute;
  right: 60px;
  top: 36px;
  width: 76px
}
.header-info--player .header-info__team-logo img {
  height: 100%;
  width: 100%
}
.author-info {
  background: hsla(0, 0%, 100%, .02);
  border-radius: 4px;
  margin-bottom: 36px;
  overflow: hidden
}
.author-info__detail {
  padding-top: 20px;
  position: relative
}
.author-info__detail #NewsList .list {
  margin-bottom: 18px
}
.author-info__detail .news-hot-list {
  padding: 0 20px
}
.author-info__split {
  border-top: 1px solid hsla(0, 0%, 100%, .02);
  margin-bottom: 20px
}
.author-info__info {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 35px
}
.author-info__info, .author-info__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.author-info__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-flex: 1;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .4);
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 42px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  text-align: center
}
.author-info__name, .author-info__value {
  color: hsla(0, 0%, 100%, .88)
}
.author-info__name {
  font-size: 20px;
  font-weight: 500;
  margin: 8px 0 12px;
  text-align: center
}
.author-info__avatar-box {
  height: 56px;
  margin: 0 auto;
  position: relative;
  width: 56px
}
.author-info__avatar {
  border-radius: 50%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.author-info__more {
  background: hsla(0, 0%, 100%, .04);
  color: hsla(0, 0%, 100%, .7);
  display: block;
  font-size: 14px;
  height: 43px;
  line-height: 43px;
  text-align: center
}
.section__item {
  padding-bottom: 36px;
  width: 100%
}
.section__item__title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, .88);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-weight: 500;
  height: 52px;
  line-height: 36px;
  margin: 0;
  min-width: 100px;
  padding: 0 0 16px 20px;
  position: relative
}
.section__item__title:before {
  background-image: url(../../../images/icon_title.svg);
  content: "";
  height: 18px;
  left: 0;
  position: absolute;
  width: 14px
}
.extra__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 50px;
  position: relative;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 60px
}
.extra__list__icon {
  font-size: 28px
}
.extra__list__desc {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background-color: #2e3033;
  border-radius: 4px;
  display: none;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 12px;
  height: 50px;
  -webkit-justify-content: center;
  justify-content: center;
  left: -118px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 103px
}
.extra__list__desc:before {
  border-color: transparent transparent transparent #2e3033;
  border-style: solid;
  border-width: 9px 0 9px 10px;
  content: "";
  height: 0;
  position: absolute;
  right: -10px;
  width: 0
}
.extra__list__title {
  color: hsla(0, 0%, 100%, .6)
}
.extra__list__content {
  color: hsla(0, 0%, 100%, .88)
}
.extra__list:hover {
  color: #0080ff
}
.extra__list:hover .extra__list__desc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.extra__list--top {
  display: none
}
.extra__container {
  background-color: #373a3d;
  border-radius: 4px;
  position: fixed;
  right: 10px;
  top: 50vh;
  width: 60px;
  z-index: 9
}
.extra__container--active .extra__list--top, .news__card__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.news__card__item {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 16px;
  width: 100%
}
.news__card__list {
  border-radius: 4px;
  overflow: hidden;
  position: relative
}
.news__card__list__title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: hsla(0, 0%, 100%, .8);
  display: -webkit-box;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  max-height: 48px;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis
}
.news__card__list__cover {
  overflow: hidden
}
.news__card__list__cover__icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .32);
  border-radius: 4px;
  color: hsla(0, 0%, 100%, .88);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  height: 18px;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 4px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1
}
.news__card__list__cover__icon:before {
  margin-right: 2px
}
.news__card__list:hover .news__card__list__cover__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.news__card__list:hover .news__card__list__title {
  color: rgba(0, 128, 255, .88)
}
.news__card__list--video {
  height: 252px;
  margin: 20px 20px 0 0;
  width: 240px
}
.news__card__list--video .news__card__list__cover {
  height: 180px;
  overflow: hidden;
  position: relative;
  width: 240px
}
.news__card__list--video .news__card__list__cover__img {
  height: 180px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 240px
}
.news__card__list--video .news__card__list__cover__icon {
  border-radius: 50%;
  color: hsla(0, 0%, 100%, .88);
  display: none;
  font-size: 24px;
  height: 46px;
  left: 50%;
  padding: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 46px
}
.news__card__list--video .news__card__list__cover__icon:before {
  margin-right: 0
}
.news__card__list--video .news__card__list__cover__time {
  bottom: 12px;
  color: hsla(0, 0%, 100%, .88);
  font-size: 12px;
  font-weight: 500;
  height: 14px;
  line-height: 14px;
  position: absolute;
  right: 12px;
  z-index: 1
}
.news__card__list--video .news__card__list__footer {
  background-color: hsla(0, 0%, 100%, .04);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 72px;
  padding: 12px 10px;
  width: 100%
}
.news__card__list--video .news__card__list__title {
  color: hsla(0, 0%, 100%, .8)
}
.news__card__list--video:nth-child(-n+5) {
  margin-top: 0
}
.news__card__list--video:nth-child(5n) {
  margin-right: 0
}
.news__card__list--gallery {
  height: 202px;
  margin: 18px 18px 0 0;
  width: 269px
}
.news__card__list--gallery .news__card__list__cover, .news__card__list--gallery .news__card__list__cover__img {
  height: 202px;
  width: 269px
}
.news__card__list--gallery .news__card__list__footer {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .9)));
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .9));
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .9));
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  padding: 18px 10px 6px;
  position: absolute;
  width: 100%;
  z-index: 1
}
.news__card__list--gallery:nth-child(-n+4) {
  margin-top: 0
}
.news__card__list--gallery:nth-child(4n) {
  margin-right: 0
}
.news__card__list--gear, .news__card__list--wallpaper {
  left: -100vw;
  margin-bottom: 18px;
  top: -100vh;
  width: 269px
}
.news__card__list--gear .news__card__list__cover, .news__card__list--gear .news__card__list__cover__img, .news__card__list--wallpaper .news__card__list__cover, .news__card__list--wallpaper .news__card__list__cover__img {
  width: 100%
}
.news__card__list--gear .news__card__list__footer, .news__card__list--wallpaper .news__card__list__footer {
  background-color: hsla(0, 0%, 100%, .04);
  padding: 12px 10px;
  position: relative
}
.news__card__list--gear .news__card__list__title, .news__card__list--wallpaper .news__card__list__title {
  margin-bottom: 12px
}
.news__card__list--gear .news__card__list__desc, .news__card__list--wallpaper .news__card__list__desc {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 100%, .3);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  height: 24px;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.news__card__list--gear .news__card__list__author, .news__card__list--wallpaper .news__card__list__author {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: color .3s;
  transition: color .3s
}
.news__card__list--gear .news__card__list__author__avatar, .news__card__list--wallpaper .news__card__list__author__avatar {
  border-radius: 50%;
  height: 24px;
  width: 24px
}
.news__card__list--gear .news__card__list__author__name, .news__card__list--wallpaper .news__card__list__author__name {
  padding-left: 12px
}
.news__card__list--gear .news__card__list__author:hover, .news__card__list--wallpaper .news__card__list__author:hover {
  color: #fff
}
.news__card__list--gear:hover .news__card__list__title, .news__card__list--wallpaper:hover .news__card__list__title {
  color: hsla(0, 0%, 100%, .8)
}
.news__card__list--gear {
  width: 305px
}
.qmw__empty {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 14px;
  font-weight: 400;
  padding: 162px 0 18px;
  width: 100%
}
.qmw__empty__image {
  height: 96px;
  width: 96px
}
.qmw__empty__content {
  color: hsla(0, 0%, 100%, .7);
  margin-bottom: 162px
}
.qmw__empty__content__time {
  color: rgba(0, 128, 255, .88)
}