.dropload-down, .dropload-up {
  font-size: .24rem;
  height: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}
.dropload-down {
  height: .6rem
}
.dropload-load, .dropload-noData, .dropload-refresh, .dropload-update {
  height: .6rem;
  line-height: .6rem;
  text-align: center
}
.dropload-load .loading {
  -webkit-animation: rotate .75s linear infinite;
  animation: rotate .75s linear infinite;
  border: .01rem solid;
  border-color: #666 #666 transparent;
  border-radius: .1rem;
  display: inline-block;
  height: .2rem;
  margin: .1rem;
  vertical-align: middle;
  width: .2rem
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg)
  }
  50% {
    -webkit-transform: rotate(180deg)
  }
  to {
    -webkit-transform: rotate(1turn)
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}
/*! 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: .01rem 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: -.02rem
}
[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
}
@font-face {
  font-family: swiper-icons;
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}
:root {
  --swiper-theme-color: #007aff
}
.swiper-container {
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.swiper-wrapper {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  width: 100%;
  z-index: 1
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}
.swiper-container-multirow-column > .swiper-wrapper, .swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.swiper-container-multirow-column > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.swiper-container-free-mode > .swiper-wrapper {
  margin: 0 auto;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}
.swiper-container-pointer-events {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}
.swiper-container-pointer-events.swiper-container-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}
.swiper-slide {
  -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  width: 100%
}
.swiper-slide-invisible-blank {
  visibility: hidden
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform
}
.swiper-container-3d {
  -webkit-perspective: 12rem;
  perspective: 12rem
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
  background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-css-mode > .swiper-wrapper {
  -ms-overflow-style: none;
  overflow: auto;
  scrollbar-width: none
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: x mandatory;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: y mandatory;
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory
}
body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif;
  font-size: .16rem;
  margin: 0 auto;
  max-width: 3.75rem;
  min-height: 100vh;
  min-width: 1.6rem;
  overflow-x: hidden;
  width: 100%
}
body * {
  margin: 0;
  padding: 0
}
body a {
  color: #222
}
body a, body a:active, body a:hover {
  text-decoration: none
}
body li {
  list-style: none
}
blockquote {
  background-color: #fafafa;
  border-radius: .04rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #aaa;
  font-size: .16rem;
  line-height: .24rem;
  margin-top: .16rem;
  padding: .12rem;
  position: relative;
  width: 100%
}
blockquote:before {
  background-image: url(../images/icon_quota.svg);
  background-size: .12rem;
  content: "";
  height: .12rem;
  left: .12rem;
  position: absolute;
  top: -.04rem;
  width: .12rem
}
.p_t88 {
  padding-top: .44rem
}
.p_t176 {
  padding-top: .88rem
}
.p_b98 {
  padding-bottom: .49rem
}
.p_b112 {
  padding-bottom: .56rem
}
@supports (bottom:env(safe-area-inset-bottom)) {
  .safe-area {
    height: env(safe-area-inset-bottom);
    width: 100%
  }
  .p_b112 {
    padding-bottom: calc(.56rem + env(safe-area-inset-bottom))
  }
}
a[title=\7AD9\957F\7EDF\8BA1] {
  display: none
}
.card__section {
  border-top: .08rem solid #fafafa;
  padding: .16rem 0;
  position: relative;
  width: 100%
}
.card__section__header {
  -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;
  height: .4rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 .16rem .16rem
}
.card__section__header__title {
  color: #222;
  font-size: .18rem;
  font-weight: 600;
  height: .24rem;
  line-height: .24rem
}
.card__section__content {
  overflow: hidden;
  position: relative
}
.card__section__content__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-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(.36rem, #fff));
  background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff .36rem);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff .36rem);
  bottom: 0;
  color: #808890;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  height: .28rem;
  -webkit-justify-content: center;
  justify-content: center;
  padding-top: .36rem;
  position: absolute;
  width: 100%
}
.card__section__content__btn__icon {
  font-size: .1rem;
  margin: 0 .04rem
}
.card__section:first-child {
  border-top: 0
}
.article__container {
  padding: 0 .16rem
}
.article__header__info {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-top: .12rem
}
.article__header__btn, .article__header__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
}
.article__header__btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background-color: rgba(247, 250, 252, .4);
  border-radius: .15rem;
  color: #0080ff;
  font-size: .14rem;
  font-weight: 500;
  height: .28rem;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 .12rem
}
.article__header__btn__icon {
  font-size: .1rem;
  margin-right: .04rem
}
.article__header__btn--active .article__header__btn__icon {
  display: none
}
.article__author {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.article__author__avatar {
  border-radius: 50%;
  height: .36rem;
  width: .36rem
}
.article__author__name {
  color: #555;
  font-size: .14rem;
  height: .2rem;
  line-height: .2rem
}
.article__author__auth {
  margin-right: .08rem
}
.article__author__desc {
  color: #bfbfbf;
  font-size: .12rem;
  height: .17rem;
  line-height: .17rem
}
.article__author__info {
  position: relative
}
.article__author__basic {
  -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-left: .08rem
}
.article__title {
  color: #222;
  font-size: .18rem;
  font-weight: 600;
  line-height: .25rem
}
.article__content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #222;
  font-size: .18rem;
  line-height: .32rem;
  text-align: justify;
  width: 100%
}
.article__content p {
  margin-top: .16rem
}
.article__content img {
  border-radius: .04rem;
  display: block;
  height: auto;
  margin: .08rem 0;
  width: 100%
}
.article__content a {
  color: #0080ff
}
.article__content iframe {
  display: block;
  height: 2.5rem;
  width: 3.43rem
}
.article__content table {
  border-collapse: collapse
}
.article__content .gif-box {
  position: relative
}
.article__content .gif-box:before {
  background-color: rgba(3, 128, 250, .6);
  border-radius: .04rem 0;
  bottom: 0;
  color: #fff;
  content: "GIF";
  font-size: .12rem;
  font-weight: 600;
  height: .21rem;
  line-height: .21rem;
  position: absolute;
  right: 0;
  text-align: center;
  width: .35rem
}
.article__content .video_detail {
  height: 2.5rem;
  position: relative;
  width: 3.43rem
}
.article__content .video_detail img {
  height: 2.5rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: 3.43rem
}
.article__content .video_detail .play-icon {
  background-image: url(../../../images/sprites/mobile_sprite.png);
  background-position: -1.64063rem 0;
  background-repeat: no-repeat;
  background-size: 2.09063rem auto;
  height: .45rem;
  left: 50%;
  margin-left: -.225rem;
  margin-top: -.225rem;
  position: absolute;
  top: 50%;
  width: .45rem
}
.user__level {
  background-size: cover;
  bottom: 0;
  height: .12rem;
  position: absolute;
  right: 0;
  width: .12rem
}
.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)
}
.masonry-section__column, .masonry-section__list {
  -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
}
.masonry-section__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  border-radius: .04rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: .08rem;
  overflow: hidden;
  width: 100%
}
.masonry-section__list__cover {
  width: 100%
}
.masonry-section__list__cover-box {
  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 {
  margin: .08rem 0 .16rem;
  width: 1.51rem
}
.masonry-section__list__content-title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #222;
  display: -webkit-box;
  font-size: .14rem;
  line-height: .2rem;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis
}
.masonry-section__list__content-info {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  color: #bfbfbf;
  font-size: .12rem;
  height: .18rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: .08rem
}
.masonry-section__list__content-author, .masonry-section__list__content-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
}
.masonry-section__list__content-avatar {
  border-radius: 50%;
  height: .18rem;
  width: .18rem
}
.masonry-section__list__content-name {
  line-height: .18rem;
  margin-left: .04rem;
  max-width: .72rem;
  overflow: hidden;
  text-overflow: ellipsis
}
.masonry-section__list__content-comment {
  line-height: .18rem
}
.masonry-section__item {
  -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: .16rem .16rem 0
}
.masonry-section__item--wallpaper .masonry-section__list__cover-icon {
  border-radius: .04rem;
  font-size: .12rem;
  line-height: .18rem;
  padding: 0 .03rem;
  right: .08rem;
  top: .08rem
}
.masonry-section__item--wallpaper .masonry-section__list__cover-icon:before {
  margin-right: .02rem
}
.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: .18rem .1rem .06rem;
  position: absolute
}
.masonry-section__item--wallpaper .masonry-section__list__title:hover {
  color: rgba(0, 128, 255, .88);
  -webkit-transition: color .3s;
  transition: color .3s
}
.qmw__navigation {
  -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: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .44rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  overflow: hidden;
  padding: 0 .06rem;
  top: 0;
  width: 3.75rem;
  z-index: 9
}
.qmw__navigation__side {
  height: .44rem;
  min-width: .44rem
}
.qmw__navigation__side, .qmw__navigation__side__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
}
.qmw__navigation__side__icon {
  font-size: .24rem;
  height: 100%;
  width: 100%
}
.qmw__navigation__nav {
  background-color: rgba(0, 0, 0, .2);
  content: "";
  display: none;
  height: 100%;
  left: 0;
  max-width: 3.75rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999
}
.qmw__navigation__nav__container {
  background-color: #fff
}
.qmw__navigation__nav__header {
  color: #222;
  font-size: .18rem;
  font-weight: 500;
  position: relative;
  width: 100%
}
.qmw__navigation__nav__header, .qmw__navigation__nav__header__btn {
  -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: .44rem;
  -webkit-justify-content: center;
  justify-content: center
}
.qmw__navigation__nav__header__btn {
  position: absolute;
  right: .06rem;
  top: 0;
  width: .44rem
}
.qmw__navigation__nav__content {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: .1rem .16rem
}
.qmw__navigation__nav__content, .qmw__navigation__nav__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.qmw__navigation__nav__list {
  -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: #f7f7f7;
  border-radius: .04rem;
  color: #222;
  font-size: .16rem;
  height: .34rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin: .06rem 0;
  width: .76rem
}
.qmw__navigation__title {
  font-size: .18rem;
  font-weight: 500
}
.qmw__navigation__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;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden
}
.qmw__navigation--light .qmw__navigation__content, .qmw__navigation--light .qmw__navigation__side__icon {
  color: #333
}
.qmw__navigation--dark .qmw__navigation__content, .qmw__navigation--dark .qmw__navigation__side__icon {
  color: #fff
}
.qmw__progress__bar {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: .28rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: .22rem;
  padding: 0 .16rem .06rem;
  position: relative
}
.qmw__progress__bar, .qmw__progress__bar__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.qmw__progress__bar__info {
  color: #fff;
  cursor: pointer;
  font-size: .12rem;
  font-weight: 600
}
.qmw__progress__bar__info__icon {
  font-size: .12rem;
  font-weight: 600;
  line-height: .16rem;
  padding-left: .18rem;
  position: relative;
  text-align: left
}
.qmw__progress__bar__info__icon:before {
  font-size: .18rem;
  font-weight: 400;
  height: .16rem;
  left: 0;
  position: absolute;
  top: 0;
  width: .18rem
}
.qmw__progress__bar__info__icon--rotate:before {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}
.qmw__progress__bar__info__num {
  margin: 0 .02rem
}
.qmw__progress__bar__info--right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.qmw__progress__bar__info--right .progress__bar__info__icon {
  padding-left: 0;
  padding-right: .18rem
}
.qmw__progress__bar__info--right .progress__bar__info__icon:before {
  left: unset;
  right: 0
}
.qmw__progress__bar__chart {
  bottom: 0;
  height: .06rem;
  position: absolute;
  width: 50%
}
.qmw__progress__bar__chart:before {
  content: "";
  position: absolute
}
.qmw__progress__bar__chart--left {
  background-color: #c13f3f;
  left: 0
}
.qmw__progress__bar__chart--left:before {
  border-bottom: .06rem solid #fff;
  border-left: .02rem solid transparent;
  right: 0
}
.qmw__progress__bar__chart--right {
  background-color: #4169d8;
  right: 0
}
.qmw__progress__bar__chart--right:before {
  border-right: .02rem solid transparent;
  border-top: .06rem solid #fff;
  left: 0
}
.qmw__progress__bar__content {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
  color: hsla(0, 0%, 100%, .7);
  font-size: .12rem;
  height: .16rem;
  left: 50%;
  line-height: .16rem;
  position: absolute;
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}
.qmw__empty {
  -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;
  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;
  max-width: 3.75rem;
  padding: .4rem 0;
  width: 100%
}
.qmw__empty__image {
  height: 1.26rem;
  width: 1.26rem
}
.qmw__empty__content {
  color: #bfbfbf;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .16rem;
  height: .22rem;
  line-height: .22rem;
  padding-top: .16rem
}
.qmw__sticky__container--fixed {
  position: fixed;
  top: 0;
  z-index: 999
}
.qmw__button {
  -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: .08rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .16rem;
  height: .44rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0;
  padding: 0 .16rem;
  width: 100%
}
.qmw__button.qmw__button--button {
  background-color: #fff;
  border: .01rem solid #f1f3f3;
  color: #323233
}
.qmw__button.qmw__button--primary {
  background-color: #0080ff;
  border: .01rem solid #0080ff;
  color: #fff;
  width: 100%
}
.qmw__button.qmw__button--primary.custom-button--disabled {
  background-color: #d4d8df;
  color: #fff
}
.qmw__button.qmw__button--disabled {
  background-color: #d4d8df;
  border-color: #d4d8df;
  color: #d9d9d9
}
.qmw__button.qmw__button--round {
  border-radius: .22rem
}
.qmw__button.qmw__button--plain {
  background-color: #fff;
  border: 0
}
.qmw__button.qmw__button--plain.custom-button--primary {
  color: #0080ff
}
.qmw__button.qmw__button--plain.custom-button--disabled {
  background-color: transparent;
  color: #d9d9d9
}
.qmw__button__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;
  font-size: .2rem;
  height: .2rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin-right: .04rem;
  text-align: center;
  width: .2rem
}
.qmw__button__icon--loading {
  display: none;
  margin-right: 0
}
.qmw__button.qmw__button--loading .qmw__button__icon {
  display: none
}
.qmw__button.qmw__button--loading .qmw__button__icon--loading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.qmw__button.qmw__button--loading .qmw__button__title {
  display: none
}
button {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0
}
button:after {
  display: none
}
.article .top {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: .16rem;
  padding: 0 .16rem;
  width: 100%
}
.article .top .title {
  color: #222;
  font-size: .23rem;
  font-weight: 500;
  line-height: .33rem;
  margin: .16rem 0
}
.article .top .author-desc {
  -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
}
.article .top .author-desc, .article .top .author-desc .author {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.article .top .author-desc .author {
  height: .37rem;
  position: relative
}
.article .top .author-desc .author .avatar {
  border-radius: 50%;
  height: .36rem;
  margin-right: .08rem;
  width: .36rem
}
.article .top .author-desc .author .author-tag {
  background-image: url(../../search/images/icon_blue_v.svg);
  background-size: cover;
  height: .12rem;
  left: .24rem;
  position: absolute;
  top: .24rem;
  width: .12rem
}
.article .top .author-desc .author .author-tag.author {
  background-image: url(../../search/images/icon_yellow_v.svg)
}
.article .top .author-desc .author .author-tag.gray {
  background-image: url(../../search/images/icon_gray_v.svg)
}
.article .top .author-desc .author .author-tag.red {
  background-image: url(../../search/images/icon_red_v.svg)
}
.article .top .author-desc .author .desc {
  -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: .36rem;
  overflow: hidden
}
.article .top .author-desc .author .name {
  color: #555;
  font-size: .14rem;
  height: .2rem;
  line-height: .2rem
}
.article .top .author-desc .author .time {
  color: #bfbfbf;
  font-size: .12rem;
  height: .17rem;
  line-height: .17rem
}
.article .summary {
  background-color: hsla(0, 0%, 97%, .5);
  border-radius: .04rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #818181;
  font-size: .16rem;
  line-height: .24rem;
  margin: 0 auto .16rem;
  padding: .12rem;
  position: relative;
  text-align: justify;
  width: 3.43rem
}
.article .summary:before {
  background-image: url(../../../images/sprites/mobile_sprite.png);
  background-position: 0 -1.75rem;
  background-repeat: no-repeat;
  background-size: 2.23rem auto;
  content: "";
  height: .09rem;
  left: .1rem;
  opacity: .5;
  position: absolute;
  top: -.09rem;
  width: .09rem
}
.article .content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #222;
  font-size: .18rem;
  line-height: .32rem;
  padding: 0 .16rem;
  text-align: justify;
  width: 100%
}
.article .content p {
  margin-top: .16rem
}
.article .content img {
  border-radius: .04rem;
  display: block;
  height: auto;
  margin: .08rem 0;
  width: 100%
}
.article .content a {
  color: #0080ff
}
.article .content iframe {
  display: block;
  height: 2.5rem;
  width: 3.43rem
}
.article .content table {
  border-collapse: collapse
}
.article .content .gif-box {
  position: relative
}
.article .content .gif-box:before {
  background-color: rgba(3, 128, 250, .6);
  border-radius: .04rem 0;
  bottom: 0;
  color: #fff;
  content: "GIF";
  font-size: .12rem;
  font-weight: 600;
  height: .21rem;
  line-height: .21rem;
  position: absolute;
  right: 0;
  text-align: center;
  width: .35rem
}
.article .content .video_detail {
  height: 2.5rem;
  position: relative;
  width: 3.43rem
}
.article .content .video_detail img {
  height: 2.5rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: 3.43rem
}
.article .content .video_detail .play-icon {
  background-image: url(../../../images/sprites/mobile_sprite.png);
  background-position: -1.64063rem 0;
  background-repeat: no-repeat;
  background-size: 2.09063rem auto;
  height: .45rem;
  left: 50%;
  margin-left: -.225rem;
  margin-top: -.225rem;
  position: absolute;
  top: 50%;
  width: .45rem
}
.article .content .video-js {
  height: 2.5rem;
  width: 3.43rem
}
.article .content .video-js video {
  outline: none
}
.article .content .video-js .vjs-big-play-button {
  background: rgba(0, 0, 0, .4);
  border: none;
  border-radius: 50%;
  height: .45rem;
  left: 50%;
  margin: -.225rem 0 0 -.225rem;
  position: absolute;
  top: 50%;
  width: .45rem
}
.article .content .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-size: .3rem;
  line-height: .45rem
}
.article .content .video-js .vjs-button {
  outline: none
}
.article .content .video-js .vjs-button > .vjs-icon-placeholder:before {
  font-size: .16rem;
  line-height: .3rem
}
.article .content .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: .3rem
}
.article .content .video-js .vjs-control-bar .vjs-control {
  line-height: .3rem;
  width: .25rem
}
.article .content .video-js .vjs-control-bar .vjs-control.vjs-time-control {
  font-size: .12rem;
  min-width: .4rem;
  width: auto
}
.article .content .video-js .vjs-control-bar .vjs-progress-control .vjs-play-progress {
  background: hsla(0, 0%, 100%, .8)
}
.article .content .video-js .vjs-control-bar .vjs-progress-control .vjs-play-progress:before {
  font-size: .08rem;
  height: .11rem;
  line-height: .11rem;
  right: -.025rem;
  text-align: center;
  top: -.03rem;
  width: .11rem
}
.article .content .video-js .vjs-control-bar .vjs-progress-control .vjs-slider {
  background: hsla(0, 0%, 100%, .1)
}
.article .content .video-js .vjs-control-bar .vjs-progress-control .vjs-slider-bar {
  border-radius: .025rem;
  top: 0
}
.article .content .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder {
  border-radius: .025rem;
  height: .05rem
}
.article .content .video-js .vjs-control-bar .vjs-progress-control .vjs-load-progress {
  background: rgba(0, 128, 255, .1);
  border-radius: .025rem;
  overflow: hidden
}
.article .content-fold {
  height: 4.7rem;
  overflow: hidden
}
.article .unfold {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: #808890;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  font-weight: 400;
  height: .28rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .21rem;
  position: relative;
  width: 3.75rem
}
.article .unfold .double-down {
  font-size: .1rem;
  margin-left: .04rem
}
.article .unfold:before {
  background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
  background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff);
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
  content: "";
  height: .36rem;
  position: absolute;
  top: -.36rem;
  width: 3.75rem
}
.article .gear-list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: .16rem;
  padding: 0 .16rem;
  width: 3.75rem
}
.article .gear-list .gear-img {
  border-radius: .04rem;
  height: 100%;
  width: 100%
}
.article .source {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #222;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  font-weight: 400;
  line-height: .25rem;
  margin-top: .2rem;
  padding: 0 .16rem
}
.article .source .active {
  color: #0080ff
}
.article .source .link-box .link {
  font-size: .15rem;
  height: .15rem;
  margin-right: .02rem;
  width: .15rem
}
.article .tags {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: .15rem;
  margin-top: .28rem
}
.article .tags, .article .tags .tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 .1rem
}
.article .tags .tag {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #f7f7f7;
  border-radius: .21rem;
  height: .29rem;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin: .06rem .05rem
}
.article .tags .tag .tag-avatar {
  border-radius: 50%;
  height: .21rem;
  margin-right: .04rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .21rem
}
.article .tags .tag .tag-name {
  color: #555;
  font-size: .12rem
}
.article .copyright {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #bfbfbf;
  font-size: .12rem;
  line-height: .17rem;
  margin-bottom: .16rem;
  padding: 0 .16rem;
  width: 100%
}
.news-container__article {
  padding: 0 .16rem
}
.news-container__title {
  color: #222;
  font-size: .23rem;
  font-weight: 500;
  line-height: .33rem;
  margin: .16rem 0
}
.news-container__info {
  -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-bottom: .16rem
}
.news-container__info, .news-container__info-author {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.news-container__info-author {
  height: .37rem;
  position: relative
}
.news-container__info-avatar {
  border-radius: 50%;
  height: .36rem;
  margin-right: .08rem;
  width: .36rem
}
.news-container__info-tag {
  background-image: url(../../search/images/icon_blue_v.svg);
  background-size: cover;
  height: .12rem;
  left: .24rem;
  position: absolute;
  top: .24rem;
  width: .12rem
}
.news-container__info-tag.author {
  background-image: url(../../search/images/icon_yellow_v.svg)
}
.news-container__info-tag.gray {
  background-image: url(../../search/images/icon_gray_v.svg)
}
.news-container__info-tag.red {
  background-image: url(../../search/images/icon_red_v.svg)
}
.news-container__info-desc {
  -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: .36rem;
  overflow: hidden
}
.news-container__info-name {
  color: #555;
  font-size: .14rem;
  height: .2rem;
  line-height: .2rem
}
.news-container__info-time {
  color: #bfbfbf;
  font-size: .12rem;
  height: .17rem;
  line-height: .17rem
}
.news-container__summary {
  background-color: hsla(0, 0%, 97%, .5);
  border-radius: .04rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #818181;
  font-size: .16rem;
  line-height: .24rem;
  margin: 0 auto .16rem;
  padding: .12rem;
  position: relative;
  text-align: justify;
  width: 3.43rem
}
.news-container__summary:before {
  background-image: url(../../../images/sprites/mobile_sprite.png);
  background-position: 0 -1.75rem;
  background-repeat: no-repeat;
  background-size: 2.23rem auto;
  content: "";
  height: .09rem;
  left: .1rem;
  opacity: .5;
  position: absolute;
  top: -.09rem;
  width: .09rem
}
.news-container__content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #222;
  font-size: .18rem;
  line-height: .32rem;
  text-align: justify;
  width: 100%
}
.news-container__content p {
  margin-top: .16rem
}
.news-container__content img {
  border-radius: .04rem;
  display: block;
  height: auto;
  margin: .08rem 0;
  width: 100%
}
.news-container__content a {
  color: #0080ff
}
.news-container__content iframe {
  display: block;
  height: 2.5rem;
  width: 3.43rem
}
.news-container__content table {
  border-collapse: collapse
}
.news-container__content .gif-box {
  position: relative
}
.news-container__content .gif-box:before {
  background-color: rgba(3, 128, 250, .6);
  border-radius: .04rem 0;
  bottom: 0;
  color: #fff;
  content: "GIF";
  font-size: .12rem;
  font-weight: 600;
  height: .21rem;
  line-height: .21rem;
  position: absolute;
  right: 0;
  text-align: center;
  width: .35rem
}
.news-container__content .video_detail {
  height: 2.5rem;
  position: relative;
  width: 3.43rem
}
.news-container__content .video_detail img {
  height: 2.5rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: 3.43rem
}
.news-container__content .video_detail .play-icon {
  background-image: url(../../../images/sprites/mobile_sprite.png);
  background-position: -1.64063rem 0;
  background-repeat: no-repeat;
  background-size: 2.09063rem auto;
  height: .45rem;
  left: 50%;
  margin-left: -.225rem;
  margin-top: -.225rem;
  position: absolute;
  top: 50%;
  width: .45rem
}
.news-container__content .video-js {
  height: 2.5rem;
  width: 3.43rem
}
.news-container__content .video-js video {
  outline: none
}
.news-container__content .video-js .vjs-big-play-button {
  background: rgba(0, 0, 0, .4);
  border: none;
  border-radius: 50%;
  height: .45rem;
  left: 50%;
  margin: -.225rem 0 0 -.225rem;
  position: absolute;
  top: 50%;
  width: .45rem
}
.news-container__content .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-size: .3rem;
  line-height: .45rem
}
.news-container__content .video-js .vjs-button {
  outline: none
}
.news-container__content .video-js .vjs-button > .vjs-icon-placeholder:before {
  font-size: .16rem;
  line-height: .3rem
}
.news-container__content .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: .3rem
}
.news-container__content .video-js .vjs-control-bar .vjs-control {
  line-height: .3rem;
  width: .25rem
}
.news-container__content .video-js .vjs-control-bar .vjs-control.vjs-time-control {
  font-size: .12rem;
  min-width: .4rem;
  width: auto
}
.news-container__content .video-js .vjs-control-bar .vjs-progress-control .vjs-play-progress {
  background: hsla(0, 0%, 100%, .8)
}
.news-container__content .video-js .vjs-control-bar .vjs-progress-control .vjs-play-progress:before {
  font-size: .08rem;
  height: .11rem;
  line-height: .11rem;
  right: -.025rem;
  text-align: center;
  top: -.03rem;
  width: .11rem
}
.news-container__content .video-js .vjs-control-bar .vjs-progress-control .vjs-slider {
  background: hsla(0, 0%, 100%, .1)
}
.news-container__content .video-js .vjs-control-bar .vjs-progress-control .vjs-slider-bar {
  border-radius: .025rem;
  top: 0
}
.news-container__content .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder {
  border-radius: .025rem;
  height: .05rem
}
.news-container__content .video-js .vjs-control-bar .vjs-progress-control .vjs-load-progress {
  background: rgba(0, 128, 255, .1);
  border-radius: .025rem;
  overflow: hidden
}
.news-container .content-fold {
  height: 4.7rem;
  overflow: hidden
}
.news-container .unfold {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: #808890;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  font-weight: 400;
  height: .28rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .21rem;
  position: relative;
  width: 3.75rem
}
.news-container .unfold .double-down {
  font-size: .1rem;
  margin-left: .04rem
}
.news-container .unfold:before {
  background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
  background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff);
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
  content: "";
  height: .36rem;
  position: absolute;
  top: -.36rem;
  width: 3.75rem
}
.news-container__gear {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: .16rem
}
.news-container__gear-img {
  border-radius: .04rem;
  height: 100%;
  width: 100%
}
.news-container__source {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #222;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  font-weight: 400;
  line-height: .25rem;
  margin-top: .2rem
}
.news-container__link-box .link {
  font-size: .15rem;
  height: .15rem;
  margin-right: .02rem;
  width: .15rem
}
.news-container__link-box--active {
  color: #0080ff
}
.news-container__tags {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: .15rem;
  margin-top: .28rem
}
.news-container__tags, .news-container__tags-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.news-container__tags-list {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #f7f7f7;
  border-radius: .21rem;
  height: .29rem;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin: .06rem .05rem;
  padding: 0 .1rem
}
.news-container__tags-avatar {
  border-radius: 50%;
  height: .21rem;
  margin-right: .04rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .21rem
}
.news-container__tags-name {
  color: #555;
  font-size: .12rem
}
.news-container__explain {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #bfbfbf;
  font-size: .12rem;
  line-height: .17rem;
  margin-bottom: .16rem;
  width: 100%
}
.footer__tab__bar {
  background-color: #fff;
  bottom: 0;
  font-size: .11rem;
  height: .5rem;
  max-width: 3.75rem;
  padding-bottom: env(safe-area-inset-bottom);
  position: -webkit-sticky;
  position: sticky;
  top: calc(100% - .5rem);
  width: 100%;
  z-index: 9
}
.footer__tab__bar, .footer__tab__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.footer__tab__list {
  -webkit-box-flex: 1;
  -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: #818181;
  -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
}
.footer__tab__list__icon {
  display: block;
  height: .24rem;
  margin-bottom: .02rem;
  width: .22rem
}
.social-list {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin-top: .08rem;
  padding: .16rem;
  position: relative;
  width: 3.75rem
}
.social-list--hidden {
  display: none !important
}
.social-list__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
}
.social-list__avatar {
  height: .36rem;
  left: 0;
  position: absolute;
  width: .36rem
}
.social-list__avatar-img {
  border-radius: 50%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.social-list__name {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .15rem;
  height: .21rem;
  line-height: .21rem
}
.social-list__icon {
  background-repeat: no-repeat;
  background-size: .14rem auto;
  height: .14rem;
  margin-left: .08rem;
  width: .14rem
}
.social-list__icon--twitter {
  background-image: url(../images/icon_twitter.svg)
}
.social-list__icon--ins {
  background-image: url(../images/icon_ins.svg)
}
.social-list__header {
  color: #555;
  display: inline-block;
  font-size: .14rem;
  margin-bottom: .1rem;
  padding-left: .44rem;
  position: relative
}
.social-list__time {
  color: #bfbfbf;
  font-size: .12rem;
  height: .17rem;
  line-height: .17rem
}
.social-list__time span {
  margin-right: .08rem
}
.social-list__content {
  font-size: .14rem;
  line-height: .26rem;
  text-align: justify;
  word-break: break-all
}
.social-list__fold, .social-list__unfold {
  color: rgba(0, 128, 255, .7);
  font-size: .14rem;
  font-weight: 400;
  line-height: .2rem
}
.social-list__fold {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: none
}
.social-list__fold-icon {
  background: #45abfc;
  border-radius: 50%;
  color: #fff;
  font-size: .07rem;
  height: .14rem;
  line-height: .14rem;
  margin-right: .03rem;
  text-align: center;
  width: .14rem
}
.social-list__fold-content {
  color: #bfbfbf;
  display: none;
  font-size: .14rem;
  font-weight: 400;
  line-height: .25rem;
  margin-top: .08rem;
  text-align: justify;
  word-break: break-all
}
.social-list__video {
  margin-top: .08rem
}
.social-list__video-poster {
  display: inline-block;
  height: auto;
  position: relative;
  width: auto
}
.social-list__video-poster img {
  border-radius: .04rem;
  max-height: 2.4rem;
  max-width: 2.4rem
}
.social-list__video-poster:before {
  background-image: url(../../../images/sprites/mobile_sprite.png);
  background-position: -1.16667rem 0;
  background-repeat: no-repeat;
  background-size: 1.48667rem auto;
  content: "";
  height: .32rem;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: .32rem;
  z-index: 8
}
.social-list__video-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .94);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000
}
.social-list__video-container:after {
  color: #fff;
  content: "×";
  font-size: .3rem;
  position: absolute;
  right: .1rem;
  top: 0;
  z-index: 999
}
.social-list__video-container .xgplayer {
  max-height: 100%;
  min-height: 2.4rem
}
.social-list .xgplayer .xg-mini-layer, .social-list .xgplayer .xg-options-icon, .social-list .xgplayer .xgplayer-volume {
  display: none
}
.social-list .xgplayer .xgplayer-time {
  font-size: .1rem;
  margin: 0 .05rem;
  min-width: 0
}
.social-list .xgplayer .xgplayer-controls {
  z-index: 66
}
.social-list .xgplayer .xgmask {
  pointer-events: auto
}
.social-list__photos {
  height: 1.11rem;
  margin-top: .12rem;
  overflow: hidden;
  position: relative
}
.social-list__photos, .social-list__photos-count {
  border-radius: .04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.social-list__photos-count {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .32);
  color: #fff;
  font-size: .12rem;
  font-weight: 500;
  height: .18rem;
  padding: 0 .03rem;
  position: absolute;
  right: .08rem;
  top: .08rem
}
.social-list__photos-photo {
  height: 1.11rem;
  -o-object-fit: cover;
  object-fit: cover;
  padding-right: .04rem;
  width: 1.11rem
}
.social-list__photos-photo:last-of-type {
  border-radius: 0 .04rem .04rem 0;
  padding-right: 0
}
.social-list__photos--one {
  height: 1.7rem;
  width: 2.4rem
}
.social-list__photos--one .social-list__photos-photo {
  height: 100%;
  width: 100%
}
.social-list__photos--more {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  height: 1.71rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%
}
.social-list__photos--more .social-list__photos-photo {
  height: .83rem;
  padding: 0;
  width: 1.33rem
}
.social-list__photos--more .social-list__photos-photo:first-child {
  height: 100%;
  margin-right: .05rem;
  width: 2.06rem
}
.social-list__photos--more .social-list__photos-count {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.social-list__hot-comment {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #555;
  font-size: .13rem;
  font-weight: 400;
  margin-top: .16rem;
  text-align: justify;
  width: 100%;
  word-break: break-all
}
.social-list__hot-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;
  line-height: .18rem;
  margin-bottom: .06rem
}
.social-list__hot-icon {
  background-image: url(https://m.qiumiwu.com/static/images/icon_hot.svg);
  background-size: .36rem .16rem;
  display: inline-block;
  height: .16rem;
  width: .36rem
}
.social-list__hot-title {
  color: #bfbfbf;
  font-size: .11rem;
  line-height: .16rem;
  margin-bottom: .08rem
}
.social-list__hot-name {
  color: #000;
  font-weight: 600
}
.social-list__intermediate {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -moz-user-focus: ignore;
  display: block;
  height: 100%;
  margin-bottom: .1rem;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  width: 3.43rem
}
.social-list__intermediate .tags {
  margin-top: .08rem
}
.social-list__bottom {
  color: #818181;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .2rem;
  font-weight: 500;
  position: relative;
  width: 100%
}
.social-list__bottom-list {
  margin-right: .3rem;
  white-space: nowrap;
  width: .15rem
}
.social-list__bottom-list .fa {
  font-size: .2rem !important;
  vertical-align: top !important
}
.social-list__bottom-list span {
  font-size: .12rem;
  height: .17rem;
  line-height: .17rem;
  margin-left: .03rem;
  vertical-align: top
}
.social-list__bottom .fa-share-list {
  font-size: .28rem;
  position: absolute;
  right: 0
}
.news-item {
  padding-top: .02rem
}
.news-item, .news-item .list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.news-item .list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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;
  min-height: 1.14rem;
  padding: .14rem .16rem
}
.news-item .list .title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #222;
  display: -webkit-box;
  font-size: .17rem;
  font-weight: 400;
  line-height: .25rem;
  max-height: .5rem;
  min-height: .25rem;
  overflow: hidden;
  position: relative
}
.news-item .list .title .is_top {
  background-image: url(../images/text_top.svg);
  background-repeat: no-repeat;
  background-size: .28rem .18rem;
  display: inline-block;
  height: .18rem;
  margin-bottom: -.03rem;
  width: .28rem
}
.news-item .list .title .hot {
  color: #f66;
  font-size: .17rem;
  margin-right: .025rem
}
.news-item .list__desc {
  color: #bfbfbf;
  font-size: .12rem;
  height: .17rem;
  line-height: .17rem
}
.news-item .list .desc__publishTime {
  margin-right: .12rem
}
.news-item .list .desc__related {
  border: .01rem solid rgba(0, 128, 255, .3);
  border-radius: .04rem;
  color: rgba(0, 128, 255, .7);
  font-size: .12rem;
  font-weight: 500;
  height: .21rem;
  line-height: .21rem;
  padding: 0 .02rem;
  text-align: center;
  width: .36rem
}
.news-item .list .desc__related--in {
  border: .01rem solid hsla(0, 100%, 70%, .3);
  color: hsla(0, 100%, 70%, .7)
}
.news-item .list .cover-box {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  border-radius: .04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: .08rem 0;
  overflow: hidden;
  position: relative
}
.news-item .list .cover-box .cover {
  height: .84rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: 1.12rem
}
.news-item .list .cover-box .pic-count {
  background: rgba(0, 0, 0, .32);
  border-radius: .04rem;
  color: #fff;
  font-size: .12rem;
  font-weight: 500;
  height: .18rem;
  line-height: .18rem;
  padding: 0 .03rem;
  position: absolute;
  right: .08rem;
  top: .08rem
}
.news-item .list .cover-box .pic-count:before {
  font-size: .14rem;
  margin-right: .01rem
}
.news-item .list .cover-box .time {
  bottom: .08rem;
  color: #f7f7f7;
  font-size: .12rem;
  font-weight: 500;
  height: .14rem;
  line-height: .14rem;
  position: absolute;
  right: .08rem;
  text-shadow: 0 0 .03rem rgba(0, 0, 0, .5)
}
.news-item .list.list-cover-big .cover-box {
  height: 1.65rem
}
.news-item .list.list-cover-big .cover-box .cover {
  height: 1.65rem;
  width: 100%
}
.news-item .list.list-cover-one {
  padding-right: 1.45rem;
  position: relative
}
.news-item .list.list-cover-one .cover-box {
  height: .86rem;
  margin: 0;
  position: absolute;
  right: .15rem;
  top: .14rem;
  width: 1.14rem
}
.news-item .list.list-cover-one .cover-box .cover {
  height: .86rem;
  width: 1.14rem
}
.news-item .list.list-video .cover-box:before {
  background-image: url(../../../images/sprites/mobile_sprite.png);
  background-position: -1.16667rem 0;
  background-repeat: no-repeat;
  background-size: 1.48667rem auto;
  content: "";
  height: .32rem;
  left: 50%;
  margin: -.16rem 0 0 -.16rem;
  position: absolute;
  top: 50%;
  width: .32rem
}
.news-item .social-list {
  background-color: #fff;
  display: block;
  margin: .08rem 0;
  padding: .16rem;
  width: 3.75rem
}
.news-item .social-list, .news-item .social-list .list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}
.news-item .social-list .list {
  min-height: 0;
  padding: 0
}
.news-item .social-list:before {
  top: -.08rem
}
.news-item .social-list:after, .news-item .social-list:before {
  background: #f7f7f7;
  content: "";
  height: .08rem;
  left: 0;
  position: absolute;
  width: 3.75rem
}
.news-item .social-list:after {
  bottom: -.08rem
}
.news-item .social-list .bottom {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #818181;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .2rem;
  font-weight: 500;
  position: relative;
  width: 100%
}
.news-item .social-list .bottom .list-num {
  left: .2rem;
  position: absolute;
  top: 0
}
.news-item .social-list .bottom .icon {
  margin-right: .3rem;
  white-space: nowrap;
  width: .15rem
}
.news-item .social-list .bottom .icon .fa {
  font-size: .2rem;
  vertical-align: top
}
.news-item .social-list .bottom .icon span {
  font-size: .12rem;
  height: .17rem;
  line-height: .17rem;
  margin-left: .03rem;
  vertical-align: top
}
.news-item .social-list .bottom .fa-share-list {
  font-size: .28rem;
  position: absolute;
  right: 0
}
.news-item .other-type {
  margin: .08rem 0;
  position: relative
}
.news-item .other-type.top-list {
  margin: 0
}
.news-item .other-type.top-list:after, .news-item .other-type.top-list:before {
  content: none
}
.news-item .other-type .list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 0;
  padding: .14rem .16rem
}
.news-item .other-type .list .title .is_top, .news-item .other-type .list .title .is_topic {
  background-repeat: no-repeat;
  background-size: .28rem .18rem;
  display: inline-block;
  height: .18rem;
  margin-bottom: -.03rem;
  width: .28rem
}
.news-item .other-type .list .title .is_top {
  background-image: url(../images/text_top.svg)
}
.news-item .other-type .list .title .is_topic {
  background-image: url(../images/text_topic.svg)
}
.news-item .other-type .desc {
  margin-top: .22rem
}
.news-item .other-type:before {
  top: -.08rem
}
.news-item .other-type:after, .news-item .other-type:before {
  background: #f7f7f7;
  content: "";
  height: .08rem;
  left: 0;
  position: absolute;
  width: 3.75rem
}
.news-item .other-type:after {
  bottom: -.08rem
}
.news-item .other-type .other-type-title {
  -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;
  font-weight: 400;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: .14rem .16rem .1rem;
  width: 3.75rem
}
.news-item .other-type .other-type-title, .news-item .other-type .other-type-title .left {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.news-item .other-type .other-type-title .left {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #222;
  display: -webkit-box;
  font-size: .16rem;
  height: .25rem;
  line-height: .25rem;
  overflow: hidden;
  padding-left: .34rem;
  position: relative;
  text-overflow: ellipsis;
  width: 85%
}
.news-item .other-type .other-type-title .left:before {
  background-repeat: no-repeat;
  background-size: .28rem .18rem;
  content: "";
  height: .18rem;
  left: 0;
  position: absolute;
  top: .03rem;
  width: .28rem;
  z-index: 1
}
.news-item .other-type .other-type-title .left.equipment-list:before {
  background-image: url(../images/text_equipment.svg)
}
.news-item .other-type .other-type-title .left.translation-list:before {
  background-image: url(../images/text_translation.svg)
}
.news-item .other-type .other-type-title .left.topic-list:before {
  background-image: url(../images/text_topic.svg)
}
.news-item .other-type .other-type-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: #aaa;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .13rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 1
}
.news-item .other-type .other-type-title .right i {
  font-size: .08rem;
  margin-left: .04rem
}
.news-item .other-type .item {
  -ms-overflow-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-x: scroll;
  scrollbar-width: none;
  white-space: nowrap;
  width: 100%
}
.news-item .other-type .item::-webkit-scrollbar {
  display: none
}
.news-item .other-type .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;
  padding-left: .08rem
}
.news-item .other-type .content:first-child {
  padding-left: .16rem
}
.news-item .other-type .content .cover {
  border-radius: .03rem .03rem 0 0;
  height: 1.2rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: 1.6rem
}
.news-item .other-type .content .title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #818181;
  display: -webkit-box;
  font-size: .13rem;
  font-weight: 400;
  line-height: .21rem;
  margin: .08rem 0 .14rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  width: 1.6rem
}
.game-section {
  background-color: #f7f7f7
}
.game-section .today-style {
  color: #0380fa !important
}
.game-section .section-til, .game-section .til {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  background-color: #f7f7f7;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #aaa;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: .14rem;
  font-weight: 500;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: .41rem;
  padding: 0 .16rem;
  width: 3.75rem
}
.game-section .section-til .til-left, .game-section .til .til-left {
  width: 50%
}
.game-section .section-til .til-right, .game-section .til .til-right {
  text-align: right;
  width: 50%
}
.game-section .list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: .89rem;
  margin-top: .01rem;
  padding: .16rem;
  width: 100%
}
.game-section .list, .game-section .list .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
}
.game-section .list .top {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #bfbfbf;
  font-size: .12rem;
  height: .17rem;
  margin-bottom: .12rem
}
.game-section .list .top .time {
  color: #555;
  font-weight: 500;
  width: 1rem
}
.game-section .list .top .status {
  color: #bfbfbf;
  font-weight: 500
}
.game-section .list .top .live {
  color: #0080ff;
  font-weight: 500
}
.game-section .list .top .status .fa-video {
  margin-right: .04rem
}
.game-section .list .top .type {
  text-align: right;
  width: 1rem
}
.game-section .list .middle {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.game-section .list .middle, .game-section .list .middle .team {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.game-section .list .middle .team {
  color: #555;
  font-size: .14rem;
  font-weight: 500;
  height: .28rem;
  line-height: .28rem;
  width: 1rem
}
.game-section .list .middle .team span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.game-section .list .middle .team .logo {
  height: .28rem;
  margin-right: .04rem;
  -o-object-fit: contain;
  object-fit: contain;
  width: .28rem
}
.game-section .list .middle .team.right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end
}
.game-section .list .middle .team.right .logo {
  margin: 0 0 0 .04rem
}
.game-section .list .middle .appointment {
  background: #f7f7f7;
  border-radius: .04rem;
  color: #0080ff;
  font-size: .12rem;
  font-weight: 500;
  height: .28rem;
  line-height: .28rem;
  text-align: center;
  width: .6rem
}
.game-section .list .middle .appointment.active {
  color: #d9d9d9
}
.game-section .list .middle .score {
  -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-size: .16rem;
  font-weight: 500;
  -webkit-justify-content: center;
  justify-content: center;
  width: 1rem
}
.game-section .list .middle .score .icon {
  background-image: url(../../../images/sprites/game_sprite.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 1.44rem auto;
  height: .28rem;
  width: .45rem
}
.game-section .list .middle .score .num {
  text-align: center;
  width: .3rem
}
.game-section .list .middle .score .num.lose {
  color: #818181
}
.game-section .list.in .top .status {
  color: #f66;
  opacity: .8
}
.game-section .list.in .middle .score .icon {
  background-image: url(../../../images/sprites/game_sprite.png);
  background-position: -.6rem 0;
  background-repeat: no-repeat;
  background-size: 1.44rem auto
}
.game-section .list.end .top .status {
  color: #bfbfbf
}
.game-section .list.empty {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: #bfbfbf;
  font-size: .12rem;
  font-weight: 500;
  -webkit-justify-content: center;
  justify-content: center
}
.game-section .list:first-child {
  margin-top: 0
}
.tab-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .44rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  overflow: hidden;
  padding: 0 .05rem;
  position: fixed;
  top: 0;
  -webkit-transition: top .3s;
  transition: top .3s;
  width: 3.75rem;
  z-index: 9
}
.tab-header .title {
  font-size: .18rem;
  font-weight: 500;
  line-height: .44rem
}
.tab-header .title-node {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  display: none;
  -webkit-justify-content: center;
  justify-content: center
}
.tab-header .title-node .logo {
  border-radius: 50%;
  height: .24rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .24rem
}
.tab-header .title-node .center {
  font-size: .18rem;
  line-height: .44rem;
  margin: 0 .06rem
}
.tab-header .side {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: #555;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .44rem;
  -webkit-justify-content: center;
  justify-content: center;
  width: .44rem
}
.tab-header .side.left {
  font-size: .24rem
}
.tab-header .side.left .home {
  height: .22rem;
  width: .22rem
}
.tab-header .side.left .home.in {
  background-position: -1.06944rem -.69667rem
}
.tab-header .side.left .home.in, .tab-header .side.left .home.out {
  background-image: url(../../../images/sprites/mobile_sprite.png);
  background-repeat: no-repeat;
  background-size: 1.36278rem auto
}
.tab-header .side.left .home.out {
  background-position: -1.06944rem -.385rem
}
.tab-header .side.right {
  text-align: right
}
.tab-header .side.right .list {
  font-size: .24rem
}
.tab-header .logo-bg {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  content: "";
  display: none;
  -webkit-filter: blur(.275rem);
  filter: blur(.275rem);
  height: .44rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 3.75rem;
  z-index: -1
}
.tab-header__content {
  -webkit-box-flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: .44rem
}
.tab-header__content, .tab-header__content__title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}
.tab-header__content__title {
  color: #fff;
  display: none;
  font-size: .16rem;
  font-weight: 500
}
.tab-header__content__img {
  border-radius: 50%;
  height: .2rem;
  margin-right: .04rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .2rem
}
.tab-header__content__tools {
  -webkit-box-flex: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-justify-content: flex-end;
  justify-content: flex-end
}
.tab-header__content__tools, .tab-header__content__tools__btn {
  -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
}
.tab-header__content__tools__btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  height: .3rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .3rem;
  margin: 0 .06rem;
  padding: 0 .06rem
}
.tab-header__content__tools__btn__icon {
  font-size: .1rem;
  margin-right: .04rem
}
.tab-header__content__tools__btn__text--active {
  display: none
}
.tab-header__content__tools__btn--follow {
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .12rem;
  font-weight: 500
}
.tab-header__content__tools__btn--pk {
  height: .3rem;
  width: .44rem
}
.tab-header__content__tools__btn--pk img {
  height: .24rem;
  width: .44rem
}
.tab-header__content__tools__btn.active .tab-header__content__tools__btn__icon, .tab-header__content__tools__btn.active .tab-header__content__tools__btn__text {
  display: none
}
.tab-header__content__tools__btn.active .tab-header__content__tools__btn__text--active {
  display: unset
}
.tab-header.active {
  background: #fff !important;
  position: fixed !important
}
.tab-header.active:before {
  background-color: rgba(0, 0, 0, .75);
  content: "";
  height: .44rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 3.75rem;
  z-index: -1
}
.tab-header.active .title-node {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.tab-header.active .logo-bg {
  display: block
}
.tab-header.active .tab-header__content__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.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;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #bfbfbf;
  display: none;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding-top: 1.05rem
}
.no-data .icon {
  height: 1.5rem;
  margin-bottom: .16rem;
  width: 1.5rem
}
.loading {
  padding: .1rem 0
}
#view-picture {
  -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, .94);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  max-width: 3.75rem;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 200
}
#view-picture .swiper-wrapper {
  height: 100%;
  width: 100%
}
#view-picture .swiper-wrapper .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%
}
#view-picture .swiper-wrapper .swiper-slide img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%
}
#view-picture .pagination {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .16rem;
  height: .3rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: .14rem;
  position: fixed;
  width: 3.75rem
}
#view-picture .pagination .current {
  font-size: .22rem;
  margin: 0 .02rem -.03rem 0
}
#view-picture .pagination .total {
  margin: 0 0 -.01rem .02rem
}
#view-picture.visible {
  display: block
}
.cheer {
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .44rem;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%
}
.cheer .btn-right {
  font-size: .14rem;
  margin-right: .16rem;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}
.cheer .btn-left {
  font-size: .14rem;
  margin-left: .16rem
}
.cheer .btn-right-down {
  font-size: .14rem;
  margin-right: .16rem
}
.cheer .progress-bar {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: .12rem;
  line-height: .17rem;
  position: relative
}
.cheer .progress-bar .top {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .17rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: absolute;
  top: .2rem;
  width: 100%
}
.cheer .progress-bar .top .quantity {
  color: hsla(0, 0%, 100%, .7);
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}
.cheer .progress-bar .bottom {
  background: #fff;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .04rem;
  position: absolute;
  width: 100%
}
.cheer .progress-bar .bottom div {
  position: relative
}
.cheer .progress-bar .bottom div:before {
  content: "";
  height: 0;
  position: absolute;
  top: 0;
  width: 0
}
.cheer .progress-bar .bottom .left {
  background: #bf4e4d;
  margin-right: .08rem
}
.cheer .progress-bar .bottom .left:before {
  border-right: .045rem solid transparent;
  border-top: .04rem solid #bf4e4d;
  right: -.035rem
}
.cheer .progress-bar .bottom .right {
  background: #0080ff
}
.cheer .progress-bar .bottom .right:before {
  border-bottom: .04rem solid #0080ff;
  border-left: .045rem solid transparent;
  left: -.04rem
}
.tab-bar {
  background-color: #fff;
  position: relative;
  -webkit-transition: top .3s;
  transition: top .3s;
  z-index: 8
}
.tab-bar .tab-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0;
  line-height: 0;
  overflow-x: auto;
  padding: 0 .16rem;
  position: relative;
  white-space: nowrap;
  width: 100%
}
.tab-bar .tab-item .list {
  color: #818181;
  display: inline-block !important;
  font-size: .16rem;
  height: .44rem;
  line-height: .44rem;
  margin-right: .2rem
}
.tab-bar .tab-item .list.active {
  color: #222;
  font-size: .18rem;
  font-weight: 500;
  margin-right: .17rem;
  position: relative
}
.tab-bar .tab-item .list.active:before {
  background-color: #0080ff;
  border-radius: .03rem;
  bottom: 0;
  content: "";
  display: block;
  height: .03rem;
  left: 50%;
  margin-left: -.08rem;
  position: absolute;
  width: .16rem
}
.tab-bar .tab-item .list:last-child {
  margin-right: 0
}
.tab-bar:after {
  background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(#fff));
  background-image: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0), #fff);
  background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
  content: "";
  display: block;
  height: .44rem;
  position: absolute;
  right: -.02rem;
  top: 0;
  width: .1rem
}
.comment-module__btn--unfold {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: #808890;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  font-weight: 400;
  height: .28rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .21rem;
  position: relative;
  width: 3.75rem
}
.comment-module__btn--unfold .double-down {
  font-size: .1rem;
  margin-left: .04rem
}
.comment-module__btn--white:before {
  background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
  background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff);
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
  content: "";
  height: .36rem;
  position: absolute;
  top: -.36rem;
  width: 3.75rem
}
.comment-module__bar {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  bottom: 0;
  color: #818181;
  font-size: .12rem;
  font-weight: 500;
  height: calc(.56rem + env(safe-area-inset-bottom));
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: .1rem .16rem calc(.1rem + env(safe-area-inset-bottom));
  position: fixed;
  width: 3.75rem;
  z-index: 22
}
.comment-module__bar, .comment-module__bar .comment_input {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.comment-module__bar .comment_input {
  background-color: #f7f7f7;
  border-radius: .18rem;
  color: #bfbfbf;
  font-size: .16rem;
  font-weight: 400;
  height: .36rem;
  overflow: hidden;
  padding: .07rem .16rem;
  white-space: nowrap;
  width: 1.91rem
}
.comment-module__bar .button {
  -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
}
.comment-module__bar .fa {
  font-size: .24rem !important
}
.comment-module__box {
  padding: .12rem .16rem;
  position: relative
}
.comment-module__box .comment_header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  color: #222;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .18rem;
  font-weight: 500;
  height: .32rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  letter-spacing: .01rem;
  padding: .08rem 0
}
.comment-module__box .comment_header .comment_input {
  color: #0080ff;
  font-size: .14rem;
  font-weight: 500
}
.comment-module__box .default {
  margin-bottom: 1.05rem
}
.comment-module__box .comment_type {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  background: #f7f7f7;
  border-radius: .16rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: .32rem;
  overflow: hidden;
  padding: .03rem;
  width: .86rem
}
.comment-module__box .comment_type, .comment-module__box .comment_type .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.comment-module__box .comment_type .list {
  -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: #bfbfbf;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: .12rem;
  font-weight: 500;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .17rem;
  z-index: 2
}
.comment-module__box .comment_type .list:first-child {
  color: #fff
}
.comment-module__box .comment_type.new .list:first-child {
  color: #bfbfbf
}
.comment-module__box .comment_type.new .list:last-child {
  color: #fff
}
.comment-module__box .comment_type.new:before {
  left: 50%;
  -webkit-transition: left .3s;
  transition: left .3s
}
.comment-module__box .comment_type:before {
  background: rgba(0, 128, 255, .7);
  border-radius: .14rem;
  content: "";
  display: block;
  height: .26rem;
  left: .03rem;
  position: absolute;
  -webkit-transition: left .3s;
  transition: left .3s;
  width: .4rem;
  z-index: 1
}
.comment-module__boxwrapper-hot {
  display: none
}
.comment-module__bottom {
  background-color: #fff;
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  height: 100%;
  overflow: hidden;
  padding: 0 .16rem;
  position: fixed;
  width: 3.75rem;
  z-index: 25
}
.comment-module__bottom .header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  color: #222;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .18rem;
  font-weight: 500;
  height: .44rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: .25rem;
  margin-bottom: .2rem
}
.comment-module__bottom .header .fa-close {
  color: #555;
  display: inline-block;
  width: .6rem
}
.comment-module__bottom .header .send_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: .15rem;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  font-weight: 500;
  height: .28rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .2rem;
  opacity: .5;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  width: .6rem
}
.comment-module__bottom .header .send_button.active {
  opacity: 1
}
.comment-module__bottom textarea {
  border: 0;
  color: #222;
  font-size: .16rem;
  font-weight: 400;
  letter-spacing: .01rem;
  line-height: .22rem;
  opacity: 1;
  outline: none;
  resize: none;
  width: 100%
}
.comment-module__bottom textarea::-webkit-input-placeholder {
  color: #bfbfbf
}
.comment-module__bottom textarea::-moz-placeholder {
  color: #bfbfbf
}
.comment-module__bottom textarea:-ms-input-placeholder {
  color: #bfbfbf
}
.comment-module__bottom textarea::-ms-input-placeholder {
  color: #bfbfbf
}
.comment-module__bottom textarea::placeholder {
  color: #bfbfbf
}
.comment-module__bottom.visible {
  display: block
}
.comment-module__pop {
  background-color: rgba(0, 0, 0, .2);
  bottom: 0;
  height: 100%;
  max-height: 0;
  padding-top: .44rem;
  position: fixed;
  -webkit-transition: max-height .3s;
  transition: max-height .3s;
  width: 3.75rem;
  z-index: 21
}
.comment-module__pop, .comment-module__pop .wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.comment-module__pop .wrapper {
  background-color: #fff;
  height: calc(100% - .44rem);
  margin-top: .44rem;
  overflow-y: auto
}
.comment-module__pop .header {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background-color: #fff;
  border-radius: .12rem .12rem 0 0;
  color: #222;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .18rem;
  font-weight: 500;
  height: .44rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .44rem;
  position: absolute;
  top: .44rem;
  width: 3.75rem;
  z-index: 40
}
.comment-module__pop .header .fa-close {
  display: inline-block;
  height: .44rem;
  left: .16rem;
  line-height: .44rem;
  position: absolute
}
.comment-module__pop .parent_comment {
  border-bottom: .11rem solid #f7f7f7;
  padding: 0 .16rem
}
.comment-module__pop .parent_comment .comment_list {
  padding: 0 0 .18rem .44rem
}
.comment-module__pop .parent_comment .comment_list .like-icon {
  top: 0
}
.comment-module__pop .parent_comment .comment_list .content {
  padding-bottom: 0
}
.comment-module__pop .parent_comment .comment_list .reply_num {
  display: none
}
.comment-module__pop .reply_item {
  padding: 0 .16rem
}
.comment-module__pop #LoadStatus {
  padding-bottom: .56rem
}
.comment-module__pop .til {
  color: #222;
  font-size: .18rem;
  font-weight: 500;
  height: .25rem;
  line-height: .25rem;
  padding: .16rem
}
.comment-module__pop.visible {
  max-height: 100vh;
  overflow: visible;
  -webkit-transition: max-height .3s;
  transition: max-height .3s
}
.comment-module .comment-fold {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden
}
.comment-module .comment_item .comment_list {
  padding: .14rem 0 .14rem .44rem;
  position: relative
}
.comment-module .comment_item .comment_list .avatar {
  height: .36rem;
  left: 0;
  position: absolute;
  width: .36rem
}
.comment-module .comment_item .comment_list .avatar img {
  border-radius: 50%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.comment-module .comment_item .comment_list .avatar .author-tag {
  background-image: url(../../search/images/icon_blue_v.svg);
  background-size: cover;
  height: .12rem;
  left: .24rem;
  position: absolute;
  top: .24rem;
  width: .12rem
}
.comment-module .comment_item .comment_list .avatar .author-tag.author {
  background-image: url(../../search/images/icon_yellow_v.svg)
}
.comment-module .comment_item .comment_list .avatar .author-tag.red {
  background-image: url(../../search/images/icon_red_v.svg)
}
.comment-module .comment_item .comment_list .avatar .author-tag.gray {
  background-image: url(../../search/images/icon_gray_v.svg)
}
.comment-module .comment_item .comment_list .name {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #818181;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  font-weight: 400;
  line-height: .18rem
}
.comment-module .comment_item .comment_list .name .author_icon, .comment-module .comment_item .comment_list .name .hot_icon {
  background-repeat: no-repeat;
  display: inline-block;
  margin-left: .08rem
}
.comment-module .comment_item .comment_list .name .hot_icon {
  background-image: url(../images/text_hot.svg);
  background-size: .36rem .16rem;
  height: .16rem;
  width: .36rem
}
.comment-module .comment_item .comment_list .name .author_icon {
  background-image: url(../images/text_author.svg);
  background-size: .28rem .16rem;
  height: .16rem;
  width: .28rem
}
.comment-module .comment_item .comment_list .time {
  color: #bfbfbf;
  font-size: .12rem;
  margin-left: .08rem
}
.comment-module .comment_item .comment_list .like-icon {
  font-weight: 500;
  position: absolute;
  right: 0;
  top: .14rem
}
.comment-module .comment_item .comment_list .content {
  color: #222;
  font-size: .16rem;
  font-weight: 400;
  line-height: .22rem;
  padding: .08rem 0;
  text-align: justify;
  word-break: break-all
}
.comment-module .comment_item .comment_list .content.delete {
  background: hsla(0, 0%, 97%, .5);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #555;
  display: -webkit-box;
  font-size: .14rem;
  line-height: .21rem;
  padding: .08rem;
  width: 2.99rem
}
.comment-module .comment_item .comment_list .content.delete .name {
  color: #555;
  display: inline-block;
  font-size: .14rem;
  line-height: .21rem
}
.comment-module .comment_item .comment_list .reply_num {
  border-radius: .09rem;
  color: #818181;
  display: inline-block;
  font-weight: 400;
  line-height: .18rem;
  padding: 0 .06rem
}
.comment-module .comment_item .comment_list .reply_num, .comment-module .comment_item .comment_list .wait {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #f7f7f7;
  font-size: .1rem;
  height: .18rem
}
.comment-module .comment_item .comment_list .wait {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  border-radius: .04rem;
  color: #bfbfbf;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .24rem;
  position: absolute;
  right: 0;
  top: .14rem;
  width: .38rem
}
.comment-module .comment_item .comment_list .fa-share-list {
  bottom: .14rem;
  color: #818181;
  font-size: .18rem;
  height: .18rem;
  position: absolute;
  right: 0;
  width: .18rem
}
.default {
  -webkit-box-align: center;
  -ms-flex-align: 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;
  color: #bfbfbf;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding-top: 1.05rem
}
.default .icon {
  background-image: url(../../../images/sprites/mobile_sprite.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 1.75613rem auto;
  height: 1.26rem;
  margin-bottom: .16rem;
  width: 1.26rem
}
.page__btn {
  background-image: url(../images/bg_dl_btn.png);
  background-size: cover;
  border-radius: .18rem;
  bottom: calc(.16rem + env(safe-area-inset-bottom));
  height: .36rem;
  left: 50%;
  position: fixed;
  top: auto;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 1.06rem;
  z-index: 99
}
.simple__news__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  border-bottom: .005rem solid #f7f7f7;
  -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: .72rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: .12rem 0;
  position: relative
}
.simple__news__list__cover {
  border-radius: .04rem;
  height: .86rem;
  position: absolute;
  right: 0;
  top: .12rem;
  width: 1.14rem
}
.simple__news__list__title {
  color: #222;
  font-size: .16rem;
  font-weight: 400;
  height: .25rem;
  line-height: .25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.simple__news__list__type {
  border: .01rem solid rgba(0, 128, 255, .7);
  border-radius: .04rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgba(0, 128, 255, .88);
  padding: 0 .03rem
}
.simple__news__list__desc {
  color: #bfbfbf;
  font-size: .1rem;
  height: .17rem;
  line-height: .17rem
}
.simple__news__list__desc span {
  margin-left: .08rem
}
.simple__news__list__desc span:first-child {
  margin-left: 0
}
.simple__news__item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 .16rem;
  width: 100%
}
.simple__news__item--recommend {
  border-color: #f7f7f7;
  border-style: solid;
  border-width: .08rem 0
}
.simple__news__item--recommend .simple__news__list {
  height: 1.1rem;
  padding: .16rem 1.3rem .16rem 0
}
.simple__news__item--recommend .simple__news__list__title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  height: .5rem;
  white-space: pre-wrap
}
.simple__news__item--recommend .simple__news__list__top {
  color: #f66
}
.simple__news__item--recommend .simple__news__list:last-child {
  border-bottom: none
}
.simple__news__pagination {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  height: .52rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 .16rem;
  width: 100%
}
.simple__news__pagination, .simple__news__pagination__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;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.simple__news__pagination__list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background-color: rgba(0, 128, 255, 0);
  border: .01rem solid #f7f7f7;
  border-radius: .04rem .04rem .04rem .04rem;
  color: #818181;
  font-size: .14rem;
  height: .24rem;
  -webkit-justify-content: center;
  justify-content: center;
  width: .24rem
}
.simple__news__pagination__list--active {
  background-color: #0080ff;
  color: #fff
}
.home__header {
  -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: .44rem
}
.home__header__logo {
  height: .2rem;
  width: .66rem
}
.home__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  min-width: 100%;
  overflow-x: scroll;
  padding: 0 .04rem;
  white-space: nowrap
}
.home__nav, .home__nav__container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.home__nav__container {
  background-color: #fff;
  height: .45rem;
  max-width: 3.75rem;
  position: relative;
  width: 100%
}
.home__nav__container:before {
  background-image: -webkit-gradient(linear, right top, left top, from(#fff), color-stop(83%, hsla(0, 0%, 100%, .39)), to(hsla(0, 0%, 100%, 0)));
  background-image: -webkit-linear-gradient(right, #fff, hsla(0, 0%, 100%, .39) 83%, hsla(0, 0%, 100%, 0));
  background-image: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, .39) 83%, hsla(0, 0%, 100%, 0));
  bottom: 0;
  content: "";
  height: .45rem;
  position: absolute;
  right: 0;
  width: .16rem;
  z-index: 1
}
.home__nav__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: #818181;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .16rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .45rem;
  padding: 0 .12rem;
  position: relative;
  white-space: nowrap
}
.home__nav__list--active {
  color: #222;
  font-size: .19rem;
  font-weight: 500
}
.home__nav__list--active:before {
  background-color: #0080ff;
  border-radius: .015rem;
  bottom: 0;
  content: "";
  height: .03rem;
  position: absolute;
  width: .16rem
}
.home_container .slides-news {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 1.65rem;
  margin: .08rem 0 0;
  overflow: hidden;
  padding: 0 .16rem;
  position: relative;
  width: 3.75rem
}
.home_container .slides-news .swiper-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;
  width: 100%
}
.home_container .slides-news .swiper-wrapper .swiper-slide {
  -ms-flex-negative: 0;
  background-color: rgba(0, 0, 0, .2);
  border-radius: .04rem;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 1.65rem;
  overflow: hidden;
  position: relative;
  width: 3.43rem
}
.home_container .slides-news .swiper-wrapper .swiper-slide .cover {
  height: 1.65rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: 3.43rem
}
.home_container .slides-news .swiper-wrapper .swiper-slide .title {
  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));
  border-radius: 0 0 .04rem .04rem;
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: .16rem;
  height: .4rem;
  line-height: .4rem;
  overflow: hidden;
  padding: 0 .55rem 0 .16rem;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}
.home_container .slides-news .swiper-wrapper .swiper-slide-next, .home_container .slides-news .swiper-wrapper .swiper-slide-prev {
  height: 1.54rem;
  opacity: .51
}
.home_container .slides-news .swiper-pagination {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .4rem;
  -webkit-justify-content: center;
  justify-content: center;
  left: 3.04rem;
  position: absolute;
  width: .55rem;
  z-index: 2
}
.home_container .slides-news .swiper-pagination .swiper-pagination-bullet {
  background-color: #fff;
  border-radius: 50%;
  height: .04rem;
  margin: 0 .02rem;
  opacity: .31;
  width: .04rem
}
.home_container .slides-news .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-radius: .02rem;
  opacity: 1;
  width: .08rem
}
.home_container .question-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .02rem 0 0;
  width: 3.75rem
}
.home_container .question-item__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: .17rem;
  font-weight: 400;
  height: .77rem;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  line-height: .22rem;
  padding: .14rem 1.33rem .14rem .16rem;
  position: relative
}
.home_container .question-item__list .list__title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #222;
  display: -webkit-box;
  font-size: .17rem;
  font-weight: 500;
  line-height: .27rem;
  margin-bottom: .06rem;
  min-height: .32rem;
  overflow: hidden;
  text-overflow: ellipsis
}
.home_container .question-item__list .list__desc {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #818181;
  display: -webkit-box;
  font-size: .14rem;
  height: .2rem;
  line-height: .2rem;
  overflow: hidden;
  text-overflow: ellipsis
}
.home_container .question-item__list .list__cover {
  border-radius: .04rem;
  height: .77rem;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  right: .16rem;
  top: .14rem;
  width: 1.01rem
}
.home_container .wiki {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: .02rem .16rem 0;
  width: 3.75rem
}
.home_container .wiki, .home_container .wiki .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.home_container .wiki .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: #000;
  font-size: .17rem;
  font-weight: 400;
  height: .44rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .22rem;
  margin-top: .12rem;
  width: 1.715rem
}
.home_container .wiki .list:active {
  background-color: #f7f7f7
}
.home_container .loading {
  background: transparent;
  color: #bfbfbf;
  font-size: .12rem;
  text-align: center
}
.home_header {
  background-color: #fff;
  position: fixed;
  top: 0;
  width: 3.75rem;
  z-index: 10
}
.home_header .top {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .44rem;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  -webkit-transition: height .3s;
  transition: height .3s;
  width: 3.75rem
}
.home_header .top .logo {
  height: .2rem;
  width: .66rem
}
.home_header .top .fa-search {
  color: #555;
  font-size: .24rem;
  position: absolute;
  right: .16rem
}
.home_header .nav {
  height: .45rem;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 .16rem;
  white-space: nowrap
}
.home_header .nav .list {
  color: #818181;
  display: inline-block;
  font-size: .16rem;
  font-weight: 400;
  height: .45rem;
  line-height: .45rem;
  margin-right: .17rem
}
.home_header .nav .list.active {
  color: #222;
  font-size: .19rem;
  font-weight: 500;
  position: relative
}
.home_header .nav .list.active:before {
  background: #0080ff;
  border-radius: .03rem;
  bottom: 0;
  content: "";
  display: block;
  height: .03rem;
  left: 50%;
  margin-left: -.08rem;
  position: absolute;
  width: .16rem
}
.home_header .nav .list:last-child {
  margin-right: 0
}
.home_header .nav::-webkit-scrollbar {
  display: none
}
.home_header.fixed .top {
  height: 0
}
.home_header:before {
  background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(83%, hsla(0, 0%, 100%, .39)), to(hsla(0, 0%, 100%, 0)));
  background: -webkit-linear-gradient(left, #fff, hsla(0, 0%, 100%, .39) 83%, hsla(0, 0%, 100%, 0));
  background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, .39) 83%, hsla(0, 0%, 100%, 0));
  left: 0
}
.home_header:after, .home_header:before {
  bottom: 0;
  content: "";
  height: .44rem;
  position: absolute;
  width: .16rem
}
.home_header:after {
  background: -webkit-gradient(linear, right top, left top, from(#fff), color-stop(83%, hsla(0, 0%, 100%, .39)), to(hsla(0, 0%, 100%, 0)));
  background: -webkit-linear-gradient(right, #fff, hsla(0, 0%, 100%, .39) 83%, hsla(0, 0%, 100%, 0));
  background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, .39) 83%, hsla(0, 0%, 100%, 0));
  right: 0
}
.game-container .qmw__navigation__side--right {
  padding: 0 .1rem 0 .16rem
}
.game__nav__btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .2rem;
  height: .24rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: .16rem;
  width: .24rem
}
.game__nav__btn:first-child {
  margin-left: 0
}
.game__tab {
  overflow: hidden;
  width: 100%
}
.game-container {
  background-color: #f7f7f7;
  position: relative
}
.game-container, .game-container .header {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 3.75rem
}
.game-container .header {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .44rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 .16rem;
  position: fixed;
  top: 0;
  z-index: 12
}
.game-container .header .tab-bar .tab-item {
  padding: 0
}
.game-container .header .tab-bar .tab-item .list {
  line-height: .45rem
}
.game-container .header .right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.game-container .header .right .ball-o, .game-container .header .right .fa-calendar {
  color: #555;
  font-size: .24rem;
  line-height: .44rem
}
.game-container .header .right .ball-o {
  margin-left: .16rem
}
.game-container .section-til {
  position: fixed;
  top: .44rem;
  z-index: 1
}
.game-container .back-top {
  background-color: #0080ff;
  border-radius: .18rem;
  bottom: calc(.65rem + env(safe-area-inset-bottom));
  -webkit-box-shadow: 0 .03rem .06rem rgba(0, 0, 0, .1);
  box-shadow: 0 .03rem .06rem rgba(0, 0, 0, .1);
  color: #fff;
  display: none;
  font-size: .14rem;
  height: .36rem;
  left: calc(50% - .44rem);
  line-height: .36rem;
  position: fixed;
  text-align: center;
  width: .88rem;
  z-index: 9
}
.game-container .game-list {
  background-color: #fff;
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 3.75rem;
  z-index: 100
}
.game-container .game-list .title {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #222;
  font-weight: 500;
  height: .44rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: .25rem;
  padding: 0 .16rem;
  width: 3.75rem
}
.game-container .game-list .title, .game-container .game-list .title i {
  -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: .18rem
}
.game-container .game-list .title i {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  height: .24rem;
  -webkit-justify-content: center;
  justify-content: center;
  width: .24rem
}
.game-container .game-list .east .til {
  color: #222;
  font-size: .14rem;
  font-weight: 500;
  line-height: .22rem;
  margin: .2rem .16rem 0
}
.game-container .game-list .east .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 .1rem;
  width: 3.75rem
}
.game-container .game-list .east .item .list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-pack: distribute;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fafafa;
  border-radius: .04rem;
  color: #818181;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: .12rem;
  font-weight: 500;
  height: .64rem;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  line-height: .17rem;
  margin: .2rem .06rem 0;
  width: .59rem
}
.game-container .game-list .east .item .list .logo {
  border-radius: 50%;
  height: .32rem;
  margin-bottom: .02rem;
  -o-object-fit: contain;
  object-fit: contain;
  width: .32rem
}
.game-container .game-list .east.west .til {
  margin: .28rem .16rem 0
}
.discover-container {
  background-color: #f7f7f7;
  font-size: .16rem;
  overflow-y: auto;
  position: relative;
  width: 3.75rem
}
.discover-container .no-data {
  padding-top: 1.27rem
}
.discover-container .bottom-tab-bar {
  z-index: 999
}
.discover-container .discover-header {
  -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: #fff;
  -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;
  max-width: 3.75rem;
  padding-right: .12rem;
  position: fixed;
  top: 0;
  width: 3.75rem;
  z-index: 99
}
.discover-container .discover-header .tabBar {
  position: static
}
.discover-container .discover-header .tabBar:after {
  display: none
}
.discover-container .discover-header .fa-circle-o {
  color: #555;
  font-size: .28rem
}
.discover-container .recommend {
  padding: .08rem 0 .5rem
}
.discover-container .recommend .topic-module {
  padding: .12rem 0 .16rem
}
.discover-container .recommend .topic-module .title {
  -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;
  margin-bottom: .08rem;
  padding: 0 .16rem
}
.discover-container .recommend .topic-module .title .more {
  color: #bfbfbf;
  font-size: .06rem
}
.discover-container .recommend .topic-module .title .more .fa-angle-right {
  margin-left: .04rem
}
.discover-container .recommend .topic-module .topic-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 2.85rem;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 .16rem;
  white-space: nowrap;
  width: 100%
}
.discover-container .recommend .topic-module .topic-item .list {
  background-color: #fff;
  border-radius: .04rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: 100%;
  margin-right: .08rem;
  padding: .12rem .08rem;
  width: 1.9rem
}
.discover-container .recommend .topic-module .topic-item .count {
  color: #bfbfbf;
  font-size: .12rem;
  margin: .03rem 0 .08rem
}
.discover-container .recommend .topic-module .topic-item .cover-item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  border-radius: .04rem;
  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;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: .08rem;
  overflow: hidden;
  width: 100%
}
.discover-container .recommend .topic-module .topic-item .cover-item .cover-list {
  height: .86rem;
  width: .86rem
}
.discover-container .recommend .topic-module .topic-item .cover-item .cover-list:first-child, .discover-container .recommend .topic-module .topic-item .cover-item .cover-list:nth-child(2) {
  margin-bottom: .02rem
}
.discover-container .recommend .topic-module .topic-item .follow-btn {
  background-color: #f7f7f7;
  border-radius: .16rem;
  height: .32rem;
  line-height: .32rem;
  width: 100%
}
.discover-container .recommend .topic-module .topic-item .follow-btn.active {
  border: 0
}
.discover-container .follow {
  padding-bottom: .5rem
}
.discover-container .topic-center {
  background-color: #fff;
  padding: .16rem 0
}
.discover-container .topic-center .input {
  background-color: #f7f7f7;
  border: 0;
  border-radius: .18rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: .36rem;
  line-height: .36rem;
  margin: 0 auto .28rem;
  padding: 0 .16rem;
  width: calc(100% - .32rem)
}
.discover-container .topic-center .module-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: #818181;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 .16rem .16rem
}
.discover-container .topic-center .module-title .more {
  color: #bfbfbf;
  font-size: .12rem
}
.discover-container .topic-center .module-title .more .fa {
  font-size: .1rem;
  margin-left: .04rem
}
.discover-container .topic-center .like-module {
  margin-bottom: .2rem;
  overflow-x: hidden
}
.discover-container .topic-center .like-module .topicItem {
  -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-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  height: 1.54rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-left: .16rem
}
.discover-container .topic-center .like-module .topicItem .list {
  margin: 0 .28rem .03rem 0
}
.discover-container .topic-center .like-module .topicItem .list .avatar {
  height: .36rem;
  width: .36rem
}
.discover-container .topic-center .like-module .topicItem .list .content {
  height: .36rem
}
.discover-container .topic-center .like-module .topicItem .list .content .title {
  font-size: .14rem;
  height: .2rem;
  line-height: .2rem;
  width: .84rem
}
.discover-container .topic-center .like-module .topicItem .list .content .desc {
  margin-top: 0
}
.discover-container .topic-center .mine-topic {
  padding-bottom: .08rem
}
.discover-container .topic-center .mine-topic .topicItem {
  padding: 0 .16rem
}
.discover-container .topic-center .hot-module .module-title {
  padding-bottom: 0
}
.discover-container .topic-center .hot-module .socialItem .list {
  margin-bottom: 0;
  position: relative
}
.discover-container .topic-center .hot-module .socialItem .list:before {
  border-bottom: .005rem solid #efefef;
  bottom: 0;
  content: "";
  display: block;
  left: .16rem;
  position: absolute;
  width: calc(100% - .32rem)
}
.discover-container .topic-center .hot-module .splice {
  height: .25rem
}
.social_details {
  background-color: #fff;
  min-height: 100vh;
  width: 3.75rem
}
.social_details .social-header {
  background-color: #fff;
  font-size: .18rem;
  font-weight: 500;
  height: .44rem;
  line-height: .44rem;
  position: fixed;
  text-align: center;
  top: 0;
  width: 3.75rem
}
.social_details .social-header .arrow-left {
  color: #818181;
  font-size: .24rem;
  height: .24rem;
  left: .16rem;
  position: absolute;
  top: .1rem;
  width: .24rem
}
.social_details .social-list {
  border-bottom: .08rem solid #f7f7f7
}
.record_container {
  min-height: 100vh
}
.record_container .tab-bar {
  position: fixed;
  top: 0
}
.record_container .season-selector .day-time, .record_container .season-selector .playoffs-time {
  -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%, .92);
  border-radius: .16rem 0 0 .16rem;
  bottom: .66rem;
  -webkit-box-shadow: 0 0 .06rem rgba(0, 0, 0, .12);
  box-shadow: 0 0 .06rem rgba(0, 0, 0, .12);
  color: #1f8fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  font-weight: 500;
  height: .32rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .24rem;
  margin-bottom: env(safe-area-inset-bottom);
  padding: 0 .1rem;
  position: fixed;
  right: 0;
  z-index: 10
}
.record_container .season-selector--day .day-time {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row
}
.record_container .season-selector--day .day-time:before {
  font-size: .22rem;
  margin-right: .04rem
}
.record_container .season-selector .playoffs-time {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.record_container .season-selector .playoffs-time:before {
  font-size: .08rem;
  margin-left: .04rem
}
.record_container .picker-extend .select-container li {
  height: .4rem !important;
  line-height: .4rem !important
}
.record_container__chart {
  padding-bottom: .16rem
}
.record_container__chart__list {
  -webkit-box-flex: 1;
  -ms-flex-pack: distribute;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: .1rem;
  height: .48rem;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  margin-right: .01rem;
  width: .93rem
}
.record_container__chart__list, .record_container__chart__list__team {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.record_container__chart__list__team {
  -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
}
.record_container__chart__list__logo {
  border-radius: .04rem;
  height: .28rem;
  margin-bottom: .02rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .28rem
}
.record_container__chart__list__logo.fi-qmw {
  background: #f7f7f7 !important;
  color: hsla(0, 0%, 75%, .5);
  font-size: .2rem;
  line-height: .28rem
}
.record_container__chart__list__name {
  margin: 0 auto;
  text-align: center;
  white-space: nowrap;
  width: .4rem
}
.record_container__chart__list__rank {
  background-color: #72b9ff;
  border-radius: .05rem;
  color: #fff;
  font-size: .08rem;
  font-weight: 600;
  height: .1rem;
  left: .09rem;
  line-height: .1rem;
  position: absolute;
  text-align: center;
  top: 0;
  width: .1rem
}
.record_container__chart__list__info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: .15rem;
  width: 100%
}
.record_container__chart__list__info, .record_container__chart__list__info__score {
  -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
}
.record_container__chart__list__info__score {
  border: .005rem solid #efefef;
  border-bottom-width: 0;
  color: #222;
  font-size: .12rem;
  font-weight: 600;
  height: .16rem;
  line-height: .16rem;
  text-align: center;
  width: 50%
}
.record_container__chart__list__info__score span {
  width: .12rem
}
.record_container__chart__list__info__score--lose {
  color: #aaa
}
.record_container__chart__list__info__score:before {
  background-color: #efefef;
  content: "";
  height: .12rem;
  margin: 0 auto .04rem;
  position: absolute;
  top: -.12rem;
  width: .01rem
}
.record_container__chart__list__info__alias {
  color: #aaa;
  font-size: .1rem;
  font-weight: 700;
  height: .22rem;
  line-height: .22rem
}
.record_container__chart {
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.record_container__chart, .record_container__chart__area {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.record_container__chart__area {
  -webkit-box-direction: reverse;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-order: 3;
  order: 3
}
.record_container__chart__area .playoffs__chart__list {
  padding-top: .38rem
}
.record_container__chart__round {
  -ms-flex-pack: distribute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around
}
.record_container__chart__area:first-child {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-order: 1;
  order: 1
}
.record_container__chart__area:first-child .playoffs__chart__list {
  padding-bottom: .38rem;
  padding-top: 0
}
.record_container__chart__area:first-child .playoffs__chart__list__info {
  top: .48rem
}
.record_container__chart__area:first-child .playoffs__chart__list__info__score {
  border-width: 0 .005rem .005rem
}
.record_container__chart__area:first-child .playoffs__chart__list__info__score:before {
  top: .15rem
}
.record_container__chart__area:first-child .playoffs__chart__list__rank {
  background-color: #ffd688
}
.record_container__chart__area--final {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  -webkit-align-items: center;
  align-items: center;
  height: .72rem;
  -webkit-order: 2;
  order: 2
}
.record_container__chart__area--final .playoffs__chart__list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, right top, from(#fff1d6), to(#d6e9ff));
  background-image: -webkit-linear-gradient(left, #fff1d6, #d6e9ff);
  background-image: linear-gradient(90deg, #fff1d6, #d6e9ff);
  border-radius: .04rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-top: 0;
  width: 1.88rem
}
.record_container__chart__area--final .playoffs__chart__list__team {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3
}
.record_container__chart__area--final .playoffs__chart__list__team:first-child {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1
}
.record_container__chart__area--final .playoffs__chart__list__team:first-child .playoffs__chart__list__rank {
  background-color: #ffd688
}
.record_container__chart__area--final .playoffs__chart__list__info {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  position: relative;
  top: unset
}
.record_container__chart__area--final .playoffs__chart__list__info__score {
  border: none;
  font-size: .16rem;
  height: .22rem
}
.record_container__chart__area--final .playoffs__chart__list__info__score:before {
  display: none
}
.record_container__game {
  border-top: .08rem solid #f7f7f7
}
.record_container__game .tab-bar {
  margin: .2rem 0 .08rem;
  position: relative;
  z-index: 3
}
.record_container__game .tab-bar .tab-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #222;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .27rem
}
.record_container__game .tab-bar .tab-item .list {
  background-color: #fafafa;
  border-radius: .14rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: .12rem;
  height: .27rem;
  line-height: .27rem;
  margin-right: .12rem;
  padding: 0 .1rem
}
.record_container__game .tab-bar .tab-item .list.active {
  background-color: #1f8fff;
  color: #fff;
  font-weight: 600
}
.record_container__game .tab-bar .tab-item .list.active:before {
  width: 0
}
.record_container__game__content {
  padding: 0 .16rem
}
.record_container__game__item {
  display: none
}
.record_container__game__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: .14rem;
  height: .44rem
}
.record_container__game__list__text {
  -webkit-box-flex: 0.8;
  color: #555;
  -webkit-flex: 0.8;
  -ms-flex: 0.8;
  flex: 0.8;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap
}
.record_container__game__list__text--win {
  color: #f66
}
.record_container__game__list__text:first-child {
  -webkit-box-flex: 1.2;
  color: #818181;
  -webkit-flex: 1.2;
  -ms-flex: 1.2;
  flex: 1.2;
  text-align: left
}
.record_container__game__list--wait .record_container__game__list__text:nth-child(2) {
  color: #0080ff
}
.record_container__game__list--in .record_container__game__list__text:nth-child(2) {
  color: #f66
}
.record_container__additional {
  border-top: .08rem solid #fafafa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 1.5rem;
  overflow: hidden;
  padding: .2rem 0;
  width: 3.75rem
}
.record_container__additional.spacing {
  height: auto
}
.record_container__additional.border {
  border-top: none
}
.record_container__additional__title {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #222;
  font-size: .18rem;
  font-weight: 500;
  line-height: .25rem;
  padding: 0 0 .16rem .16rem
}
.record_container__additional__content {
  -webkit-box-direction: normal;
  background-image: url(../images/m_additional_title.png);
  background-size: .61rem .16rem;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 3.52rem
}
.record_container__additional__area, .record_container__additional__content {
  -webkit-box-orient: vertical;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  background-position: 50%;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.record_container__additional__area {
  -webkit-box-direction: reverse;
  background-image: url(../images/m_additional_bottom.png);
  background-size: 2.35rem .48rem;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  height: 1.44rem
}
.record_container__additional__area:first-child {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-image: url(../images/m_additional_top.png);
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.record_container__additional__area .playoffs__chart__list__rank {
  background-color: #ffd688
}
.record_container__additional__round {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}
.record_container__additional .playoffs__chart__list {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 0.93rem;
  -ms-flex: 0 0 0.93rem;
  flex: 0 0 0.93rem
}
.record_container__additional .playoffs__chart__list__rank {
  display: none
}
.record_container__additional__desc {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .16rem .16rem 0
}
.record_container__additional__desc__title {
  color: #222;
  font-size: .14rem;
  font-weight: 600;
  line-height: .2rem;
  margin: .12rem 0 .16rem;
  text-align: center
}
.record_container__additional__desc__content {
  background-color: hsla(0, 0%, 97%, .5);
  border-radius: .04rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #818181;
  counter-reset: li;
  font-size: .14rem;
  line-height: .24rem;
  padding: .12rem
}
.record_container__additional__desc__content li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: .1rem;
  padding-left: .24rem;
  position: relative
}
.record_container__additional__desc__content li:before {
  content: counter(li) "、";
  counter-increment: li;
  left: 0;
  position: absolute;
  top: 0;
  width: .24rem
}
.record_container__additional__desc__content li:first-child {
  margin-top: 0
}
.record_container__additional__btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: #808890;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  font-weight: 400;
  height: .28rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .21rem;
  margin: 0 0 .2rem .16rem;
  position: relative;
  width: 3.43rem
}
.record_container__additional__btn__icon {
  font-size: .1rem;
  margin-left: .04rem
}
.record_container__additional__btn:before {
  background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
  background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff);
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
  content: "";
  height: .36rem;
  position: absolute;
  top: -.36rem;
  width: 3.43rem
}
.record_container .ranking-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: .16rem;
  width: 3.75rem
}
.record_container .ranking-item, .record_container .ranking-item .item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .54rem;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.record_container .ranking-item .item {
  line-height: .54rem;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  width: 3.59rem
}
.record_container .ranking-item .item::-webkit-scrollbar {
  display: none
}
.record_container .ranking-item .item .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: #818181;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .16rem;
  font-weight: 400;
  height: .22rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .22rem;
  margin-bottom: .16rem;
  margin-right: .24rem;
  margin-top: .16rem
}
.record_container .ranking-item .item .list.active {
  color: #0080ff;
  font-weight: 600
}
.record_container .rank-header__nodata {
  background: #fff5f5;
  color: #f66;
  font-size: .13rem;
  height: .36rem;
  line-height: .36rem;
  text-align: center
}
.record_container .rank-header__nodata .fa {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.record_container .rank-header__title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  background: -webkit-gradient(linear, right top, left top, from(hsla(0, 0%, 100%, 0)), to(#f7f7f7));
  background: -webkit-linear-gradient(right, hsla(0, 0%, 100%, 0), #f7f7f7);
  background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #f7f7f7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .36rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 3.75rem
}
.record_container .rank-header__title-list {
  color: #bfbfbf;
  font-size: .14rem;
  font-weight: 400;
  line-height: .36rem
}
.record_container .rank-header__title-list, .record_container .rank-header__title-list--left {
  -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 .rank-header__title-list--rank {
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: #bfbfbf;
  font-size: .14rem;
  font-weight: 400;
  -webkit-justify-content: center;
  justify-content: center;
  margin-right: .03rem;
  width: .54rem
}
.record_container .rank-header__title-list--name, .record_container .rank-header__title-list--rank {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.record_container .rank-header__title-list--name {
  -webkit-box-flex: 1;
  -ms-flex-align: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: .2rem
}
.record_container .rank-header__title-list--right {
  color: #bfbfbf;
  font-size: .14rem
}
.record_container .rank-header__title-list--right, .record_container .rank-header__title-list--right span {
  -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 .rank-header__title-list--right span {
  -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
}
.record_container .rank-header__title-list:first-child {
  -webkit-box-flex: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: #555;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: .14rem;
  font-weight: 500;
  -webkit-justify-content: center;
  justify-content: center;
  width: .8rem
}
.record_container .rank-header .list {
  color: #bfbfbf;
  font-size: .14rem;
  font-weight: 400;
  line-height: .36rem
}
.record_container .rank-header .list, .record_container .rank-header .list .rank {
  -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 .rank-header .list .rank .num {
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: #bfbfbf;
  font-size: .14rem;
  font-weight: 400;
  -webkit-justify-content: center;
  justify-content: center;
  margin-right: .03rem;
  width: .54rem
}
.record_container .rank-header .list .rank .num, .record_container .rank-header .list .rank .team-player-img {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.record_container .rank-header .list .rank .team-player-img {
  -webkit-box-flex: 1;
  -ms-flex-align: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: .2rem
}
.record_container .rank-header .list .data-num {
  -webkit-box-flex: 1;
  color: #bfbfbf;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: .14rem
}
.record_container .rank-header .list .data-num.team-average {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding-right: .16rem
}
.record_container .rank-header .list .data-num 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;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-justify-content: center;
  justify-content: center
}
.record_container .rank-header .list .data-num .team-num, .record_container .rank-header .list:first-child {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none
}
.record_container .rank-header .list:first-child {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: #555;
  font-size: .14rem;
  font-weight: 500;
  -webkit-justify-content: center;
  justify-content: center;
  width: .8rem
}
.record_container .ranking-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.record_container .ranking-list .left {
  background: #f7f7f7;
  height: calc(100vh - 1.91rem);
  overflow-y: auto
}
.record_container .ranking-list .left .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;
  background: #f7f7f7;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #818181;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: .14rem;
  font-weight: 400;
  height: .53rem;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 .12rem;
  text-align: center;
  width: .8rem
}
.record_container .ranking-list .left .list div {
  line-height: .21rem;
  margin-top: .055rem
}
.record_container .ranking-list .left .list div.spacing {
  margin-bottom: .055rem;
  margin-top: 0
}
.record_container .ranking-list .left .list.active {
  background: #fff;
  color: #0080ff;
  font-weight: 500
}
.record_container .ranking-list .right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: calc(100vh - 1.91rem);
  overflow-y: auto
}
.record_container .ranking-list .right .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .48rem;
  width: 2.94rem
}
.record_container .ranking-list .right .list .rank {
  -webkit-box-flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: .48rem
}
.record_container .ranking-list .right .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;
  color: #818181;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  font-weight: 500;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .48rem;
  margin-right: .03rem;
  position: relative;
  width: .54rem
}
.record_container .ranking-list .right .list .num:before {
  height: .22rem;
  position: absolute;
  width: .28rem
}
.record_container .ranking-list .right .list .team-player-img {
  -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;
  padding-left: .1rem
}
.record_container .ranking-list .right .list .team-player-img .avatar {
  border-radius: 50%;
  height: .2rem;
  margin-right: .04rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .2rem
}
.record_container .ranking-list .right .list .team-player-img .logo {
  height: .2rem;
  margin-right: .04rem;
  -o-object-fit: contain;
  object-fit: contain;
  width: .2rem
}
.record_container .ranking-list .right .list .team-player-img .username {
  color: #222;
  font-size: .14rem;
  font-weight: 400;
  line-height: .48rem;
  width: .56rem
}
.record_container .ranking-list .right .list .data-num {
  -webkit-box-flex: 1;
  color: #222;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: .14rem;
  font-weight: 400;
  height: .48rem;
  line-height: .48rem
}
.record_container .ranking-list .right .list .data-num.team-average {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding-right: .16rem
}
.record_container .ranking-list .right .list .data-num 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;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-justify-content: center;
  justify-content: center
}
.record_container .ranking-list .right .list .data-num .team-num {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none
}
.record_container .ranking-list .right .list .data-num .team-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.record_container .ranking-list .right .list:nth-child(-n+8) .num {
  color: #0080ff
}
.record_container .ranking-list .right .list:first-child .num {
  color: #f66
}
.record_container .ranking-list .right .list:first-child .num:before {
  background-image: url(../../../images/sprites/game_sprite.png);
  background-position: 0 -.43rem;
  background-repeat: no-repeat;
  background-size: 1.44rem auto;
  content: ""
}
.record_container .ranking-list .right .list:nth-child(2) .num {
  color: #ffb324 !important
}
.record_container .ranking-list .right .list:nth-child(2) .num:before {
  background-position: 0 -.8rem
}
.record_container .ranking-list .right .list:nth-child(2) .num:before, .record_container .ranking-list .right .list:nth-child(3) .num:before {
  background-image: url(../../../images/sprites/game_sprite.png);
  background-repeat: no-repeat;
  background-size: 1.44rem auto;
  content: ""
}
.record_container .ranking-list .right .list:nth-child(3) .num:before {
  background-position: -.43rem -.43rem
}
.record_container .season-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.record_container .season-item:before {
  background: -webkit-gradient(linear, right top, left top, from(hsla(0, 0%, 100%, 0)), to(#f7f7f7));
  background: -webkit-linear-gradient(right, hsla(0, 0%, 100%, 0), #f7f7f7);
  background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #f7f7f7);
  content: "";
  height: .36rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 3.75rem;
  z-index: -1
}
.record_container .season-item .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
}
.record_container .season-item .left .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: .48rem;
  width: 1.55rem
}
.record_container .season-item .left .list .ranking {
  color: #bfbfbf;
  height: 100%;
  line-height: .36rem;
  width: .65rem
}
.record_container .season-item .left .list .team {
  color: #bfbfbf;
  height: 100%;
  line-height: .36rem
}
.record_container .season-item .left .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;
  color: #818181;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  font-weight: 500;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  text-align: center;
  width: .42rem
}
.record_container .season-item .left .list .num:before {
  height: .22rem;
  position: absolute;
  width: .28rem
}
.record_container .season-item .left .list .division-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: #818181;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  font-weight: 500;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  text-align: center;
  width: .42rem
}
.record_container .season-item .left .list .division-num:before {
  height: .22rem;
  position: absolute;
  width: .28rem
}
.record_container .season-item .left .list .exchange {
  color: #bfbfbf;
  height: .18rem;
  line-height: .18rem;
  text-align: center;
  width: .18rem
}
.record_container .season-item .left .list .icon {
  border-radius: 50%;
  height: .06rem;
  margin-left: .05rem;
  width: .06rem
}
.record_container .season-item .left .list .icon.in {
  background: #51ea7a
}
.record_container .season-item .left .list .icon.out {
  background: #bfbfbf
}
.record_container .season-item .left .list .icon.contention {
  background: #ffce36
}
.record_container .season-item .left .list .logo {
  height: .2rem;
  margin-left: .08rem;
  -o-object-fit: contain;
  object-fit: contain;
  width: .2rem
}
.record_container .season-item .left .list .team-name {
  color: #222;
  font-size: .14rem;
  font-weight: 400;
  height: .22rem;
  line-height: .22rem;
  margin-left: .04rem;
  width: .6rem
}
.record_container .season-item .left .list:first-child {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #555;
  font-size: .14rem;
  font-weight: 500;
  height: .36rem;
  line-height: .2rem;
  padding-left: .16rem
}
.record_container .season-item .left .list:nth-child(2) .division-num, .record_container .season-item .left .list:nth-child(2) .num {
  color: #f66 !important;
  height: .22rem
}
.record_container .season-item .left .list:nth-child(2) .division-num:before, .record_container .season-item .left .list:nth-child(2) .num:before {
  background-image: url(../../../images/sprites/game_sprite.png);
  background-position: 0 -.43rem;
  background-repeat: no-repeat;
  background-size: 1.44rem auto;
  content: ""
}
.record_container .season-item .left .list:nth-child(3) .num {
  color: #ffb324 !important
}
.record_container .season-item .left .list:nth-child(3) .num:before {
  background-position: 0 -.8rem
}
.record_container .season-item .left .list:nth-child(3) .num:before, .record_container .season-item .left .list:nth-child(4) .num:before {
  background-image: url(../../../images/sprites/game_sprite.png);
  background-repeat: no-repeat;
  background-size: 1.44rem auto;
  content: ""
}
.record_container .season-item .left .list:nth-child(4) .num:before {
  background-position: -.43rem -.43rem
}
.record_container .season-item .left .list:nth-child(-n+9) .num {
  color: #0080ff
}
.record_container .season-item .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;
  min-width: 50%;
  overflow-x: auto
}
.record_container .season-item .right .list, .record_container .season-item .right .list div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.record_container .season-item .right .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: #222;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  font-size: .14rem;
  font-weight: 400;
  height: .48rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .24rem;
  margin: auto .1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  width: .5rem
}
.record_container .season-item .right .list:first-child div {
  color: #bfbfbf;
  font-size: .14rem;
  height: .36rem;
  line-height: .2rem
}
.record_container .game-status {
  border-top: .005rem solid #efefef;
  height: .45rem;
  margin: .08rem .16rem 0;
  width: 3.43rem
}
.record_container .game-status, .record_container .game-status .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
}
.record_container .game-status .list {
  color: #bfbfbf;
  font-size: .12rem;
  font-weight: 400;
  line-height: .24rem;
  margin-right: .16rem
}
.record_container .game-status .list .icon {
  background: #ffce36;
  border-radius: 50%;
  height: .06rem;
  margin-right: .06rem;
  width: .06rem
}
.record_container .game-status .list .icon.in {
  background: #51ea7a
}
.record_container .game-status .list .icon.out {
  background: #bfbfbf
}
.playoffs__chart {
  padding-bottom: .16rem
}
.playoffs__chart__list {
  -webkit-box-flex: 1;
  -ms-flex-pack: distribute;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: .1rem;
  height: .48rem;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  margin-right: .01rem;
  width: .93rem
}
.playoffs__chart__list, .playoffs__chart__list__team {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.playoffs__chart__list__team {
  -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
}
.playoffs__chart__list__logo {
  border-radius: .04rem;
  height: .28rem;
  margin-bottom: .02rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .28rem
}
.playoffs__chart__list__logo.fi-qmw {
  background: #f7f7f7 !important;
  color: hsla(0, 0%, 75%, .5);
  font-size: .2rem;
  line-height: .28rem
}
.playoffs__chart__list__name {
  margin: 0 auto;
  text-align: center;
  white-space: nowrap;
  width: .4rem
}
.playoffs__chart__list__rank {
  background-color: #72b9ff;
  border-radius: .05rem;
  color: #fff;
  font-size: .08rem;
  font-weight: 600;
  height: .1rem;
  left: .09rem;
  line-height: .1rem;
  position: absolute;
  text-align: center;
  top: 0;
  width: .1rem
}
.playoffs__chart__list__info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: .15rem;
  width: 100%
}
.playoffs__chart__list__info, .playoffs__chart__list__info__score {
  -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
}
.playoffs__chart__list__info__score {
  border: .005rem solid #efefef;
  border-bottom-width: 0;
  color: #222;
  font-size: .12rem;
  font-weight: 600;
  height: .16rem;
  line-height: .16rem;
  text-align: center;
  width: 50%
}
.playoffs__chart__list__info__score span {
  width: .12rem
}
.playoffs__chart__list__info__score--lose {
  color: #aaa
}
.playoffs__chart__list__info__score:before {
  background-color: #efefef;
  content: "";
  height: .12rem;
  margin: 0 auto .04rem;
  position: absolute;
  top: -.12rem;
  width: .01rem
}
.playoffs__chart__list__info__alias {
  color: #aaa;
  font-size: .1rem;
  font-weight: 700;
  height: .22rem;
  line-height: .22rem
}
.playoffs__chart {
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.playoffs__chart, .playoffs__chart__area {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.playoffs__chart__area {
  -webkit-box-direction: reverse;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-order: 3;
  order: 3
}
.playoffs__chart__area .playoffs__chart__list {
  padding-top: .38rem
}
.playoffs__chart__round {
  -ms-flex-pack: distribute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around
}
.playoffs__chart__area:first-child {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-order: 1;
  order: 1
}
.playoffs__chart__area:first-child .playoffs__chart__list {
  padding-bottom: .38rem;
  padding-top: 0
}
.playoffs__chart__area:first-child .playoffs__chart__list__info {
  top: .48rem
}
.playoffs__chart__area:first-child .playoffs__chart__list__info__score {
  border-width: 0 .005rem .005rem
}
.playoffs__chart__area:first-child .playoffs__chart__list__info__score:before {
  top: .15rem
}
.playoffs__chart__area:first-child .playoffs__chart__list__rank {
  background-color: #ffd688
}
.playoffs__chart__area--final {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  -webkit-align-items: center;
  align-items: center;
  height: .72rem;
  -webkit-order: 2;
  order: 2
}
.playoffs__chart__area--final .playoffs__chart__list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, right top, from(#fff1d6), to(#d6e9ff));
  background-image: -webkit-linear-gradient(left, #fff1d6, #d6e9ff);
  background-image: linear-gradient(90deg, #fff1d6, #d6e9ff);
  border-radius: .04rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-top: 0;
  width: 1.88rem
}
.playoffs__chart__area--final .playoffs__chart__list__team {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3
}
.playoffs__chart__area--final .playoffs__chart__list__team:first-child {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1
}
.playoffs__chart__area--final .playoffs__chart__list__team:first-child .playoffs__chart__list__rank {
  background-color: #ffd688
}
.playoffs__chart__area--final .playoffs__chart__list__info {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  position: relative;
  top: unset
}
.playoffs__chart__area--final .playoffs__chart__list__info__score {
  border: none;
  font-size: .16rem;
  height: .22rem
}
.playoffs__chart__area--final .playoffs__chart__list__info__score:before {
  display: none
}
.playoffs__game {
  border-top: .08rem solid #f7f7f7
}
.playoffs__game .tab-bar {
  margin: .2rem 0 .08rem;
  position: relative;
  z-index: 3
}
.playoffs__game .tab-bar .tab-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #222;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .27rem
}
.playoffs__game .tab-bar .tab-item .list {
  background-color: #fafafa;
  border-radius: .14rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: .12rem;
  height: .27rem;
  line-height: .27rem;
  margin-right: .12rem;
  padding: 0 .1rem
}
.playoffs__game .tab-bar .tab-item .list.active {
  background-color: #1f8fff;
  color: #fff;
  font-weight: 600
}
.playoffs__game .tab-bar .tab-item .list.active:before {
  width: 0
}
.playoffs__game__content {
  padding: 0 .16rem
}
.playoffs__game__item {
  display: none
}
.playoffs__game__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: .14rem;
  height: .44rem
}
.playoffs__game__list__text {
  -webkit-box-flex: 0.8;
  color: #555;
  -webkit-flex: 0.8;
  -ms-flex: 0.8;
  flex: 0.8;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap
}
.playoffs__game__list__text--win {
  color: #f66
}
.playoffs__game__list__text:first-child {
  -webkit-box-flex: 1.2;
  color: #818181;
  -webkit-flex: 1.2;
  -ms-flex: 1.2;
  flex: 1.2;
  text-align: left
}
.playoffs__game__list--wait .playoffs__game__list__text:nth-child(2) {
  color: #0080ff
}
.playoffs__game__list--in .playoffs__game__list__text:nth-child(2) {
  color: #f66
}
.playoffs__additional {
  border-top: .08rem solid #fafafa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 1.5rem;
  overflow: hidden;
  padding: .2rem 0;
  width: 3.75rem
}
.playoffs__additional.spacing {
  height: auto
}
.playoffs__additional.border {
  border-top: none
}
.playoffs__additional__title {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #222;
  font-size: .18rem;
  font-weight: 500;
  line-height: .25rem;
  padding: 0 0 .16rem .16rem
}
.playoffs__additional__content {
  -webkit-box-direction: normal;
  background-image: url(../images/m_additional_title.png);
  background-size: .61rem .16rem;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 3.52rem
}
.playoffs__additional__area, .playoffs__additional__content {
  -webkit-box-orient: vertical;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  background-position: 50%;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.playoffs__additional__area {
  -webkit-box-direction: reverse;
  background-image: url(../images/m_additional_bottom.png);
  background-size: 2.35rem .48rem;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  height: 1.44rem
}
.playoffs__additional__area:first-child {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-image: url(../images/m_additional_top.png);
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.playoffs__additional__area .playoffs__chart__list__rank {
  background-color: #ffd688
}
.playoffs__additional__round {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}
.playoffs__additional .playoffs__chart__list {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 0.93rem;
  -ms-flex: 0 0 0.93rem;
  flex: 0 0 0.93rem
}
.playoffs__additional .playoffs__chart__list__rank {
  display: none
}
.playoffs__additional__desc {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .16rem .16rem 0
}
.playoffs__additional__desc__title {
  color: #222;
  font-size: .14rem;
  font-weight: 600;
  line-height: .2rem;
  margin: .12rem 0 .16rem;
  text-align: center
}
.playoffs__additional__desc__content {
  background-color: hsla(0, 0%, 97%, .5);
  border-radius: .04rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #818181;
  counter-reset: li;
  font-size: .14rem;
  line-height: .24rem;
  padding: .12rem
}
.playoffs__additional__desc__content li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: .1rem;
  padding-left: .24rem;
  position: relative
}
.playoffs__additional__desc__content li:before {
  content: counter(li) "、";
  counter-increment: li;
  left: 0;
  position: absolute;
  top: 0;
  width: .24rem
}
.playoffs__additional__desc__content li:first-child {
  margin-top: 0
}
.playoffs__additional__btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: #808890;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  font-weight: 400;
  height: .28rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .21rem;
  margin: 0 0 .2rem .16rem;
  position: relative;
  width: 3.43rem
}
.playoffs__additional__btn__icon {
  font-size: .1rem;
  margin-left: .04rem
}
.playoffs__additional__btn:before {
  background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
  background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff);
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
  content: "";
  height: .36rem;
  position: absolute;
  top: -.36rem;
  width: 3.43rem
}
.record__header {
  position: fixed;
  top: 0;
  z-index: 9
}
.record__tab {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: .54rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 .06rem;
  width: 3.75rem
}
.record__tab, .record__tab__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
}
.record__tab__list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: #818181;
  font-size: .16rem;
  font-weight: 400;
  height: .22rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .22rem;
  padding: .16rem .1rem
}
.record__tab__list--active {
  color: #0080ff;
  font-weight: 600
}
.record__tab__container {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .54rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: .54rem;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap
}
.record__tab__container::-webkit-scrollbar {
  display: none
}
.record__player__selector {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: .44rem;
  padding: 0 .12rem .16rem;
  width: 3.75rem
}
.record__player__selector, .record__player__selector__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.record__player__selector__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: .005rem solid #efefef;
  border-radius: .16rem;
  color: #555;
  font-size: .14rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .24rem;
  margin-right: .08rem;
  padding: .04rem .1rem
}
.record__player__selector__list__icon {
  color: #bfbfbf;
  font-size: .08rem;
  margin-left: .04rem
}
.record__player__section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.record__player__section__left {
  -webkit-box-flex: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex: 0 0 1.5rem;
  -ms-flex: 0 0 1.5rem;
  flex: 0 0 1.5rem;
  overflow: hidden
}
.record__player__section__left .record__player__list {
  padding-left: .16rem
}
.record__player__section__left .record__player__list:first-child {
  padding-left: .2rem
}
.record__player__section__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;
  min-width: 50%;
  overflow-x: auto
}
.record__player__section__right .record__player__list span {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 0.58rem;
  -ms-flex: 0 0 0.58rem;
  flex: 0 0 0.58rem;
  text-align: center
}
.record__player__section__right .record__player__list span.record__player__list__nationality {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 0.8rem;
  -ms-flex: 0 0 0.8rem;
  flex: 0 0 0.8rem
}
.record__player__section:before {
  background: -webkit-gradient(linear, right top, left top, from(hsla(0, 0%, 100%, 0)), to(#f7f7f7));
  background: -webkit-linear-gradient(right, hsla(0, 0%, 100%, 0), #f7f7f7);
  background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #f7f7f7);
  content: "";
  height: .36rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 3.75rem;
  z-index: -1
}
.record__player__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: #222;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  height: .54rem;
  line-height: .54rem
}
.record__player__list__avatar {
  border-radius: 50%;
  height: .32rem;
  margin-right: .06rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .32rem
}
.record__player__list__desc {
  -webkit-box-flex: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  color: #bfbfbf;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 0 0 0.96rem;
  -ms-flex: 0 0 0.96rem;
  flex: 0 0 0.96rem;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: .1rem;
  font-weight: 400;
  line-height: .16rem;
  overflow: hidden
}
.record__player__list__name {
  color: #222;
  font-size: .14rem;
  line-height: .22rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}
.record__player__list:first-child {
  color: #555;
  font-size: .14rem;
  font-weight: 500;
  height: .36rem;
  line-height: .17rem
}
.record__team__list {
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: .54rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 .16rem;
  text-align: center;
  width: 3.75rem
}
.record__team__list, .record__team__list__desc {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.record__team__list__desc {
  -webkit-box-flex: 0;
  -ms-flex-align: center;
  -webkit-flex: 0 0 2.3rem;
  -ms-flex: 0 0 2.3rem;
  flex: 0 0 2.3rem;
  text-align: left
}
.record__team__list__data {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.record__team__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
}
.record__team__list__logo {
  height: .32rem;
  margin-right: .06rem;
  -o-object-fit: contain;
  object-fit: contain;
  width: .32rem
}
.record__team__list__name {
  color: #222;
  font-size: .14rem;
  line-height: .22rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.record__team__list__alias {
  color: #bfbfbf;
  font-size: .1rem;
  line-height: .16rem
}
.record__team__list:first-child {
  background-image: -webkit-gradient(linear, right top, left top, from(hsla(0, 0%, 100%, 0)), to(#f7f7f7));
  background-image: -webkit-linear-gradient(right, hsla(0, 0%, 100%, 0), #f7f7f7);
  background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #f7f7f7);
  color: #555;
  font-size: .14rem;
  font-weight: 500;
  height: .36rem
}
.record__team__list:first-child span:last-child {
  color: #bfbfbf;
  font-weight: 400
}
.game__header {
  background-size: cover;
  height: 1.76rem;
  width: 3.75rem
}
.game__header__content {
  color: #fff;
  display: none;
  font-family: Bebas;
  font-size: .18rem
}
.game__header__content__box {
  -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
}
.game__header__content__box--1 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.game__header__content__logo {
  height: .24rem;
  margin: 0 .06rem;
  width: .24rem
}
.game__header__content__symbol {
  -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-size: .14rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 .04rem
}
.game__header__tab {
  height: .44rem;
  position: -webkit-sticky;
  position: sticky;
  top: 0
}
.game__header__info {
  -ms-flex-align: center;
  height: .9rem;
  margin-bottom: .14rem;
  width: 100%
}
.game__header__info, .game__header__info__desc {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.game__header__info__desc {
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -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
}
.game__header__info__time {
  color: #fff;
  font-size: .12rem;
  height: .18rem;
  line-height: .18rem;
  margin: .04rem 0
}
.game__header__info__score {
  color: #fff;
  font-family: Bebas;
  font-size: .24rem;
  font-weight: 700;
  height: .4rem;
  line-height: .4rem;
  margin-bottom: .04rem;
  text-align: center
}
.game__header__info__score__symbol {
  margin: 0 .08rem
}
.game__header__info__btn.qmw__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-color: #1c56f4;
  border: .01rem solid hsla(0, 0%, 100%, .32);
  border-radius: .08rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .12rem;
  height: .25rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin: .04rem 0;
  padding: 0 .1rem;
  width: auto
}
.game__header__info__btn.qmw__button .qmw__button__icon, .game__header__info__btn__icon {
  font-size: .16rem;
  height: .16rem;
  width: .16rem
}
.game__header__info__btn__icon {
  margin-right: .04rem
}
.game__header__info__btn__icon--video {
  background-image: url(../../../images/wave.gif);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .12rem
}
.game__header__info__team {
  width: 1.2rem
}
.game__header__info__team, .game__header__info__team__box {
  -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
}
.game__header__info__team__box {
  max-width: 100%;
  overflow: hidden
}
.game__header__info__team__name-box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-size: .13rem;
  font-weight: 500;
  height: .18rem;
  margin: .04rem 0;
  max-width: 100%
}
.game__header__info__team__logo {
  height: .46rem;
  width: .46rem
}
.game__header__info__team__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.game__header__info__team__position {
  color: hsla(0, 0%, 100%, .5);
  font-size: .1rem
}
.game__header__info__team__rank {
  color: hsla(0, 0%, 100%, .8);
  font-size: .1rem;
  height: .14rem;
  line-height: .14rem
}
.game__header__info__team__rank__icon {
  font-size: .12rem;
  height: .12rem;
  margin-right: .04rem;
  width: .12rem
}
.game__header .qmw__navigation {
  background-color: transparent;
  background-size: 100%
}
.game__header, .game__header .qmw__navigation {
  background-image: url(../../../images/bg_game.png);
  background-repeat: no-repeat
}
.game__header--2, .game__header--2 .qmw__navigation {
  background-image: url(../../../images/bg_game_2.png)
}
.game__container {
  position: relative
}
.game__container .tab-bar:after {
  z-index: -1
}
.game__main__scoring {
  color: #222;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-size: .14rem;
  padding: 0 .16rem
}
.game__main__scoring__logo {
  height: .24rem;
  width: .24rem
}
.game__main__scoring__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: .54rem;
  -webkit-justify-content: center;
  justify-content: center
}
.game__main__scoring__list:first-child {
  border-bottom: .01rem solid #f5f5f5;
  color: #aaa;
  font-size: .13rem;
  padding-bottom: .08rem
}
.game__main__scoring__list:first-child, .game__main__scoring__list:last-child {
  color: #bfbfbf;
  font-size: .12rem;
  height: .18rem;
  line-height: .18rem
}
.game__main__scoring__item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.game__main__scoring__item--active .game__main__scoring__list {
  color: #f66
}
.game__main__scoring__item--active .game__main__scoring__list:last-child {
  color: #bfbfbf
}
.game__main__scoring__box {
  width: .42rem
}
.game__main__scoring__box--content {
  -webkit-box-flex: 1;
  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;
  overflow-x: auto
}
.game__main__scoring__box--overtime .game__main__scoring__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 0.54rem;
  -ms-flex: 0 0 0.54rem;
  flex: 0 0 0.54rem
}
.game__main__scoring__box:last-child .game__main__scoring__list {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: end;
  justify-content: end
}
.game__main__scoring__box:first-child .game__main__scoring__list {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: start;
  justify-content: start
}
.game__main__scoring__box:first-child .game__main__scoring__list:first-child {
  color: #818181
}
.game__main__best__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: .68rem;
  margin-top: .2rem;
  padding: 0 .16rem;
  position: relative
}
.game__main__best__list, .game__main__best__list__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
}
.game__main__best__list__title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: #222;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  font-weight: 500;
  height: .2rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .2rem
}
.game__main__best__list__name {
  bottom: 0;
  color: #555;
  font-size: .14rem;
  height: .2rem;
  line-height: .2rem;
  position: absolute
}
.game__main__best__list__avatar {
  height: .42rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .42rem
}
.game__main__best__list__num {
  -webkit-box-flex: 1;
  -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: #aaa;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-family: Bebas;
  font-size: .16rem;
  font-weight: 700;
  padding: 0 .2rem
}
.game__main__best__list__num--better {
  color: #222
}
.game__main__best__list__chart {
  -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;
  height: 100%;
  width: .12rem
}
.game__main__best__list__chart__child {
  -webkit-box-flex: 1;
  background-color: #0080ff;
  border-radius: .02rem .02rem 0 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%
}
.game__main__best__list__box {
  border-bottom: .02rem solid #f66;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .46rem;
  padding-bottom: .02rem;
  width: 1.7rem
}
.game__main__best__list__box--left .game__main__best__list__chart__child {
  background-color: #f66
}
.game__main__best__list__box--left .game__main__best__list__num {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end
}
.game__main__best__list__box--right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  border-color: #0080ff;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.game__main__best__list__box--right .game__main__best__list__name {
  right: .16rem
}
.game__main__best__list:first-child {
  margin-top: 0
}
.game__main__team__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;
  height: .44rem;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.game__main__team__list__num {
  color: #222;
  font-size: .14rem;
  text-align: center;
  width: .6rem
}
.game__main__team__list__chart {
  background-color: #f7f7f7;
  border-radius: .02rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .04rem;
  width: .98rem
}
.game__main__team__list__chart__child {
  background-color: #bfbfbf;
  border-radius: .02rem;
  height: .04rem;
  width: 50%
}
.game__main__team__list__box {
  -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__main__team__list__box--left .game__main__team__list__chart {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end
}
.game__main__team__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
}
.game__main__team__list__box--better.game__main__team__list__box--left .game__main__team__list__chart__child {
  background-color: #f66
}
.game__main__team__list__box--better.game__main__team__list__box--right .game__main__team__list__chart__child {
  background-color: #0080ff
}
.game__main__team__list__title {
  color: #aaa;
  font-size: .12rem
}
.game__main__player {
  margin-top: .2rem;
  width: 100%
}
.game__main__player, .game__main__player__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.game__main__player__list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #222;
  font-size: .13rem;
  height: .48rem;
  padding: .08rem 0
}
.game__main__player__list__avatar {
  border-radius: 50%;
  height: .24rem;
  left: .16rem;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: .24rem
}
.game__main__player__list__name {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: .13rem;
  height: .18rem;
  line-height: .18rem;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap
}
.game__main__player__list__info {
  -webkit-background-clip: text;
  color: #bfbfbf;
  font-size: .1rem;
  height: .14rem
}
.game__main__player__list__num {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 0.54rem;
  -ms-flex: 0 0 0.54rem;
  flex: 0 0 0.54rem;
  text-align: center
}
.game__main__player__list__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}
.game__main__player__list:first-child {
  background-color: transparent;
  height: .32rem;
  padding-bottom: .08rem
}
.game__main__player__list:last-child {
  background-color: transparent;
  color: #000;
  font-size: .13rem;
  font-weight: 600;
  height: .34rem
}
.game__main__player__list--first .game__main__player__list__name {
  padding-right: .14rem
}
.game__main__player__list--first .game__main__player__list__name:before {
  background-image: url(../../../images/icon_ball.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .1rem;
  content: "";
  height: .1rem;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .1rem
}
.game__main__player__list--active .game__main__player__list__name {
  color: #0080ff
}
.game__main__player__left {
  width: 1.42rem
}
.game__main__player__left .game__main__player__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  padding-left: .44rem
}
.game__main__player__left .game__main__player__list:first-child:before {
  border-bottom: .01rem solid #f5f5f5;
  bottom: 0;
  content: "";
  left: .16rem;
  position: absolute;
  width: 3.59rem
}
.game__main__player__left .game__main__player__list:nth-child(odd):not(:first-child, :last-child):before {
  background-color: #fafafa;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 3.75rem;
  z-index: -1
}
.game__main__player__left .game__main__player__list:last-child {
  padding-left: .16rem
}
.game__main__player__right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-x: auto
}
.game__main__player__right__list, .game__main__player__tool {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.game__main__player__tool {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  height: .24rem;
  -webkit-justify-content: center;
  justify-content: center
}
.game__main__player__tool__icon {
  height: .1rem;
  margin-right: .04rem;
  -o-object-fit: contain;
  object-fit: contain;
  width: .1rem
}
.game__main__player__tool__title {
  color: #bfbfbf;
  font-size: .11rem
}
.game__main__player:first-child {
  margin-top: 0
}
.game__main__record {
  -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: .32rem;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 .16rem;
  position: relative
}
.game__main__record__logo {
  height: .24rem;
  width: .24rem
}
.game__main__record__name {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #555;
  font-size: .13rem;
  overflow: hidden;
  padding: 0 .04rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: .68rem
}
.game__main__record__content {
  color: #000;
  font-size: .15rem;
  font-weight: 600
}
.game__main__record__box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 1;
  -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
}
.game__main__record__box--right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.game__main__record__box--right .game__main__record__name {
  text-align: right
}
.game__main__record:before {
  color: #aaa;
  content: "vs";
  font-size: .14rem;
  font-weight: 600;
  height: .2rem;
  position: absolute
}
.game__main__fight__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;
  height: .54rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 .16rem;
  position: relative
}
.game__main__fight__list__logo {
  height: .24rem;
  width: .24rem
}
.game__main__fight__list__name {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #555;
  font-size: .13rem;
  overflow: hidden;
  padding-left: .05rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: .65rem
}
.game__main__fight__list__score {
  -webkit-box-flex: 1;
  color: #aaa;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-family: Bebas;
  font-size: .15rem;
  text-align: center
}
.game__main__fight__list__score--win {
  color: #000
}
.game__main__fight__list__desc {
  -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;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: .85rem
}
.game__main__fight__list__date {
  color: #000;
  font-size: .12rem;
  height: .17rem;
  line-height: .17rem
}
.game__main__fight__list__type {
  color: #aaa;
  font-size: .11rem;
  height: .16rem;
  line-height: .16rem
}
.game__main__fight__list__box {
  -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: 1.29rem
}
.game__main__fight__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
}
.game__main__fight__list__box--right .game__main__fight__list__name {
  padding: 0 .05rem 0 0;
  text-align: right
}
.game__main__mvp {
  background-color: hsla(0, 0%, 96%, .4);
  border-radius: .04rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .9rem;
  margin: 0 auto .16rem;
  padding: 0 .08rem;
  position: relative;
  width: 3.43rem
}
.game__main__mvp__list {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.game__main__mvp__list__desc {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: .01rem solid hsla(0, 0%, 94%, .4);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .4rem
}
.game__main__mvp__list__avatar {
  border-radius: 50%;
  height: .24rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .24rem
}
.game__main__mvp__list__name {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #818181;
  font-size: .14rem;
  padding-left: .04rem
}
.game__main__mvp__list__info {
  padding-top: .07rem
}
.game__main__mvp__list__info, .game__main__mvp__list__info__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.game__main__mvp__list__info__box {
  -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;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  width: .28rem
}
.game__main__mvp__list__info__num {
  color: #222;
  font-size: .14rem;
  font-weight: 600;
  height: .2rem;
  line-height: .2rem
}
.game__main__mvp__list__info__name {
  color: #bfbfbf;
  font-size: .1rem;
  height: .14rem;
  line-height: .14rem
}
.game__main__mvp__list--right .game__main__mvp__list__desc {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.game__main__mvp__list--right .game__main__mvp__list__desc__name {
  padding-left: 0;
  padding-right: .04rem
}
.game__main__mvp__list--right .game__main__mvp__list__info {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.game__main__mvp__icon {
  height: auto;
  left: 50%;
  position: absolute;
  top: .15rem;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: .49rem
}
.player-details .fixed-time {
  background-color: #fff;
  padding: .1rem 0 .06rem;
  position: fixed;
  top: .88rem;
  z-index: 1
}
.player-details .player-item {
  background-color: #fff;
  position: relative;
  width: 3.75rem
}
.player-details .player-item.fixed {
  position: fixed;
  top: .44rem;
  z-index: 2
}
.player-details .player-item .tab-bar .tab-item .list.active {
  font-size: .16rem;
  margin-right: .2rem
}
.player-details .player-introduction {
  border-bottom: .08rem solid #fafafa;
  padding: .2rem .16rem
}
.player-details .player-introduction:last-child {
  border-bottom: none
}
.player-details .player-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;
  color: #808890;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  font-weight: 400;
  height: .2rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .2rem;
  margin-top: .12rem;
  position: relative
}
.player-details .player-introduction__unfold-icon {
  font-size: .1rem;
  margin-left: .04rem
}
.player-details .player-introduction__unfold:before {
  background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
  background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff);
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
  content: "";
  height: .36rem;
  position: absolute;
  top: -.45rem;
  width: 3.43rem
}
.player-details .player-introduction__content {
  color: #222;
  font-size: .16rem;
  font-weight: 400;
  height: 1.12rem;
  line-height: .28rem;
  overflow: hidden;
  text-align: justify
}
.player-details .player-introduction__content p, .player-details .player-introduction__content p:last-child {
  margin-bottom: .04rem
}
.player-details .player-honor {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.player-details .player-honor--more {
  height: .9rem;
  overflow: hidden
}
.player-details .player-honor__count {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  color: #bfbfbf;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: .14rem;
  font-weight: 400;
  line-height: .24rem;
  margin-bottom: .16rem
}
.player-details .player-honor__count:last-child {
  margin: 0
}
.player-details .player-honor__count-top {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  color: #222;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .16rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: .04rem
}
.player-details .player-honor__count-num {
  font-size: .14rem;
  font-weight: 600
}
.player-details .player-information {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: .2rem;
  position: relative
}
.player-details .player-information__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: .16rem;
  width: 45%
}
.player-details .player-information__list-title {
  color: #bfbfbf;
  margin-right: .08rem;
  text-align: left;
  width: .44rem
}
.player-details .player-information__list-rank {
  background: #f7f7f7;
  border-radius: .09rem;
  color: #0080ff;
  font-size: .1rem;
  font-weight: 500;
  height: .2rem;
  line-height: .2rem;
  margin-left: .1rem;
  padding: 0 .06rem
}
.player-details .player-information__list--full {
  width: 100% !important
}
.player-details .player-information__list--full .player-information__list-title {
  text-align: left !important
}
.player-details .player-information__list:last-child {
  margin: 0
}
.player-details .player-information__list:nth-child(2n) {
  width: 55%
}
.player-details .player-information__list:nth-child(2n) .player-information__list-title {
  text-align: right
}
.player-details .player-career__list {
  color: #bfbfbf;
  display: inline-block;
  font-size: .16rem;
  font-weight: 500;
  margin-right: .16rem;
  position: relative;
  text-align: center
}
.player-details .player-career__list--active {
  color: #0080ff
}
.player-details .player-career__list--active:before {
  background-color: rgba(0, 128, 255, .12);
  bottom: 0;
  content: "";
  height: .08rem;
  left: 0;
  position: absolute;
  width: 100%
}
.player-details .player-career__section {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%
}
.player-details .player-career__section-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;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .48rem;
  line-height: .2rem;
  padding-bottom: .28rem;
  position: relative;
  width: 100%
}
.player-details .player-career__section-list__left {
  color: #bfbfbf;
  font-size: .14rem;
  font-weight: 500;
  position: relative;
  text-align: right;
  width: .49rem
}
.player-details .player-career__section-list__tag {
  bottom: -.14rem;
  color: #efefef;
  font-size: .12rem;
  font-weight: 400;
  height: .14rem;
  line-height: .14rem;
  position: absolute;
  right: 0;
  width: 100%
}
.player-details .player-career__section-list__middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: #e8f4ff;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .1rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 .08rem;
  position: relative;
  width: .1rem
}
.player-details .player-career__section-list__middle:before {
  background-color: #efefef;
  border-radius: .01rem;
  content: "";
  height: .2rem;
  left: 50%;
  margin-left: -.005rem;
  position: absolute;
  top: .19rem;
  width: .01rem
}
.player-details .player-career__section-list__icon {
  background-color: #0080ff;
  border-radius: 50%;
  height: .06rem;
  opacity: .7;
  width: .06rem
}
.player-details .player-career__section-list__right {
  -webkit-box-flex: 1;
  color: #555;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: .14rem;
  height: .2rem;
  line-height: .2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.player-details .player-career__section-list:last-child .player-career__section-list__middle:before {
  display: none
}
.player-details .player-career__tab {
  background-color: #fff;
  height: .29rem;
  line-height: .19rem;
  max-width: 3.43rem;
  padding: .05rem 0 .17rem;
  width: 100%
}
.player-details .player-career__tab-item {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: .29rem;
  overflow-x: scroll;
  white-space: nowrap;
  width: 100%
}
.player-details .player-career__tab--fixed .player-career__tab-item {
  padding: .05rem 0;
  position: fixed;
  top: .88rem;
  z-index: 2
}
.player-details .stat__data-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: #bfbfbf;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: .63rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: .16rem;
  width: 25%
}
.player-details .stat__data-list p {
  color: #555;
  font-size: .14rem;
  font-weight: 600;
  line-height: .2rem;
  margin-bottom: .02rem
}
.player-details .stat__data-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: #f7f7f7;
  border-radius: .09rem;
  color: #818181;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .1rem;
  font-weight: 400;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: .04rem;
  padding: .02rem .06rem
}
.player-details .stat__data-list__rank--height {
  background-color: #fff;
  height: .17rem;
  width: .4rem
}
.player-details .stat__data-list__rank-num {
  color: #0080ff
}
.player-details .stat__data-list__rank .angle-right {
  font-size: .06rem;
  margin-left: .04rem
}
.player-details__title {
  font-size: .18rem;
  font-weight: 600;
  line-height: .25rem;
  margin-bottom: .16rem
}
.player-details__container {
  font-size: .14rem;
  font-weight: 400
}
.player-details .statistics {
  font-weight: 400;
  margin-top: .2rem
}
.player-details .statistics .basic {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .18rem;
  font-weight: 600;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: .25rem;
  padding: 0 .16rem .16rem
}
.player-details .statistics .basic .player-time {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-align-items: center;
  align-items: center;
  border: .005rem solid #efefef;
  border-radius: .16rem;
  color: #555;
  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: .12rem;
  font-weight: 500;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: normal;
  padding: .04rem .1rem
}
.player-details .statistics .basic .player-time:before {
  color: #bfbfbf;
  font-size: .08rem;
  margin-left: .04rem
}
.player-details .statistics .basic .score {
  color: #bfbfbf;
  font-size: .12rem;
  font-weight: 400;
  height: .17rem;
  width: .84rem
}
.player-details .statistics .chart {
  border-bottom: .01rem solid #f5f5f5;
  height: 3.18rem;
  margin: 0 .16rem .16rem;
  padding-bottom: .16rem;
  width: clac(3.75rem -.32rem)
}
.player-details .statistics .chart-data {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: .12rem;
  line-height: .17rem;
  margin-bottom: .12rem;
  text-align: center;
  width: 3.75rem
}
.player-details .statistics .chart-data, .player-details .statistics .chart-data .list {
  color: #bfbfbf;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.player-details .statistics .chart-data .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;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: .63rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: .16rem;
  width: 25%
}
.player-details .statistics .chart-data .list p {
  color: #555;
  font-size: .14rem;
  font-weight: 600;
  line-height: .2rem;
  margin-bottom: .02rem
}
.player-details .statistics .chart-data .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: #f7f7f7;
  border-radius: .09rem;
  color: #818181;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .1rem;
  font-weight: 400;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: .04rem;
  padding: .02rem .06rem
}
.player-details .statistics .chart-data .list .rank.height {
  background-color: #fff;
  height: .17rem;
  width: .4rem
}
.player-details .statistics .chart-data .list .rank .ranking {
  color: #0080ff
}
.player-details .statistics .chart-data .list .rank .angle-right {
  font-size: .06rem;
  margin-left: .04rem
}
.player-details .statistics .game-item {
  margin-bottom: .28rem
}
.player-details .statistics .game-item .list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -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: #bfbfbf;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .12rem;
  font-weight: 400;
  height: .55rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: .17rem;
  padding: .08rem .16rem .08rem .64rem;
  position: relative;
  width: 3.75rem
}
.player-details .statistics .game-item .list .win-lose {
  height: .1rem;
  left: .16rem;
  line-height: normal;
  position: absolute;
  top: .23rem;
  width: .3rem
}
.player-details .statistics .game-item .list .win-lose img {
  height: .1rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .3rem
}
.player-details .statistics .game-item .list .time {
  color: #222;
  font-size: .14rem;
  font-weight: 400;
  line-height: .2rem;
  margin-bottom: .02rem
}
.player-details .statistics .game-item .list .left {
  width: .85rem
}
.player-details .statistics .game-item .list .center, .player-details .statistics .game-item .list .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-details .statistics .game-item .list .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-details .statistics .game-item .list .right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  width: .53rem
}
.player-details .statistics .game-item .list .right .time {
  margin-bottom: .19rem
}
.player-details .statistics .career {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  text-align: center
}
.player-details .statistics .career .season {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .44rem;
  line-height: .44rem;
  position: relative;
  width: 1.16rem
}
.player-details .statistics .career .season span {
  width: 50%
}
.player-details .statistics .career .season.border {
  color: #bfbfbf;
  height: .41rem;
  line-height: .41rem;
  margin-left: .16rem;
  text-align: left
}
.player-details .statistics .career .season.border span {
  border-bottom: .005rem solid #efefef
}
.player-details .statistics .career .season.border .list {
  color: #818181
}
.player-details .statistics .career .left {
  display: -webkit-box
}
.player-details .statistics .career .left, .player-details .statistics .career .right {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.player-details .statistics .career .right {
  display: -webkit-box;
  min-width: 50%;
  overflow-x: auto
}
.player-details .statistics .career .right li {
  -webkit-box-flex: 0;
  -ms-flex-negative: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  width: .53rem
}
.player-details .statistics .career .right li:nth-child(n+12) {
  width: .75rem
}
.player-details .statistics .career .right ol {
  color: #bfbfbf;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .41rem;
  line-height: .41rem
}
.player-details .statistics .career .right ol li {
  border-bottom: .005rem solid #efefef
}
.player-details .statistics .career .right ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.player-details .statistics .career .right ul li {
  height: .44rem;
  line-height: .44rem
}
.player-details .career-review .career-tab {
  height: .29rem;
  line-height: .19rem;
  padding: .05rem 0 .17rem;
  width: 100%
}
.player-details .career-review .career-tab .career-list {
  color: #bfbfbf;
  display: inline-block;
  font-size: .16rem;
  font-weight: 500;
  margin: 0 .08rem;
  position: relative;
  text-align: center
}
.player-details .career-review .career-tab .career-list.active {
  color: #0080ff
}
.player-details .career-review .career-tab .career-list.active:before {
  background-color: rgba(0, 128, 255, .12);
  bottom: 0;
  content: "";
  height: .08rem;
  left: 0;
  position: absolute;
  width: 100%
}
.player-details .career-review .career-tab .tab-item {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: .29rem;
  overflow-x: scroll;
  padding: .05rem .08rem;
  white-space: nowrap;
  width: 100%
}
.player-details .career-review .career-tab.fixed .tab-item {
  position: fixed;
  top: .88rem;
  z-index: 2
}
.player-details .career-review .career-section {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0 .16rem;
  width: 100%
}
.player-details .career-review .career-section .section-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;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .48rem;
  line-height: .2rem;
  padding-bottom: .28rem;
  position: relative;
  width: 100%
}
.player-details .career-review .career-section .section-list .left {
  color: #bfbfbf;
  font-size: .14rem;
  font-weight: 500;
  position: relative;
  text-align: right;
  width: .49rem
}
.player-details .career-review .career-section .section-list .left .tag {
  bottom: -.14rem;
  color: #efefef;
  font-size: .12rem;
  font-weight: 400;
  height: .14rem;
  line-height: .14rem;
  position: absolute;
  right: 0;
  width: 100%
}
.player-details .career-review .career-section .section-list .middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: #e8f4ff;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .1rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 .08rem;
  position: relative;
  width: .1rem
}
.player-details .career-review .career-section .section-list .middle .icon {
  background-color: #0080ff;
  border-radius: 50%;
  height: .06rem;
  opacity: .7;
  width: .06rem
}
.player-details .career-review .career-section .section-list .middle:before {
  background-color: #efefef;
  border-radius: .01rem;
  content: "";
  height: .2rem;
  left: 50%;
  margin-left: -.005rem;
  position: absolute;
  top: .19rem;
  width: .01rem
}
.player-details .career-review .career-section .section-list .right {
  -webkit-box-flex: 1;
  color: #555;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: .14rem;
  height: .2rem;
  line-height: .2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.player-details .career-review .career-section .section-list:last-child .middle:before {
  display: none
}
.player__navigation__content {
  -webkit-box-flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: .44rem
}
.player__navigation__content, .player__navigation__content__title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}
.player__navigation__content__title {
  color: #fff;
  display: none;
  font-size: .16rem;
  font-weight: 500
}
.player__navigation__content__img {
  border-radius: 50%;
  height: .2rem;
  margin-right: .04rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .2rem
}
.player__navigation__content__tools {
  -webkit-box-flex: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-justify-content: flex-end;
  justify-content: flex-end
}
.player__navigation__content__tools, .player__navigation__content__tools__btn {
  -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__navigation__content__tools__btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  height: .24rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .24rem;
  margin: 0 .06rem
}
.player__navigation__content__tools__btn__icon {
  font-size: .1rem;
  margin-right: .04rem
}
.player__navigation__content__tools__btn--follow {
  color: #fff;
  font-size: .12rem;
  font-weight: 500
}
.player__navigation__content__tools__btn--pk {
  height: .24rem;
  width: .44rem
}
.player__header {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 1.62rem;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  overflow: hidden;
  z-index: 12
}
.player__header, .player__header__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 3.75rem
}
.player__header__content {
  color: #fff;
  font-size: .14rem;
  font-weight: 400;
  height: .96rem;
  padding: 0 .16rem
}
.player__header__content, .player__header__desc {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.player__header__desc {
  color: hsla(0, 0%, 100%, .7);
  font-size: .1rem;
  line-height: .14rem;
  padding: .08rem 0 0 .16rem
}
.player__header__desc__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;
  line-height: .18rem
}
.player__header__desc__list--info {
  font-size: .13rem
}
.player__header__desc__list--info span:nth-child(2) {
  margin-left: .14rem;
  position: relative
}
.player__header__desc__list--info span:nth-child(2):before {
  background: hsla(0, 0%, 100%, .7);
  content: "";
  height: .08rem;
  left: -.07rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .01rem
}
.player__header__desc__list--link span {
  margin-right: .02rem
}
.player__header__desc__list:first-child {
  color: #fff;
  font-size: .18rem;
  font-weight: 500;
  line-height: .25rem;
  margin-top: 0
}
.player__header__avatar {
  border-radius: 50%;
  height: .7rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .7rem
}
.player__header__team {
  height: .6rem;
  position: absolute;
  right: .16rem;
  top: .1rem;
  width: .6rem
}
.player__header .qmw__progress__bar {
  height: .22rem
}
.player__header .qmw__progress__bar__info {
  height: .18rem;
  line-height: .18rem
}
.player__header .qmw__progress__bar__info__icon:before {
  font-size: .14rem
}
.player__header .qmw__progress__bar__chart {
  height: .04rem
}
.team-details {
  height: 100%
}
.team-details .team__navigation__content {
  -webkit-box-flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: .44rem
}
.team-details .team__navigation__content, .team-details .team__navigation__content__title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}
.team-details .team__navigation__content__title {
  color: #fff;
  display: none;
  font-size: .16rem;
  font-weight: 500
}
.team-details .team__navigation__content__img {
  border-radius: 50%;
  height: .2rem;
  margin-right: .04rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .2rem
}
.team-details .team__navigation__content__tools {
  -webkit-box-flex: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-justify-content: flex-end;
  justify-content: flex-end
}
.team-details .team__navigation__content__tools, .team-details .team__navigation__content__tools__btn {
  -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
}
.team-details .team__navigation__content__tools__btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  height: .24rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .24rem;
  margin: 0 .06rem
}
.team-details .team__navigation__content__tools__btn__icon {
  font-size: .1rem;
  margin-right: .04rem
}
.team-details .team__navigation__content__tools__btn--follow {
  color: #fff;
  font-size: .12rem;
  font-weight: 500
}
.team-details .team__navigation__content__tools__btn--pk {
  height: .24rem;
  width: .44rem
}
.team-details .qmw__sticky__container--fixed .team__navigation__content__title, .team-details .stat__data-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.team-details .stat__data-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: #bfbfbf;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: .63rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: .16rem;
  width: 25%
}
.team-details .stat__data-list p {
  color: #555;
  font-size: .14rem;
  font-weight: 600;
  line-height: .2rem;
  margin-bottom: .02rem
}
.team-details .stat__data-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: #f7f7f7;
  border-radius: .09rem;
  color: #818181;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .1rem;
  font-weight: 400;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: .04rem;
  padding: .02rem .06rem
}
.team-details .stat__data-list__rank--height {
  background-color: #fff;
  height: .17rem;
  width: .4rem
}
.team-details .stat__data-list__rank-num {
  color: #0080ff
}
.team-details .stat__data-list__rank .angle-right {
  font-size: .06rem;
  margin-left: .04rem
}
.team-details__title {
  font-size: .18rem;
  font-weight: 600;
  line-height: .25rem;
  margin-bottom: .16rem
}
.team-details .team-introduction {
  border-bottom: .08rem solid #fafafa;
  padding: .2rem .16rem
}
.team-details .team-introduction:last-child {
  border-bottom: none
}
.team-details .team-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;
  color: #808890;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  font-weight: 400;
  height: .2rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .2rem;
  margin-top: .12rem;
  position: relative
}
.team-details .team-introduction__unfold-icon {
  font-size: .1rem;
  margin-left: .04rem
}
.team-details .team-introduction__unfold:before {
  background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
  background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff);
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
  content: "";
  height: .36rem;
  position: absolute;
  top: -.45rem;
  width: 3.43rem
}
.team-details .team-introduction__content {
  color: #222;
  font-size: .16rem;
  font-weight: 400;
  height: 1.12rem;
  line-height: .28rem;
  overflow: hidden;
  text-align: justify
}
.team-details .team-introduction__content p, .team-details .team-introduction__content p:last-child {
  margin-bottom: .04rem
}
.team-details .team-introduction--jersey {
  padding: .2rem 0 .52rem
}
.team-details .team-introduction--jersey .team-details__title {
  padding-left: .16rem
}
.team-details .team-introduction--jersey .team-introduction__unfold-icon {
  margin: 0
}
.team-details .team-honor {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.team-details .team-honor--more {
  height: 1rem;
  overflow: hidden
}
.team-details .team-honor__count {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  color: #bfbfbf;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: .14rem;
  font-weight: 400;
  line-height: .24rem;
  margin-bottom: .16rem
}
.team-details .team-honor__count:last-child {
  margin: 0
}
.team-details .team-honor__count-top {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  color: #222;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .16rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: .04rem
}
.team-details .team-honor__count-num {
  font-size: .14rem;
  font-weight: 600
}
.team-details .team-jersey {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 3.75rem
}
.team-details .team-jersey--more {
  height: 2.26rem;
  overflow: hidden
}
.team-details .team-jersey__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;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 1.13rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: .16rem;
  width: 1.25rem
}
.team-details .team-jersey__list-img {
  height: .68rem;
  position: relative;
  width: .52rem
}
.team-details .team-jersey__list-img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.team-details .team-jersey__list-number {
  font-size: .21rem;
  font-weight: 700;
  left: 50%;
  line-height: .24rem;
  position: absolute;
  top: .27rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.team-details .team-jersey__list-position {
  color: #bfbfbf;
  font-size: .12rem;
  font-weight: 400;
  line-height: .17rem;
  margin: .04rem 0 .02rem
}
.team-details .team-jersey__list-name {
  color: #222;
  font-size: .16rem;
  font-weight: 400;
  line-height: .22rem;
  text-align: center;
  width: 6em
}
.team-details .team__section {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%
}
.team-details .team__section-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;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .48rem;
  line-height: .2rem;
  padding-bottom: .28rem;
  position: relative;
  width: 100%
}
.team-details .team__section-list__left {
  color: #bfbfbf;
  font-size: .14rem;
  font-weight: 500;
  position: relative;
  text-align: right;
  width: .49rem
}
.team-details .team__section-list__tag {
  bottom: -.14rem;
  color: #efefef;
  font-size: .12rem;
  font-weight: 400;
  height: .14rem;
  line-height: .14rem;
  position: absolute;
  right: 0;
  width: 100%
}
.team-details .team__section-list__middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: #e8f4ff;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .1rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 .08rem;
  position: relative;
  width: .1rem
}
.team-details .team__section-list__middle:before {
  background-color: #efefef;
  border-radius: .01rem;
  content: "";
  height: .2rem;
  left: 50%;
  margin-left: -.005rem;
  position: absolute;
  top: .19rem;
  width: .01rem
}
.team-details .team__section-list__icon {
  background-color: #0080ff;
  border-radius: 50%;
  height: .06rem;
  opacity: .7;
  width: .06rem
}
.team-details .team__section-list__right {
  -webkit-box-flex: 1;
  color: #555;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: .14rem;
  height: .2rem;
  line-height: .2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.team-details .team__section-list:last-child .team-career__section-list__middle:before {
  display: none
}
.team-details .team__tab {
  height: .29rem;
  line-height: .19rem;
  padding: .05rem 0 .17rem;
  width: 100%
}
.team-details .team__tab-item {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: .29rem;
  overflow-x: scroll;
  white-space: nowrap;
  width: 100%
}
.team-details .team__tab--fixed .team-career__tab-item {
  padding: .05rem 0;
  position: fixed;
  top: .88rem;
  z-index: 2
}
.team-details__container {
  font-size: .14rem;
  font-weight: 400;
  position: relative
}
.team-details .team-lineup {
  margin-top: .2rem
}
.team-details .team-lineup .team-title {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: .18rem;
  font-weight: 600;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: .24rem;
  padding: 0 .16rem .17rem;
  width: 3.75rem
}
.team-details .team-lineup .team-title, .team-details .team-lineup .team-title .team-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
}
.team-details .team-lineup .team-title .team-time {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  border: .005rem solid #efefef;
  border-radius: .16rem;
  color: #555;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  font-size: .12rem;
  font-weight: 500;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: normal;
  padding: .04rem .1rem
}
.team-details .team-lineup .team-title .team-time:before {
  color: #bfbfbf;
  font-size: .08rem;
  margin-left: .04rem
}
.team-details .team-lineup .management {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: .96rem;
  padding: 0 .16rem .08rem;
  width: 3.75rem
}
.team-details .team-lineup .management .title {
  border-bottom: .005rem solid #efefef;
  color: #818181;
  font-size: .14rem;
  font-weight: 400;
  height: .41rem;
  line-height: .41rem;
  width: 100%
}
.team-details .team-lineup .management .coach {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .55rem;
  width: 100%
}
.team-details .team-lineup .management .coach .list {
  -webkit-box-flex: 1;
  -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: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  padding-left: .42rem;
  position: relative
}
.team-details .team-lineup .management .coach .list .avatar {
  border-radius: 50%;
  height: .36rem;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: .1rem;
  width: .36rem
}
.team-details .team-lineup .management .coach .list .username {
  color: #222;
  font-size: .14rem;
  font-weight: 400;
  line-height: .2rem;
  margin-bottom: .02rem
}
.team-details .team-lineup .management .coach .list .position {
  color: #bfbfbf;
  font-size: .12rem;
  font-weight: 400;
  line-height: .17rem
}
.team-details .team-lineup .management .coach .management-right {
  padding-left: .58rem
}
.team-details .team-lineup .management .coach .management-right .avatar {
  left: .16rem
}
.team-details .team-lineup .line-up {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.team-details .team-lineup .line-up .left, .team-details .team-lineup .line-up .left .list {
  -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: .9rem
}
.team-details .team-lineup .line-up .left .list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: .45rem;
  -webkit-justify-content: center;
  justify-content: center;
  padding-left: .44rem;
  position: relative
}
.team-details .team-lineup .line-up .left .list .avatar {
  border-radius: 50%;
  height: .24rem;
  left: .16rem;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: .08rem;
  width: .24rem
}
.team-details .team-lineup .line-up .left .list .username {
  color: #222;
  font-size: .12rem;
  font-weight: 400;
  line-height: .17rem;
  width: .46rem
}
.team-details .team-lineup .line-up .left .list .position {
  color: #bfbfbf;
  font-size: .08rem;
  font-weight: 400;
  line-height: .11rem;
  width: .46rem
}
.team-details .team-lineup .line-up .left .list:first-child {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  border-bottom: .005rem solid #efefef;
  color: #818181;
  font-size: .14rem;
  font-weight: 400;
  height: .41rem;
  line-height: .2rem;
  margin-left: .16rem;
  padding: 0;
  width: .74rem
}
.team-details .team-lineup .line-up .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: .005rem solid #efefef;
  color: #818181;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .41rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: .41rem;
  margin: 0 .16rem;
  position: relative;
  width: 3.43rem
}
.team-details .team-lineup .line-up .top .salary {
  color: #bfbfbf;
  padding-right: .28rem;
  text-align: right
}
.team-details .team-lineup .line-up .bottom .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;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .6rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 .16rem;
  position: relative;
  width: 3.75rem
}
.team-details .team-lineup .line-up .bottom .list .avatar {
  border-radius: 50%;
  height: .36rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .36rem
}
.team-details .team-lineup .line-up .bottom .list .team-name {
  left: .6rem;
  position: absolute;
  top: .1rem
}
.team-details .team-lineup .line-up .bottom .list .position {
  color: #bfbfbf;
  font-size: .12rem;
  left: .6rem;
  line-height: .17rem;
  position: absolute;
  top: .33rem
}
.team-details .team-lineup .line-up .bottom .list .salary {
  padding-right: .2rem;
  text-align: center;
  width: .5rem
}
.team-details .team-lineup .line-up-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;
  min-width: 50%;
  overflow-x: auto
}
.team-details .team-lineup .line-up-right .list, .team-details .team-lineup .line-up-right .list div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.team-details .team-lineup .line-up-right .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: #222;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  font-size: .14rem;
  font-weight: 400;
  height: .45rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .2rem;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  width: .53rem
}
.team-details .team-lineup .line-up-right .list div:nth-child(11), .team-details .team-lineup .line-up-right .list div:nth-child(7), .team-details .team-lineup .line-up-right .list div:nth-child(8), .team-details .team-lineup .line-up-right .list div:nth-child(9) {
  width: .75rem
}
.team-details .team-lineup .line-up-right .list:first-child div {
  border-bottom: .005rem solid #efefef;
  color: #bfbfbf;
  height: .41rem;
  line-height: .41rem
}
.team-details .team-data {
  margin-top: .2rem
}
.team-details .team-data .title {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  font-size: .18rem;
  font-weight: 600;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: .25rem;
  padding: 0 .16rem .16rem
}
.team-details .team-data .title, .team-details .team-data .title .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.team-details .team-data .title .item .team-time {
  margin-left: .12rem
}
.team-details .team-data .title .team-time {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-align-items: center;
  align-items: center;
  border: .005rem solid #efefef;
  border-radius: .16rem;
  color: #555;
  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: .12rem;
  font-weight: 500;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: normal;
  padding: .04rem .1rem
}
.team-details .team-data .title .team-time:before {
  color: #bfbfbf;
  font-size: .08rem;
  margin-left: .04rem
}
.team-details .team-data .chart {
  border-bottom: .01rem solid #f5f5f5;
  height: 3.18rem;
  margin: 0 .16rem .16rem;
  padding-bottom: .16rem;
  width: clac(3.75rem -.32rem)
}
.team-details .team-data .chart-data {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: .12rem;
  line-height: .17rem;
  margin-bottom: .12rem;
  text-align: center;
  width: 3.75rem
}
.team-details .team-data .chart-data, .team-details .team-data .chart-data .list {
  color: #bfbfbf;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.team-details .team-data .chart-data .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;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: .63rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: .16rem;
  width: 25%
}
.team-details .team-data .chart-data .list p {
  color: #555;
  font-size: .14rem;
  font-weight: 600;
  line-height: .2rem;
  margin-bottom: .02rem
}
.team-details .team-data .chart-data .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: #f7f7f7;
  border-radius: .09rem;
  color: #818181;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .1rem;
  font-weight: 400;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: .04rem;
  padding: .02rem .06rem
}
.team-details .team-data .chart-data .list .rank.height {
  background-color: #fff;
  height: .17rem;
  width: .4rem
}
.team-details .team-data .chart-data .list .rank .ranking {
  color: #0080ff
}
.team-details .team-data .chart-data .list .rank .angle-right {
  font-size: .06rem;
  margin-left: .04rem
}
.team-details .team-data .data-king {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: .28rem
}
.team-details .team-data .data-king .list {
  -webkit-box-flex: 1;
  -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;
  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;
  height: 1.02rem;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative
}
.team-details .team-data .data-king .list .avatar {
  border-radius: 50%;
  height: .52rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .52rem
}
.team-details .team-data .data-king .list .score {
  color: #222;
  font-size: .16rem;
  font-weight: 600;
  line-height: .22rem;
  margin: .04rem 0
}
.team-details .team-data .data-king .list .name {
  color: #555;
  font-size: .14rem;
  font-weight: 400;
  line-height: .2rem;
  text-align: center;
  width: 6em
}
.team-details .team-data .data-king .list .img {
  height: .095rem;
  position: absolute;
  right: .125rem;
  top: .04rem;
  width: .24rem
}
.team-details .team-data .single-game-king {
  margin-bottom: .28rem
}
.team-details .team-data .single-game-king .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;
  height: .55rem;
  padding: .08rem .16rem .08rem .58rem;
  position: relative;
  width: 3.75rem
}
.team-details .team-data .single-game-king .list .avatar {
  border-radius: 50%;
  height: .36rem;
  left: .16rem;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: .1rem;
  width: .36rem
}
.team-details .team-data .single-game-king .list .top {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  color: #222;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  font-weight: 400;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: .2rem;
  margin-bottom: .02rem
}
.team-details .team-data .single-game-king .list .top .score {
  font-weight: 600;
  text-align: center;
  width: .24rem
}
.team-details .team-data .single-game-king .list .bottom {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  color: #bfbfbf;
  font-size: .12rem;
  font-weight: 400;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: .17rem
}
.team-details .team-data .season-data, .team-details .team-data .season-data .left, .team-details .team-data .single-game-king .list .bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.team-details .team-data .season-data .left {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: .6rem !important
}
.team-details .team-data .season-data .left .season {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: #222;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  font-weight: 400;
  height: .44rem;
  -webkit-justify-content: center;
  justify-content: center;
  width: .6rem
}
.team-details .team-data .season-data .left .season:first-child {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  border-bottom: .005rem solid #efefef;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #818181;
  height: .41rem;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-left: .16rem;
  width: .44rem
}
.team-details .team-data .season-data .list, .team-details .team-data .season-data .list div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.team-details .team-data .season-data .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: #222;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  font-size: .14rem;
  font-weight: 400;
  height: .44rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .2rem;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  width: .53rem
}
.team-details .team-data .season-data .list div:nth-child(13), .team-details .team-data .season-data .list div:nth-child(15), .team-details .team-data .season-data .list div:nth-child(17), .team-details .team-data .season-data .list div:nth-child(18) {
  width: .75rem
}
.team-details .team-data .season-data .list:first-child div {
  border-bottom: .005rem solid #efefef;
  color: #bfbfbf;
  height: .41rem;
  line-height: .41rem
}
.team-details .team-data .season-data .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;
  min-width: 50%;
  overflow-x: auto
}
.team-details .calendar-container {
  background-color: rgba(0, 0, 0, .2);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.team-details .calendar-container .calendar {
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 1.51rem;
  padding-top: .41rem;
  width: 100%
}
.team-details .calendar-btn {
  color: #818181;
  font-size: .24rem;
  position: absolute;
  right: .16rem;
  top: .08rem;
  z-index: 9
}
.team__header {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 1.62rem;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  overflow: hidden;
  z-index: 12
}
.team__header, .team__header__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 3.75rem
}
.team__header__content {
  color: #fff;
  font-size: .14rem;
  font-weight: 400;
  height: .96rem;
  padding: 0 .16rem
}
.team__header__content, .team__header__desc {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.team__header__desc {
  color: hsla(0, 0%, 100%, .7);
  font-size: .1rem;
  line-height: .14rem;
  padding-left: .16rem
}
.team__header__desc__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;
  line-height: .18rem
}
.team__header__desc__list--info {
  font-size: .13rem
}
.team__header__desc__list--info span:last-child {
  margin-left: .14rem;
  position: relative
}
.team__header__desc__list--info span:last-child:before {
  background: hsla(0, 0%, 100%, .7);
  content: "";
  height: .08rem;
  left: -.07rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .01rem
}
.team__header__desc__list--link span {
  margin-right: .02rem
}
.team__header__desc__list:first-child {
  color: #fff;
  font-size: .18rem;
  font-weight: 500;
  line-height: .25rem;
  margin-top: 0
}
.team__header__logo {
  height: .7rem;
  left: .16rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .7rem
}
.team__header__img {
  position: absolute;
  right: .16rem;
  top: .23rem
}
.team__header .qmw__progress__bar {
  height: .22rem
}
.team__header .qmw__progress__bar__info {
  height: .18rem;
  line-height: .18rem
}
.team__header .qmw__progress__bar__info__icon:before {
  font-size: .14rem
}
.team__header .qmw__progress__bar__chart {
  height: .04rem
}
.social__user__header {
  background-image: url(../../../images/h5_home_page.png);
  background-repeat: no-repeat;
  background-size: 100% 1.08rem;
  border-bottom: .08rem solid hsla(0, 0%, 98%, .4);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 1.08rem;
  overflow: hidden;
  position: relative;
  width: 3.75rem
}
.social__user__header .follow-btn {
  position: absolute;
  right: .16rem;
  top: 1.24rem
}
.social__user__header .qmw__navigation {
  background-image: url(../../../images/h5_home_page.png);
  background-position: top;
  background-size: 100% 1.08rem
}
.social__user__header .qmw__navigation__content {
  display: none
}
.social__user__header .qmw__sticky__container--fixed .qmw__navigation__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.social__user__info {
  margin-top: .22rem;
  padding: 0 .16rem
}
.social__user__info .user__level {
  height: .22rem;
  width: .22rem
}
.social__user__info__avatar {
  border-radius: 50%;
  height: .7rem;
  width: .7rem
}
.social__user__info__avatar__box {
  height: .7rem;
  position: relative;
  width: .7rem
}
.social__user__info__name {
  color: #222;
  font-size: .21rem;
  font-weight: 600;
  height: .29rem;
  line-height: .29rem;
  margin: .08rem 0 .06rem
}
.social__user__info__content {
  color: #aaa;
  font-size: .12rem;
  font-weight: 400;
  height: .17rem;
  line-height: .17rem
}
.social__user__desc {
  padding: .09rem .16rem .12rem
}
.social__user__desc, .social__user__desc__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.social__user__desc__list {
  color: #bfbfbf;
  font-size: .12rem;
  line-height: .17rem;
  margin-right: .12rem
}
.social__user__desc__list__number {
  color: #555;
  font-size: .16rem;
  line-height: .19rem;
  margin-right: .06rem
}
.social__user__desc__list__name {
  margin-top: .02rem
}
.home_page_container .fixed {
  background-color: #fff;
  margin: 0 !important;
  position: fixed;
  top: .44rem;
  z-index: 99
}
.home_page_container .spacing {
  margin-bottom: .88rem
}
.home_page_container .home-page {
  height: 1.08rem;
  overflow: hidden;
  position: relative;
  width: 3.75rem
}
.home_page_container .home-page .bg_image {
  height: 1.08rem;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 3.75rem
}
.home_page_container .home-page .tab-header {
  background-color: transparent;
  position: relative
}
.home_page_container .home-page .tab-header .left {
  color: #fff
}
.home_page_container .home-page .go_back {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: .44rem;
  line-height: .44rem;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 3.75rem;
  z-index: 20
}
.home_page_container .home-page .go_back .image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  color: #fff;
  content: "";
  display: none;
  -webkit-filter: blur(.275rem);
  filter: blur(.275rem);
  height: .44rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 3.75rem
}
.home_page_container .home-page .go_back .user-info-name {
  display: none
}
.home_page_container .home-page .go_back.in {
  background: #fff;
  position: fixed;
  top: 0;
  z-index: 2
}
.home_page_container .home-page .go_back.in:before {
  background-color: rgba(0, 0, 0, .75);
  content: "";
  height: .44rem;
  position: absolute;
  top: 0;
  width: 3.75rem;
  z-index: -1
}
.home_page_container .home-page .go_back.in .image, .home_page_container .home-page .go_back.in .user-info-name {
  display: block
}
.home_page_container .home-page .go_back .arrow-left {
  left: .16rem;
  position: absolute;
  top: .12rem;
  z-index: 1
}
.home_page_container .home-page .go_back .arrow-left .home {
  background-image: url(../../../images/sprites/mobile_sprite.png);
  background-position: -1.06944rem -.69667rem;
  background-repeat: no-repeat;
  background-size: 1.36278rem auto;
  height: .22rem;
  width: .22rem
}
.home_page_container .theme {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: 500;
  position: relative;
  width: 3.75rem
}
.home_page_container .theme .avatar {
  background-color: #fff;
  border-radius: 50%;
  height: .7rem;
  left: .16rem;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: -.42rem;
  width: .7rem
}
.home_page_container .theme .author-tag {
  background-image: url(../../search/images/icon_blue_v.svg);
  background-size: cover;
  height: .22rem;
  left: .64rem;
  position: absolute;
  top: .06rem;
  width: .22rem
}
.home_page_container .theme .author-tag.author {
  background-image: url(../../search/images/icon_yellow_v.svg)
}
.home_page_container .theme .author-tag.red {
  background-image: url(../../search/images/icon_red_v.svg)
}
.home_page_container .theme .author-tag.gray {
  background-image: url(../../search/images/icon_gray_v.svg)
}
.home_page_container .theme .username {
  -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: .21rem;
  left: .16rem;
  line-height: .29rem;
  margin-top: .36rem;
  padding-left: .16rem;
  top: .36rem
}
.home_page_container .theme .username .icon {
  background: #f7f7f7;
  border-radius: .11rem;
  color: #0080ff;
  font-size: .16rem;
  height: .22rem;
  line-height: .22rem;
  margin-left: .05rem;
  text-align: center;
  width: .22rem
}
.home_page_container .theme .username .icon.female {
  color: hsla(0, 100%, 70%, .7)
}
.home_page_container .theme .address {
  color: hsla(0, 0%, 75%, .7);
  font-size: .12rem;
  line-height: .17rem;
  margin: .09rem .16rem 0
}
.home_page_container .theme .address .m-l-16 {
  margin-left: .08rem
}
.home_page_container .theme .edit-information {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: #f7fafc;
  border-radius: .15rem;
  color: #0080ff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .12rem;
  height: .28rem;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  right: .17rem;
  top: .16rem;
  width: .88rem
}
.home_page_container .theme .likes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  left: .16rem;
  margin: .09rem .16rem .2rem;
  top: .95rem
}
.home_page_container .theme .likes .num-list {
  color: #bfbfbf;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .12rem;
  line-height: .17rem;
  margin-right: .12rem
}
.home_page_container .theme .likes .num-list .number {
  color: #555;
  font-size: .16rem;
  line-height: .19rem;
  margin-right: .06rem
}
.home_page_container .theme .likes .num-list .name {
  margin-top: .02rem
}
.home_page_container .theme:before {
  background: #f7f7f7;
  bottom: -.08rem;
  content: "";
  height: .08rem;
  position: absolute;
  width: 3.75rem
}
.home_page_container .main {
  padding-top: .08rem
}
.home_page_container .main .switch {
  background: #fff;
  color: #818181;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .16rem;
  font-weight: 400;
  height: .44rem;
  line-height: .44rem;
  width: 3.75rem
}
.home_page_container .main .switch .list {
  margin-right: .28rem;
  position: relative
}
.home_page_container .main .switch .list:first-child {
  margin-left: .16rem
}
.home_page_container .main .switch .active {
  color: #222;
  font-weight: 500
}
.home_page_container .main .switch .active:before {
  background: #0080ff;
  border-radius: .03rem;
  bottom: 0;
  content: "";
  height: .02rem;
  left: .1rem;
  position: absolute;
  width: .12rem
}
.home_page_container .main .social-item .social-list {
  border-bottom: .005rem solid #efefef;
  margin: 0 .16rem;
  padding: .16rem 0;
  width: 3.43rem
}
.home_page_container .main .comment-item {
  background-color: #fff;
  min-height: calc(100% - 2.94rem);
  width: 3.75rem
}
.home_page_container .main .comment-item .list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  border-bottom: .005rem solid #efefef;
  color: #555;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: .12rem;
  font-weight: 400;
  padding: .16rem .16rem .17rem;
  position: relative
}
.home_page_container .main .comment-item .list:last-child {
  border-bottom: none
}
.home_page_container .main .comment-item .list .header {
  display: inline-block;
  margin-bottom: .16rem;
  padding-left: .44rem;
  position: relative
}
.home_page_container .main .comment-item .list .header .avatar {
  border-radius: 50%;
  height: .36rem;
  left: 0;
  position: absolute;
  width: .36rem
}
.home_page_container .main .comment-item .list .header .img {
  height: .12rem;
  left: .24rem;
  position: absolute;
  top: .24rem;
  width: .12rem
}
.home_page_container .main .comment-item .list .header .username {
  font-size: .14rem;
  font-weight: 400;
  line-height: .2rem
}
.home_page_container .main .comment-item .list .header .times {
  color: #bfbfbf;
  line-height: .17rem
}
.home_page_container .main .comment-item .list .comments {
  color: #222;
  display: -webkit-box;
  font-size: .17rem;
  line-height: .27rem;
  margin-bottom: .08rem;
  text-align: justify;
  width: 3.43rem;
  word-break: break-all
}
.home_page_container .main .comment-item .list .publish {
  background: hsla(0, 0%, 97%, .5);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: .08rem;
  position: relative;
  width: 3.43rem
}
.home_page_container .main .comment-item .list .publish .avatar {
  border-radius: 50%;
  height: .36rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .36rem
}
.home_page_container .main .comment-item .list .publish .news {
  border-radius: .02rem;
  height: .51rem;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  width: .68rem
}
.home_page_container .main .comment-item .list .publish .content {
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #555;
  display: -webkit-box;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: .14rem;
  height: .42rem;
  line-height: .21rem;
  overflow: hidden;
  padding-right: .08rem
}
.home_page_container .main .comment-item .list .publish .game {
  -webkit-box-flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  color: #555;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: .14rem;
  font-weight: 400;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: .21rem
}
.home_page_container .main .comment-item .list .publish .game .type-of {
  color: #818181
}
.home_page_container .main .comment-item .list .share {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  color: #818181;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .2rem;
  font-weight: 500;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-top: .2rem;
  position: relative;
  width: 100%
}
.home_page_container .main .comment-item .list .share .icon {
  margin-right: .3rem;
  white-space: nowrap;
  width: .15rem
}
.home_page_container .main .comment-item .list .share .icon span {
  font-size: .12rem;
  height: .17rem;
  line-height: .17rem;
  margin-left: .03rem;
  vertical-align: top
}
.home_page_container .main .comment-item .list .share .icon .fa {
  font-size: .2rem;
  vertical-align: top
}
.home_page_container .main .comment-item .list .share .icon-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.home_page_container .main .comment-item .list .share .close {
  font-size: .12rem
}
.home_page_container .main .comment-item .list .share .close.fa-close {
  color: #bfbfbf;
  height: .12rem;
  width: .12rem
}
.home_page_container .main .comment-item .list .share .close.fa-share-list {
  font-size: .24rem
}
.fans_follow_container .fans-follow .list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #bfbfbf;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  height: .76rem;
  padding: 0 .16rem;
  position: relative;
  width: 3.75rem
}
.fans_follow_container .fans-follow .list .avatar {
  border-radius: 50%;
  height: .56rem;
  margin-top: .2rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .56rem
}
.fans_follow_container .fans-follow .list .author-tag {
  background-image: url(../../search/images/icon_blue_v.svg);
  background-size: cover;
  bottom: 0;
  height: .18rem;
  left: .54rem;
  position: absolute;
  width: .18rem
}
.fans_follow_container .fans-follow .list .author-tag.author {
  background-image: url(../../search/images/icon_yellow_v.svg)
}
.fans_follow_container .fans-follow .list .author-tag.red {
  background-image: url(../../search/images/icon_red_v.svg)
}
.fans_follow_container .fans-follow .list .author-tag.gray {
  background-image: url(../../search/images/icon_gray_v.svg)
}
.fans_follow_container .fans-follow .list .username {
  color: #222;
  font-size: .16rem;
  left: .88rem;
  line-height: .22rem;
  position: absolute;
  top: .27rem
}
.fans_follow_container .fans-follow .list .username .people {
  background: #f7f7f7;
  border-radius: .11rem;
  color: #f66;
  font-size: .12rem;
  height: .18rem;
  line-height: .18rem;
  margin-left: .04rem;
  text-align: center;
  width: .18rem
}
.fans_follow_container .fans-follow .list .username .people.male {
  color: #0080ff
}
.fans_follow_container .fans-follow .list .fans {
  color: #bfbfbf;
  font-size: .12rem;
  font-weight: 400;
  left: .88rem;
  line-height: .17rem;
  position: absolute;
  top: .53rem
}
.fans_follow_container .fans-follow .list .follow-btn {
  position: absolute;
  right: .16rem;
  top: .35rem
}
.split {
  background: #f7f7f7;
  height: .08rem;
  width: 3.75rem
}
.relation__topic {
  -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;
  padding-top: .12rem
}
.relation__topic__title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  bottom: .12rem;
  color: #fff;
  display: -webkit-box;
  font-size: .16rem;
  font-weight: 400;
  line-height: .24rem;
  overflow: hidden;
  padding: 0 .12rem;
  position: absolute;
  text-overflow: ellipsis;
  white-space: pre-wrap
}
.relation__topic__cover {
  border-radius: .04rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 1.51rem;
  overflow: hidden;
  position: relative;
  width: 3.43rem
}
.relation__topic__cover__img {
  border-radius: .04rem;
  height: 1.51rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.relation__topic__cover:before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .8));
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8));
  bottom: 0;
  content: "";
  height: .82rem;
  left: 0;
  position: absolute;
  width: 100%
}
.relation__topic__icon {
  background-image: url(../images/text_topic.svg);
  background-repeat: no-repeat;
  background-size: .28rem .18rem;
  height: .18rem;
  left: .12rem;
  position: absolute;
  top: .12rem;
  width: .28rem;
  z-index: 1
}
.relation__topic__btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: #808890;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  height: .44rem;
  -webkit-justify-content: center;
  justify-content: center
}
.relation__topic__btn__icon {
  font-size: .1rem;
  padding-left: .04rem
}
.relation__match, .relation__topic {
  border-top: .08rem solid #f7f7f7
}
.relation__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;
  position: relative
}
.relation__list, .relation__list--singleCover {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.relation__list--singleCover {
  height: .88rem;
  padding-left: .94rem
}
.relation__list--simple {
  border-bottom: .005rem solid #f5f5f5;
  height: .52rem
}
.relation__list--singleCover .relation__list__title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #222;
  display: -webkit-box;
  font-size: .16rem;
  font-weight: 400;
  height: .46rem;
  line-height: .24rem;
  overflow: hidden;
  text-overflow: ellipsis
}
.relation__list--singleCover .relation__list__cover {
  border-radius: .04rem;
  height: .64rem;
  left: 0;
  position: absolute;
  width: .84rem
}
.relation__list--simple .relation__list__title {
  color: #222;
  font-size: .16rem;
  font-weight: 400;
  overflow: hidden;
  padding: 0 0 0 .12rem;
  text-overflow: ellipsis;
  white-space: nowrap
}
.relation__list--simple .relation__list__title--video:after {
  background-image: url(../images/video_icon.svg)
}
.relation__list--simple .relation__list__title--img:after {
  background-image: url(../images/img_icon.svg)
}
.relation__list--simple .relation__list__title--image, .relation__list--simple .relation__list__title--video {
  padding-right: .12rem;
  position: relative
}
.relation__list--simple .relation__list__title--image:after, .relation__list--simple .relation__list__title--video:after {
  content: "";
  height: .12rem;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .12rem
}
.relation__list--simple .relation__list__title:before {
  background-color: #bfbfbf;
  border-radius: 50%;
  content: " ";
  height: .03rem;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .03rem
}
.section__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  border-top: .08rem solid #f7f7f7;
  -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 .16rem .1rem;
  width: 100%
}
.section__item__title {
  color: #222;
  font-size: .18rem;
  font-weight: 500;
  letter-spacing: .02rem;
  margin-top: .2rem
}
.section__item__content {
  padding-top: .08rem
}
.section__item--no-border {
  border-top: none;
  padding-bottom: 0
}
html {
  height: 100%
}
.gallery-container .qmw__navigation {
  background-color: transparent;
  background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(hsla(0, 0%, 6%, .4)));
  background-image: -webkit-linear-gradient(bottom, transparent, hsla(0, 0%, 6%, .4));
  background-image: linear-gradient(0deg, transparent, hsla(0, 0%, 6%, .4))
}
.gallery__header__content {
  -webkit-box-flex: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.gallery__header__content .gallery__header__content__btn {
  background-color: #0080ff;
  color: #fff
}
.gallery__header__info {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}
.gallery__header__info, .gallery__header__info__basic {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.gallery__header__info__basic {
  margin: 0 .08rem 0 .06rem;
  position: relative
}
.gallery__header__info__desc {
  -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
}
.gallery__header__info__avatar {
  border-radius: 50%;
  height: .24rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .24rem
}
.gallery__header__info__name {
  color: #fff;
  font-size: .11rem
}
.gallery__header__info__time {
  color: hsla(0, 0%, 100%, .67);
  font-size: .1rem
}
.gallery__header__info .user__level {
  height: .09rem;
  width: .09rem
}
.gallery-container {
  background: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  height: 100%;
  overflow: hidden;
  width: 3.75rem
}
.gallery-container .open__dl__page__btn {
  bottom: calc(.6rem + env(safe-area-inset-bottom))
}
.gallery-container > .main {
  height: 100%;
  position: relative
}
.gallery-container .photo-slide {
  height: 100%;
  overflow: hidden;
  width: 100%
}
.gallery-container .photo-slide .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;
  overflow-x: hidden;
  width: 100%
}
.gallery-container .photo-slide .swiper-slide img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.gallery-container .detail {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(hsla(0, 0%, 6%, .8)));
  background: -webkit-linear-gradient(top, transparent, hsla(0, 0%, 6%, .8));
  background: linear-gradient(180deg, transparent, hsla(0, 0%, 6%, .8));
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  max-width: 3.75rem;
  padding: .37rem .16rem .15rem;
  position: absolute;
  -webkit-transition: height .3s;
  transition: height .3s;
  width: 100%;
  z-index: 9
}
.gallery-container .detail .top {
  -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;
  margin-bottom: .06rem
}
.gallery-container .detail .top .current {
  font-size: .22rem;
  vertical-align: -.005rem
}
.gallery-container .detail .top .fa-angle-down {
  font-size: .18rem;
  -webkit-transition: all .3s;
  transition: all .3s
}
.gallery-container .detail .title {
  font-size: .15rem;
  font-weight: 600;
  line-height: .24rem;
  margin-bottom: .08rem
}
.gallery-container .detail .desc {
  color: hsla(0, 0%, 100%, .75);
  font-size: .14rem;
  font-weight: 400;
  line-height: .24rem;
  max-height: .94rem;
  overflow-y: auto
}
.gallery-container #CommentBar {
  background-color: #0f0f0f
}
.gallery-container #CommentBar .comment_input {
  background-color: hsla(0, 0%, 100%, .06);
  color: hsla(0, 0%, 100%, .33)
}
.gallery-container #CommentBar.light {
  background-color: #fff
}
.gallery-container #CommentBar.light .comment_input {
  background-color: #f7f7f7;
  color: #bfbfbf
}
.gallery-container.slideUp .header {
  height: 0;
  overflow: hidden
}
.gallery-container.slideUp .detail {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: .56rem;
  overflow: hidden;
  padding: 0 .16rem;
  width: 100%
}
.gallery-container.slideUp .detail .top {
  height: .56rem;
  line-height: .56rem
}
.gallery-container.slideUp .detail .fa-angle-down {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
#galleryCommentList {
  background-color: rgba(0, 0, 0, .2);
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  max-height: 0;
  position: fixed;
  -webkit-transition: max-height .3s;
  transition: max-height .3s;
  width: 3.75rem;
  z-index: 21
}
#galleryCommentList .header {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background-color: #fff;
  border-radius: .12rem .12rem 0 0;
  color: #222;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .18rem;
  font-weight: 500;
  height: .44rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .44rem;
  position: absolute;
  top: .44rem;
  width: 3.75rem;
  z-index: 40
}
#galleryCommentList .header .fa-close {
  color: #555;
  display: inline-block;
  height: .44rem;
  left: .16rem;
  line-height: .44rem;
  position: absolute
}
#galleryCommentList .wrapper {
  background-color: #fff;
  border-radius: .12rem .12rem 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: calc(100% - .44rem);
  margin-top: .44rem;
  overflow-y: auto
}
#galleryCommentList .wrapper .main {
  padding: .44rem .16rem 0
}
#galleryCommentList .wrapper #LoadStatus {
  padding-bottom: .61rem
}
#galleryCommentList.visible {
  max-height: 100vh
}
.wiki_container .details .top {
  border-bottom: .08rem solid #f7f7f7;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #222;
  font-size: .18rem;
  font-weight: 400;
  line-height: .32rem;
  padding: .16rem .16rem .2rem;
  text-align: justify;
  width: 3.75rem;
  word-break: normal
}
.wiki_container .details .top .title {
  color: #222;
  font-size: .23rem;
  font-weight: 500;
  line-height: .32rem;
  margin-bottom: .16rem;
  width: 3.43rem
}
.wiki_container .details .content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #222;
  font-size: .18rem;
  font-weight: 400;
  line-height: .32rem;
  padding: 0 .16rem;
  text-align: justify;
  width: 3.75rem;
  word-break: normal
}
.wiki_container .details .content img {
  border-radius: .02rem;
  display: block;
  margin: .16rem auto;
  max-width: 100%
}
.wiki_container .details .content a {
  color: #0080ff
}
.wiki_container .details .content p {
  margin: .16rem auto;
  word-break: normal
}
.wiki_container .details .content h3 {
  color: #222;
  font-size: .18rem;
  font-weight: 500;
  line-height: .25rem
}
.question-container .question-main__coverBox {
  height: 1.8rem;
  position: relative;
  width: 3.75rem
}
.question-container .question-main__cover {
  height: 1.8rem;
  width: 3.75rem
}
.question-container .question-main__title {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .7)));
  background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .7));
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7));
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: .21rem;
  font-weight: 600;
  line-height: .33rem;
  padding: .2rem .16rem .16rem;
  position: absolute;
  width: 100%
}
.question-container .question-main__summary {
  color: #222;
  font-size: .16rem;
  line-height: .28rem;
  padding: .16rem .16rem .12rem
}
.question-container .question-main__stepList {
  padding-bottom: .08rem
}
.question-container .question-main__info {
  border-bottom: .08rem solid #fafafa;
  border-top: .08rem solid #fafafa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: .14rem
}
.question-container .question-main .info-box__info {
  color: #222;
  font-size: .16rem;
  line-height: .32rem;
  padding: .16rem .16rem 0;
  position: relative
}
.question-container .question-main .info-box__info--fold {
  height: 1.57rem;
  overflow: hidden
}
.question-container .question-main .info-box__info--fold:before {
  background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
  background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff);
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
  bottom: 0;
  content: "";
  display: block;
  height: .36rem;
  position: absolute;
  width: 3.75rem
}
.question-container .question-main .info-box__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: #808890;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  height: .32rem;
  -webkit-justify-content: center;
  justify-content: center
}
.question-container .question-main .info-box__link .fa-double-right {
  font-size: .1rem;
  height: .1rem;
  line-height: .1rem;
  margin-left: .04rem;
  text-align: center;
  width: .1rem
}
.question-container .question-main .til {
  color: #222;
  font-size: .18rem;
  font-weight: 600;
  height: .25rem;
  line-height: .25rem;
  padding: .2rem .16rem 0
}
.question-container .question-main .step-list__list {
  border-color: #fff;
  border-style: solid;
  border-width: .12rem 0;
  padding: 0 .16rem 0 .26rem;
  position: relative
}
.question-container .question-main .step-list__list:before {
  border-right: .04rem solid #f5f5f5;
  content: "";
  display: block;
  height: 100%;
  left: .12rem;
  position: absolute;
  top: 0
}
.question-container .question-main .step-list__index {
  color: #0080ff;
  font-family: BarlowBold;
  font-size: .16rem;
  height: .19rem;
  line-height: .19rem
}
.question-container .question-main .step-list__desc {
  color: #818181;
  font-size: .16rem;
  line-height: .25rem
}
.question-container .question-main__relation {
  padding-top: .2rem
}
.question-container .question-main .relation-box__til {
  padding-top: 0
}
.question-container .question-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .1rem 0 0;
  width: 3.75rem
}
.question-container .question-item__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: 400;
  height: .77rem;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  line-height: .22rem;
  padding: .14rem 1.33rem .14rem .16rem;
  position: relative
}
.question-container .question-item__list .list__title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #222;
  display: -webkit-box;
  font-size: .16rem;
  font-weight: 500;
  line-height: .27rem;
  margin-bottom: .06rem;
  min-height: .32rem;
  overflow: hidden;
  text-overflow: ellipsis
}
.question-container .question-item__list .list__desc {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #818181;
  display: -webkit-box;
  font-size: .14rem;
  height: .2rem;
  line-height: .2rem;
  overflow: hidden;
  text-overflow: ellipsis
}
.question-container .question-item__list .list__cover {
  border-radius: .04rem;
  height: .77rem;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  right: .16rem;
  top: .14rem;
  width: 1.01rem
}
.download-container .download__header__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  color: #222;
  display: none;
  font-size: .16rem;
  font-weight: 600;
  -webkit-justify-content: center;
  justify-content: center
}
.download-container .download__header__logo {
  border-radius: .04rem;
  height: .2rem;
  margin-right: .06rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .2rem
}
.download-container .download__header__title {
  font-size: .16rem
}
.download-container .download-main .top, .download-container .qmw__sticky__container--fixed .download__header__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.download-container .download-main .top {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: .74rem;
  margin: .1rem 0 .28rem;
  padding: 0 .16rem;
  width: 3.75rem
}
.download-container .download-main .top .logo {
  border-radius: .14rem;
  height: .74rem;
  margin-right: .12rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .74rem
}
.download-container .download-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: .13rem;
  font-weight: 400;
  line-height: .18rem
}
.download-container .download-main .top .right .name {
  color: #222;
  font-size: .2rem;
  font-weight: 600;
  line-height: .28rem
}
.download-container .download-main .top .right .label-list {
  background-image: url(../images/text_virus_free.svg);
  background-repeat: no-repeat;
  background-size: .435rem .16rem;
  height: .16rem;
  margin: 0 0 0 .04rem;
  width: .435rem
}
.download-container .download-main .top .right .label-list.official {
  background-image: url(../images/text_official.svg);
  background-size: .355rem .16rem;
  margin-left: .08rem;
  width: .355rem
}
.download-container .download-main .top .right .label-list.no_ads {
  background-image: url(../images/text_no_ads.svg)
}
.download-container .download-main .top .right .center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: .02rem 0 .06rem
}
.download-container .download-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: .12rem
}
.download-container .download-main .top .bottom .in {
  height: .1rem;
  margin-right: .04rem;
  width: .105rem
}
.download-container .download-main .top .bottom .in:last-child {
  margin-right: .06rem
}
.download-container .download-main .top .bottom span {
  margin: 0 .06rem 0 .08rem;
  position: relative
}
.download-container .download-main .top .bottom span:before {
  content: "+";
  font-size: .08rem;
  font-weight: 500;
  height: .11rem;
  line-height: .11rem;
  position: absolute;
  right: -.05rem;
  top: 0;
  width: .05rem
}
.download-container .download-main .introduction-img {
  position: relative;
  width: 3.75rem
}
.download-container .download-main .introduction-img .item {
  -ms-overflow-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 3.9rem;
  overflow-x: scroll;
  scrollbar-width: none;
  white-space: nowrap;
  width: 100%
}
.download-container .download-main .introduction-img .item::-webkit-scrollbar {
  display: none
}
.download-container .download-main .introduction-img .list {
  -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 3.9rem;
  margin-left: .16rem;
  overflow: hidden;
  width: 2.2rem
}
.download-container .download-main .introduction-img .list img {
  border-radius: .16rem;
  height: 3.9rem;
  width: 2.2rem
}
.download-container .download-main .app-introduction {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: .28rem 0 .2rem;
  padding: 0 .16rem;
  width: 3.75rem
}
.download-container .download-main .app-introduction .title {
  color: #222;
  font-size: .18rem;
  font-weight: 600;
  line-height: .25rem
}
.download-container .download-main .app-introduction .introduction {
  color: #818181;
  font-weight: 400;
  height: 2.12rem;
  line-height: .27rem;
  overflow: hidden;
  text-align: justify;
  width: 3.43rem
}
.download-container .download-main .app-introduction .introduction p {
  margin: .12rem 0 0 !important;
  text-align: justify !important
}
.download-container .download-main .app-introduction .introduction p, .download-container .download-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: .16rem !important
}
.download-container .download-main .app-introduction .introduction p:first-child {
  margin-top: .16rem
}
.download-container .download-main .app-introduction .introduction div {
  color: #222;
  font-weight: 600;
  margin-top: .16rem
}
.download-container .download-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: .16rem !important
}
.download-container .download-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;
  color: #808890;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  font-weight: 400;
  height: .28rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .21rem;
  position: relative;
  width: 3.43rem
}
.download-container .download-main .app-introduction .unfold .double-down {
  font-size: .1rem;
  margin-left: .04rem
}
.download-container .download-main .app-introduction .unfold:before {
  background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
  background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff);
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
  content: "";
  height: .36rem;
  position: absolute;
  top: -.36rem;
  width: 3.43rem
}
.download-container .download-main .comment {
  border-top: .08rem solid #fafafa
}
.download-container .download-main .comment .title {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #222;
  font-size: .18rem;
  font-weight: 600;
  line-height: .25rem;
  margin: .2rem 0 .16rem;
  padding-left: .16rem;
  width: 3.75rem
}
.download-container .download-main .comment .progress-bar {
  background: #f5f5f5;
  border-radius: .02rem;
  height: .04rem;
  margin-top: .14rem;
  position: relative;
  width: 1.51rem
}
.download-container .download-main .comment .progress-bar:before {
  border-radius: .02rem;
  content: "";
  height: .04rem;
  position: absolute
}
.download-container .download-main .comment .progress-bar:first-child {
  background: #ddd;
  margin: 0
}
.download-container .download-main .comment .progress-bar:first-child:before {
  background: #ffb324;
  width: 1.43rem
}
.download-container .download-main .comment .progress-bar:nth-child(2):before {
  background: #ffb324;
  width: .08rem
}
.download-container .download-main .comment .score-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .88rem;
  width: 3.75rem
}
.download-container .download-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: #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: .13rem;
  font-weight: 400;
  height: .88rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .18rem;
  width: 1.08rem
}
.download-container .download-main .comment .score-top .left .num {
  color: #222;
  font-size: .54rem;
  font-weight: 700;
  line-height: .6rem;
  margin-bottom: .06rem
}
.download-container .download-main .comment .score-top .left .score {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.download-container .download-main .comment .score-top .score-num {
  margin-right: .05rem;
  position: relative
}
.download-container .download-main .comment .score-top .score-num:before {
  content: "+";
  font-size: .08rem;
  font-weight: 500;
  height: .11rem;
  line-height: .11rem;
  position: absolute;
  right: -.05rem;
  top: 0;
  width: .05rem
}
.download-container .download-main .comment .score-top .stars-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: .08rem .16rem 0
}
.download-container .download-main .comment .score-top .stars-list:first-child {
  margin-top: .06rem
}
.download-container .download-main .comment .score-top .stars-list .in {
  height: .1rem;
  margin-right: .03rem;
  width: .105rem
}
.download-container .download-main .comment .score-top .center {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  width: 1rem
}
.download-container .download-main .comment .score-top .center, .download-container .download-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: .88rem
}
.download-container .download-main .comment .score-top .right {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .09rem 0 .03rem;
  width: 1.67rem
}
.download-container .download-main .comment .comment-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: .32rem;
  padding: 0 .16rem;
  width: 3.75rem
}
.download-container .download-main .comment .comment-item .list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: .28rem;
  padding-left: .44rem;
  position: relative;
  width: 3.43rem
}
.download-container .download-main .comment .comment-item .list:last-child {
  margin-bottom: .12rem
}
.download-container .download-main .comment .comment-item .list .avatar {
  border-radius: 50%;
  height: .36rem;
  left: 0;
  position: absolute;
  top: 0;
  width: .36rem
}
.download-container .download-main .comment .comment-item .list .content {
  color: #222;
  font-size: .16rem;
  font-weight: 400;
  line-height: .27rem;
  text-align: justify;
  width: 2.62rem
}
.download-container .download-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 .download-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 .download-main .comment .top-list .left .name {
  color: #555;
  font-size: .13rem;
  font-weight: 400;
  line-height: .18rem;
  margin-right: .08rem
}
.download-container .download-main .comment .top-list .left .in {
  height: .1rem;
  margin-right: .04rem;
  width: .11rem
}
.download-container .download-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: .1rem;
  font-weight: 600;
  line-height: .14rem
}
.download-container .download-main .comment .top-list .icon i {
  font-size: .18rem;
  height: .18rem;
  width: .18rem
}
.download-container .download-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;
  border-top: .01rem solid #f5f5f5;
  -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;
  margin: 0 .16rem;
  padding: .12rem 0 .61rem;
  width: 3.43rem
}
.download-container .download-main .comment .download-btn .prompt {
  color: #ddd;
  font-size: .13rem;
  font-weight: 400;
  line-height: .18rem;
  margin-bottom: .12rem
}
.download-container .dialog {
  background: rgba(0, 0, 0, .5);
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 3.75rem;
  z-index: 999
}
.download-container .dialog:before {
  background-image: url(../images/dialog_download.png);
  background-size: 2.04rem;
  content: "";
  height: 1.73rem;
  position: absolute;
  right: .16rem;
  top: .34rem;
  width: 2.04rem
}
.dl__page__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: #0080ff;
  border-radius: .25rem;
  bottom: calc(.16rem + env(safe-area-inset-bottom));
  -webkit-box-shadow: 0 0 .16rem rgba(0, 128, 255, .24);
  box-shadow: 0 0 .16rem rgba(0, 128, 255, .24);
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .16rem;
  font-weight: 600;
  height: .49rem;
  -webkit-justify-content: center;
  justify-content: center;
  left: 50%;
  line-height: .22rem;
  position: fixed;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 3rem;
  z-index: 9
}
.dl__page__btn__icon {
  height: .18rem;
  margin-right: .06rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .24rem
}
.vs__container {
  background-color: #fafafa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 100vh;
  padding-bottom: calc(.12rem + env(safe-area-inset-bottom))
}
.vs__container .qmw__navigation__content {
  height: 100%
}
.vs__header__tab, .vs__header__tab__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: 100%
}
.vs__header__tab__list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: #818181;
  font-size: .16rem;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 .14rem;
  position: relative
}
.vs__header__tab__list--active {
  color: #000;
  font-size: .18rem;
  font-weight: 600
}
.vs__header__tab__list--active:before {
  background-color: #0080ff;
  border-radius: .03rem;
  bottom: 0;
  content: "";
  height: .03rem;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: .16rem
}
.vs__main {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: .16rem;
  padding: 0 .12rem;
  width: 100%
}
.vs__main__cover {
  padding-left: .05rem;
  position: absolute;
  width: 1.6rem
}
.vs__banner {
  background-color: #fff;
  border-radius: .08rem
}
.vs__banner, .vs__banner__top {
  overflow: hidden;
  width: 3.51rem
}
.vs__banner__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;
  position: relative
}
.vs__banner__top:before {
  background-image: url(../images/icon_vs.svg);
  background-size: .17rem .22rem;
  content: "";
  height: .22rem;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: .17rem;
  z-index: 99
}
.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: .42rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 .12rem
}
.vs__banner__exchange {
  background-image: url(../images/icon_exchange.svg);
  background-size: .2rem;
  color: #fff;
  height: .2rem;
  position: absolute;
  right: .06rem;
  top: .06rem;
  width: .2rem
}
.vs__banner__info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: .06rem;
  width: .91rem
}
.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: 1.08rem;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  width: 1.71rem
}
.vs__banner__box__slide {
  border-color: transparent;
  border-style: solid;
  height: 0;
  position: absolute;
  top: 0;
  width: .04rem
}
.vs__banner__box--left .vs__banner__box__slide {
  border-width: 1.08rem .07rem 0 0;
  right: -.07rem
}
.vs__banner__box--right .vs__banner__box__slide {
  border-width: 0 0 1.08rem .07rem;
  left: -.07rem
}
.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: .06rem
}
.vs__banner__box--left .vs__banner__exchange {
  left: .06rem;
  right: unset
}
.vs__banner__avatar {
  border-radius: 50%;
  height: .56rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .56rem
}
.vs__banner__name {
  color: #fff;
  font-size: .14rem;
  font-weight: 600;
  height: .2rem;
  line-height: .2rem
}
.vs__banner__desc, .vs__banner__name, .vs__banner__name-en {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.vs__banner__desc, .vs__banner__name-en {
  color: hsla(0, 0%, 100%, .7);
  font-size: .1rem;
  height: .14rem;
  line-height: .14rem;
  margin-top: .02rem
}
.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: .04rem;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .11rem;
  height: .28rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 .06rem;
  width: .82rem
}
.vs__banner__btn__icon {
  margin-right: .04rem
}
.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;
  background-color: #fafafa;
  border-radius: .04rem;
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .12rem;
  font-weight: 600;
  height: .27rem;
  -webkit-justify-content: center;
  justify-content: center;
  width: 1.26rem
}
.vs__banner__selector__icon {
  color: #bfbfbf;
  font-size: .04rem;
  height: .04rem;
  line-height: .04rem;
  margin-left: .04rem;
  width: .08rem
}
.vs__banner__selector--disable {
  color: #aaa
}
.vs__card {
  background-color: #fff;
  border-radius: .08rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: .1rem;
  padding: .12rem 0;
  position: relative;
  width: 3.51rem
}
.vs__card__header {
  padding: 0 .12rem
}
.vs__card__sub-title {
  color: #000;
  font-size: .15rem;
  font-weight: 600;
  height: .29rem;
  line-height: .29rem
}
.vs__desc {
  font-size: .13rem;
  height: .63rem;
  line-height: .21rem;
  padding: .12rem
}
.vs__desc__btn {
  color: #0080ff;
  display: inline
}
.vs__chart__content {
  height: 3.33rem;
  margin-top: -.24rem;
  width: 3.51rem
}
.vs__data__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: .44rem;
  width: 3.51rem
}
.vs__data__list__title {
  color: #555;
  font-size: .12rem;
  text-align: center;
  width: .6rem
}
.vs__data__list__chart {
  background-color: #f7f7f7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .04rem;
  width: .98rem
}
.vs__data__list__chart__content {
  background-color: #bfbfbf;
  border-radius: .02rem;
  height: .04rem
}
.vs__data__list__box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: .02rem;
  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: #000
}
.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: .13rem;
  font-weight: 600;
  text-align: center;
  width: .48rem
}
.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: .13rem;
  -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: -.34rem;
  padding-top: .42rem
}
.vs__data__pagination {
  -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: #f7f7f7;
  border-radius: .16rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .26rem;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  right: .04rem;
  top: 0;
  width: .76rem
}
.vs__data__pagination .swiper-pagination-bullet {
  border-radius: .14rem;
  color: #aaa;
  font-size: .11rem;
  font-weight: 600;
  height: .2rem;
  line-height: .2rem;
  text-align: center;
  width: .34rem
}
.vs__data__pagination .swiper-pagination-bullet-active {
  background-color: #fff;
  color: #000
}
.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;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.vs__hot__title {
  color: #000;
  font-size: .15rem;
  font-weight: 600;
  margin: .16rem 0 .02rem
}
.vs__hot__list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  background-color: #fff;
  border-radius: .08rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: .85rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: .1rem;
  padding: 0 .12rem;
  position: relative;
  width: 3.51rem
}
.vs__hot__list, .vs__hot__list__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.vs__hot__list__info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
  width: .96rem
}
.vs__hot__list__avatar {
  border-radius: 50%;
  height: .45rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .45rem
}
.vs__hot__list__name {
  color: #000;
  font-size: .14rem;
  font-weight: 600;
  height: .2rem;
  line-height: .2rem;
  margin-bottom: .02rem;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.vs__hot__list__desc {
  color: #818181;
  font-size: .1rem;
  font-weight: 400;
  height: .14rem;
  line-height: .14rem
}
.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: 1.47rem
}
.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);
  content: "";
  height: .22rem;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: .17rem
}
.vs__popup {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100vh;
  left: 50%;
  padding-bottom: env(safe-area-inset-bottom);
  padding-top: .5rem;
  position: fixed;
  top: 0;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 3.75rem;
  z-index: 999
}
.vs__popup__header {
  -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: .5rem;
  -webkit-justify-content: center;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.vs__popup__header__slide {
  font-size: .24rem;
  height: .24rem;
  left: .16rem;
  line-height: .24rem;
  position: absolute;
  text-align: center;
  width: .24rem
}
.vs__popup__header__title {
  color: #000;
  font-size: .18rem;
  font-weight: 600
}
.vs__popup__banner {
  -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: .64rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 .16rem .2rem
}
.vs__popup__banner__box {
  position: relative;
  width: 3.43rem
}
.vs__popup__banner__box__close {
  color: #ccc;
  display: none;
  font-size: .18rem;
  height: .18rem;
  line-height: .18rem;
  position: absolute;
  right: .12rem;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .18rem
}
.vs__popup__banner__box__input {
  background-color: #f7f7f7;
  border: none;
  border-radius: .18rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: .36rem;
  outline: none;
  padding: 0 .16rem;
  width: 100%
}
.vs__popup__banner__box__input::-webkit-input-placeholder {
  color: #bfbfbf;
  font-size: .16rem
}
.vs__popup__banner__box__input::-moz-placeholder {
  color: #bfbfbf;
  font-size: .16rem
}
.vs__popup__banner__box__input:-ms-input-placeholder {
  color: #bfbfbf;
  font-size: .16rem
}
.vs__popup__banner__box__input::-ms-input-placeholder {
  color: #bfbfbf;
  font-size: .16rem
}
.vs__popup__banner__box__input::placeholder {
  color: #bfbfbf;
  font-size: .16rem
}
.vs__popup__banner__btn {
  color: #0080ff;
  display: none;
  font-size: .16rem;
  font-weight: 500;
  height: .22rem;
  width: .32rem
}
.vs__popup__content {
  -webkit-box-flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  width: 100%
}
.vs__popup__content__left {
  height: 100%;
  overflow-y: auto;
  padding-bottom: env(safe-area-inset-bottom);
  width: .8rem
}
.vs__popup__content__left__list {
  -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: #f7f7f7;
  color: #818181;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .14rem;
  height: .5rem;
  -webkit-justify-content: center;
  justify-content: center;
  width: .8rem
}
.vs__popup__content__left__list--active {
  background-color: #fff;
  color: #0080ff;
  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;
  padding-bottom: env(safe-area-inset-bottom)
}
.vs__popup__content__right__item {
  display: none
}
.vs__popup__content__right__item__title {
  color: #000;
  font-size: .13rem;
  font-weight: 600;
  height: .18rem;
  padding: 0 .12rem
}
.vs__popup__content__right__item__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: .16rem 0 .2rem
}
.vs__popup__content__right__item--active {
  display: block
}
.vs__popup__content__right__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;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: .99rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: .16rem;
  width: .95rem
}
.vs__popup__content__right__list__avatar {
  border-radius: 50%;
  height: .56rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: .56rem
}
.vs__popup__content__right__list__name {
  color: #000;
  font-size: .14rem;
  font-weight: 400;
  height: .2rem;
  line-height: .2rem;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}
.vs__popup__content__right__list__desc {
  color: #aaa;
  font-size: .11rem;
  height: .16rem;
  line-height: .16rem
}
.vs__popup__content--search {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: none;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.vs__popup__search__item {
  overflow-y: auto
}
.vs__popup__search__item__empty-text {
  color: #bfbfbf;
  font-size: .16rem;
  height: .22rem;
  line-height: .22rem;
  text-align: center
}
.vs__popup__search__item--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__item--empty:before {
  background-image: url(../../../images/sprites/mobile_sprite.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 1.75613rem auto;
  content: "";
  height: 1.26rem;
  margin: .8rem 0 .16rem;
  width: 1.26rem
}
.vs__popup__search__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-pack: distribute;
  -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: .68rem;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  padding: .1rem .16rem .1rem .72rem;
  position: relative;
  width: 100%
}
.vs__popup__search__list__avatar {
  border-radius: 50%;
  height: .48rem;
  left: .16rem;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: .1rem;
  width: .48rem
}
.vs__popup__search__list__name {
  color: #000;
  font-size: .14rem;
  height: .2rem;
  line-height: .2rem
}
.vs__popup__search__list__desc {
  color: #aaa;
  font-size: .12rem;
  height: .17rem;
  line-height: .17rem
}
.vs__popup--search .vs__popup__banner__box {
  width: 2.95rem
}
.vs__popup--search .vs__popup__banner__box__close {
  display: block
}
.vs__popup--search .vs__popup__banner__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.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
}
.about_container #header {
  background-color: #fff;
  color: #222;
  display: none;
  font-size: .18rem;
  font-weight: 500;
  height: .44rem;
  line-height: .44rem;
  position: fixed;
  text-align: center;
  top: 0;
  width: 3.75rem;
  z-index: 1
}
.about_container #header .arrow-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;
  font-size: .24rem;
  height: .44rem;
  -webkit-justify-content: center;
  justify-content: center;
  left: .05rem;
  position: absolute;
  width: .44rem
}
.about_container .disclaimer {
  color: #222;
  font-size: .16rem;
  font-weight: 400;
  line-height: .24rem;
  margin: .69rem .16rem 0
}
.about_container .disclaimer p {
  font-size: .16rem;
  font-weight: 400;
  line-height: .24rem;
  margin-bottom: .12rem;
  word-break: break-all
}
.about_container .disclaimer h3 {
  font-size: .16rem;
  font-weight: 500;
  line-height: .21rem;
  margin: .18rem 0 .12rem
}
.about_container .disclaimer li {
  color: #555;
  font-size: .16rem;
  font-weight: 400;
  line-height: .24rem;
  margin: 0 0 .12rem .32rem;
  position: relative
}
.about_container .disclaimer li:before {
  background: #818181;
  border-radius: 50%;
  content: "";
  height: .08rem;
  left: -.2rem;
  position: absolute;
  top: .06rem;
  width: .08rem
}
.about_container .main .version {
  height: 1.85rem;
  margin-top: .44rem;
  position: relative;
  text-align: center;
  width: 3.75rem
}
.about_container .main .version .logo {
  border-radius: .14rem;
  height: .7rem;
  left: 1.53rem;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: .39rem;
  width: .7rem
}
.about_container .main .version .version-number {
  color: #555;
  font-size: .14rem;
  font-weight: 500;
  line-height: .2rem;
  padding-top: 1.17rem
}
.about_container .main .items {
  padding: 0 .16rem;
  width: 3.43rem
}
.about_container .main .items .list {
  border-bottom: .005rem solid #efefef;
  color: #222;
  display: block;
  font-size: .16rem;
  font-weight: 500;
  height: .56rem;
  line-height: .56rem;
  position: relative
}
.about_container .main .items .list .angle-right {
  color: #bfbfbf;
  font-size: .12rem;
  height: .18rem;
  line-height: .18rem;
  position: absolute;
  right: 0;
  text-align: center;
  top: .19rem;
  width: .18rem
}
.about_container .main .introduction {
  color: #bfbfbf;
  font-size: .14rem;
  font-weight: 400;
  line-height: .2rem;
  margin-top: calc(100vh - 5.14rem);
  position: relative
}
.about_container .main .introduction p {
  bottom: .74rem;
  font-size: .16rem;
  left: .92rem;
  line-height: .22rem;
  position: absolute
}
.about_container .main .introduction span {
  bottom: .5rem;
  left: 1.19rem;
  position: absolute
}
.topic-detail {
  background: #f7f7f7
}
.topic-detail .tab-header {
  color: #000
}
.topic-detail .tab-header .title {
  font-weight: 600;
  height: .25rem;
  line-height: .25rem
}
.topic-detail__banner {
  position: relative;
  width: 100%
}
.topic-detail .topic-banner__coverBox {
  height: 1.96rem;
  position: relative;
  width: 100%;
  z-index: -2
}
.topic-detail .topic-banner__bottom {
  background: #fff;
  border-radius: .08rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: -.38rem .12rem 0;
  padding: .12rem;
  text-align: left
}
.topic-detail .topic-banner .cover-box__cover {
  height: 1.96rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.topic-detail .topic-banner .cover-box:before {
  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;
  content: "";
  height: .82rem;
  left: 0;
  position: absolute;
  width: 100%
}
.topic-detail .topic-banner .cover-box__date {
  border-radius: .06rem;
  -webkit-box-shadow: 0 0 .06rem rgba(0, 0, 0, .08);
  box-shadow: 0 0 .06rem rgba(0, 0, 0, .08);
  color: #183051;
  font-size: .16rem;
  font-weight: 600;
  height: .47rem;
  line-height: .28rem;
  overflow: hidden;
  position: absolute;
  right: .12rem;
  text-align: center;
  top: .11rem;
  width: .57rem
}
.topic-detail .topic-banner .cover-box__date--top {
  background: #0080ff;
  color: #fff;
  font-size: .12rem;
  font-weight: 400;
  height: .2rem;
  line-height: .2rem;
  width: 100%
}
.topic-detail .topic-banner .cover-box__date--bottom {
  background: #fff
}
.topic-detail .topic-banner .topic-bottom__title {
  color: #222;
  font-size: .16rem;
  font-weight: 600;
  line-height: .24rem
}
.topic-detail .topic-banner .topic-bottom__summary {
  color: #818181;
  display: -webkit-box;
  font-size: .14rem;
  line-height: .2rem;
  margin-top: .08rem
}
.topic-detail .topic-banner .topic-bottom__summary--all {
  display: none
}
.topic-detail .topic-banner .topic-bottom__btn--fold {
  font-size: .11rem;
  line-height: .2rem
}
.topic-detail .topic-main .news-item .news-content {
  display: block
}
.topic-detail .topic-main .news-item .news-content-all {
  display: none
}
.topic-detail .topic-main .list {
  background: #fff;
  border-radius: .08rem;
  margin: 0 .12rem .08rem;
  padding: .12rem
}
.topic-detail .topic-main .list__title {
  font-size: .16rem
}
.topic-detail .topic-main .list__desc {
  color: #bfbfbf;
  font-size: .12rem;
  height: .17rem;
  line-height: .17rem
}
.topic-detail .topic-main .list-cover-one {
  padding-right: 1.45rem
}
.topic-detail .topic-main .list .cover-box .cover {
  height: .8rem;
  width: 1.07rem
}
.topic-detail .topic-main .list-cover-big .cover-box .cover {
  height: 1.65rem;
  width: 100%
}
.topic-detail .topic-main .list-cover-one .cover-box {
  right: .12rem
}
.topic-detail .topic-main .list-cover-one .cover-box .cover {
  height: .86rem;
  width: 1.14rem
}
.topic-detail .topic-main .list__publishTime {
  margin-right: .12rem
}
.topic-detail .topic-main__rank, .topic-detail .topic-main__simple {
  margin-top: .1rem
}
.topic-detail .topic-main__time {
  background: #fff;
  border-radius: .08rem;
  margin: .12rem .12rem 0;
  padding-bottom: .2rem;
  padding-top: .12rem
}
.topic-detail .topic-rank .list {
  background: #fff;
  padding-top: .16rem
}
.topic-detail .topic-rank .list__rankIcon {
  background: #ddd;
  border-radius: .04rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: .1rem;
  font-weight: 600;
  height: .16rem;
  left: 0;
  line-height: .16rem;
  min-width: .18rem;
  padding: 0 .04rem;
  position: absolute;
  text-align: center;
  top: 0
}
.topic-detail .topic-rank .list .rank-icon__top--1 {
  background: #f66
}
.topic-detail .topic-rank .list .rank-icon__top--2 {
  background: #ffb324
}
.topic-detail .topic-rank .list .rank-icon__top--3 {
  background: #0080ff
}
.topic-detail .topic-time .list {
  margin: 0 0 .24rem;
  min-height: 0;
  padding: 0 0 0 .14rem;
  position: relative
}
.topic-detail .topic-time .list-container {
  border-left: .01rem solid #f5f5f5;
  margin-left: .2rem;
  padding-right: .12rem
}
.topic-detail .topic-time .list-video .cover-box:before {
  display: none !important
}
.topic-detail .topic-time .list-cover-one {
  padding-right: 0 !important
}
.topic-detail .topic-time .list-cover-one .cover-box {
  height: .49rem;
  width: .65rem
}
.topic-detail .topic-time .list__timeAxis {
  color: #0080ff;
  font-size: .14rem;
  font-weight: 600;
  line-height: .2rem
}
.topic-detail .topic-time .list__circleBox {
  height: .2rem;
  left: -.07rem;
  position: absolute
}
.topic-detail .topic-time .list .circle-box__circle--large, .topic-detail .topic-time .list__circleBox {
  -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
}
.topic-detail .topic-time .list .circle-box__circle--large {
  background: #e8f4ff;
  border-radius: 50%;
  height: .13rem;
  width: .13rem
}
.topic-detail .topic-time .list .circle-box__circle--large--little {
  background: #1f8fff;
  border-radius: 50%;
  height: .07rem;
  width: .07rem
}
.topic-detail .topic-time .list-item {
  background: #f7f7f7;
  border-radius: .08rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: .08rem 0 0;
  min-height: .73rem;
  padding: .12rem .83rem .12rem .12rem;
  position: relative
}
.topic-detail .topic-time .list-item__cover {
  border-radius: .04rem;
  height: .49rem;
  margin: 0;
  position: absolute;
  right: .12rem;
  top: .14rem;
  width: .65rem
}
.topic-detail .topic-time .list .cover-box__time {
  display: none
}
.topic-detail .topic-time .list .cover-box__cover {
  height: .49rem !important;
  width: .65rem !important
}
.topic-detail .topic-time .list:last-child {
  margin-bottom: 0
}
.topic-detail .topic-common {
  padding-bottom: .18rem
}
.topic-detail .topic-common__space {
  display: none;
  height: .46rem
}
.topic-detail .topic-common__btn {
  background: #fff;
  border-radius: .08rem;
  color: #808890;
  font-size: .14rem;
  height: .36rem;
  line-height: .36rem;
  margin: 0 .12rem .08rem;
  text-align: center
}
.topic-detail .topic-common__btn--fold {
  display: none
}
.topic-detail .topic-common__icon {
  font-size: .1rem;
  margin-left: .04rem;
  width: .1rem
}
.topic-detail .topic-common__subtitle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #222;
  font-weight: 600;
  height: .46rem;
  line-height: .46rem;
  padding: 0 .12rem 0 .16rem
}
.topic-detail .topic-common .subtitle-box h2 {
  font-size: .16rem
}
.topic-detail .topic-common .subtitle-box--fixed {
  background-color: #fff;
  position: fixed;
  top: .44rem;
  width: 3.75rem;
  z-index: 9
}
.topic-detail .topic-common .subtitle-box--fixed .subtitle-box__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.signal-container .exception-404 {
  -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;
  height: 1.9rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 1.26rem;
  width: 3.75rem
}
.signal-container .exception-404 .img {
  height: 1.26rem;
  width: 1.26rem
}
.signal-container .exception-404 .content {
  color: #bfbfbf;
  font-size: .16rem;
  line-height: .24rem;
  margin-top: .16rem;
  text-align: center
}
.signal-container .jump-container {
  -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;
  background: #f7f7f7;
  border-radius: .04rem;
  -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: 1.45rem;
  margin: 1.71rem auto 0;
  padding: .28rem .16rem;
  width: 3rem
}
.signal-container .jump-container .title {
  color: #222;
  font-size: .16rem;
  height: .21rem;
  line-height: .21rem;
  width: 100%
}
.signal-container .jump-container .desc {
  color: #818181;
  font-size: .14rem;
  height: .2rem;
  line-height: .2rem;
  margin: .12rem 0 .16rem;
  width: 100%
}
.signal-container .jump-container .btn {
  color: #0080ff;
  font-size: .14rem;
  height: .2rem;
  line-height: .2rem
}
.draft-container {
  padding-bottom: .6rem
}
.draft-container .banner-container .banner {
  height: 1.22rem;
  width: 3.75rem
}
.draft-container .banner-container .desc {
  border-bottom: .08rem solid #fafafa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #13161c;
  font-size: .14rem;
  line-height: .24rem;
  padding: .12rem .16rem .08rem
}
.draft-container .banner-container .desc p {
  margin-bottom: .12rem
}
.draft-container .draft-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .2rem .16rem;
  width: 3.75rem
}
.draft-container .draft-item .list {
  background: #eaeaea;
  border-radius: .12rem;
  margin-top: .28rem;
  overflow: hidden;
  padding-bottom: .16rem;
  width: 3.43rem
}
.draft-container .draft-item .list .top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  background-color: #353f52;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #d4d7de;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: .1rem;
  height: .58rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: .1rem .18rem;
  position: relative
}
.draft-container .draft-item .list .top .name {
  color: #fff;
  font-size: .16rem;
  font-weight: 600;
  height: .22rem;
  line-height: .22rem
}
.draft-container .draft-item .list .top .alias {
  color: #ced1d5;
  font-size: .12rem;
  font-weight: 400;
  line-height: .17rem;
  margin: .03rem 0 0 .06rem
}
.draft-container .draft-item .list .top .rank {
  background-color: #414a5c;
  border-radius: 50%;
  color: #fff;
  font-family: BarlowBold;
  font-size: .15rem;
  height: .28rem;
  line-height: .28rem;
  position: absolute;
  right: .15rem;
  text-align: center;
  top: .15rem;
  width: .28rem
}
.draft-container .draft-item .list:first-child {
  margin-top: 0
}
.draft-container .draft-item .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: .12rem .1rem .16rem .14rem
}
.draft-container .draft-item .content .card {
  border-radius: .04rem;
  overflow: hidden;
  width: 1.47rem
}
.draft-container .draft-item .content .detail {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #13161c;
  font-size: .12rem;
  line-height: .19rem;
  padding-left: .12rem;
  text-align: justify;
  width: 1.72rem
}
.draft-container .draft-item .content .detail .til {
  color: #7e91b7;
  font-weight: 600;
  padding-right: .04rem
}
.draft-container .draft-item .content .detail p {
  margin-top: .16rem
}
.draft-container .draft-item .content .detail p:first-child {
  margin-top: 0
}
.draft-container .draft-item .content .avatar {
  height: 1.68rem;
  width: 1.47rem
}
.draft-container .draft-item .content .desc {
  background-color: #fff;
  border-top: .03rem solid #13161c
}
.draft-container .draft-item .content .count-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .14rem;
  margin-top: .06rem;
  position: relative
}
.draft-container .draft-item .content .count-box:before {
  background-color: #ddd;
  content: "";
  height: .06rem;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: .01rem
}
.draft-container .draft-item .content .data-box {
  -ms-flex-pack: distribute;
  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-around;
  justify-content: space-around;
  padding: .08rem
}
.draft-container .draft-item .bottom {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #13161c;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .1rem;
  height: .24rem;
  padding: 0 .1rem 0 .14rem
}
.draft-container .draft-item .count-list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #13161c;
  font-size: .1rem;
  line-height: .14rem;
  padding-left: .08rem;
  width: 50%
}
.draft-container .draft-item .data-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;
  background-color: #f8f8f8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: .27rem;
  -webkit-justify-content: center;
  justify-content: center;
  width: .29rem
}
.draft-container .draft-item .data-list .title {
  color: #4d5a74;
  font-size: .08rem;
  height: .11rem
}
.draft-container .draft-item .data-list .value {
  color: #13161c;
  font-size: .1rem;
  font-weight: 600;
  height: .14rem
}
.draft-container .draft-item .skill-box {
  -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-left: .12rem
}
.draft-container .draft-item .skill-box .img {
  font-size: 0;
  height: .24rem;
  overflow: hidden;
  width: .24rem
}
.draft-container .draft-item .skill-box .title {
  padding-left: .04rem
}
.draft-container .draft-item .skill-box:first-child {
  margin-left: 0
}
.draft-container .choice {
  background: #13161c;
  border-radius: .08rem;
  bottom: calc(.28rem + env(safe-area-inset-bottom));
  -webkit-box-shadow: 0 0 .08rem rgba(19, 22, 28, .12);
  box-shadow: 0 0 .08rem rgba(19, 22, 28, .12);
  color: #fff;
  font-size: .16rem;
  font-weight: 600;
  height: .44rem;
  left: 50%;
  line-height: .19rem;
  position: fixed;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 2.85rem;
  z-index: 9
}
.draft-container .choice, .loading-status-down {
  -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
}
.loading-status-down {
  color: #bfbfbf;
  font-size: .14rem;
  height: .2rem;
  padding: .14rem 0 .16rem
}
.loading-status-down .loading-status-load .icon {
  margin-right: .05rem
}
.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: #f7fafc;
  border-radius: .15rem;
  color: #0080ff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .12rem;
  font-weight: 500;
  height: .28rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .28rem;
  width: .66rem
}
.follow-btn .fa-plus {
  font-size: .1rem;
  margin-right: .04rem
}
.follow-btn .active_text {
  display: none
}
.follow-btn .un_text {
  display: inline
}
.follow-btn.active {
  background-color: transparent;
  border: .005rem solid #efefef;
  color: #bfbfbf
}
.follow-btn.active .active_text {
  display: inline
}
.follow-btn.active .un_text {
  display: none
}
.follow-btn.active .fa-plus {
  display: none !important
}
.like-icon {
  color: #818181;
  font-size: .12rem
}
.like-icon .fa {
  font-size: .18rem;
  vertical-align: -.01rem
}
.like-icon .fa-thumbs-up {
  display: none
}
.like-icon.active .heart-o {
  background-color: #ffce36 !important
}
.hidden-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none
}
.hidden-scrollbar::-webkit-scrollbar {
  display: none
}
.user-level {
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  height: .12rem;
  position: absolute;
  right: 0;
  width: .12rem
}
.user-level--1 {
  background-image: url(../../search/images/icon_red_v.svg)
}
.user-level--2 {
  background-image: url(../../search/images/icon_yellow_v.svg)
}
.user-level--3 {
  background-image: url(../../search/images/icon_blue_v.svg)
}
.user-level--4 {
  background-image: url(../../search/images/icon_gray_v.svg)
}
.single-line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}