.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  width: 100%;
}

[dir="ltr"] .swiper-horizontal > .swiper-pagination-bullets,
[dir="ltr"] .swiper-pagination-bullets.swiper-pagination-horizontal,
[dir="ltr"] .swiper-pagination-custom,
[dir="ltr"] .swiper-pagination-fraction {
  left: 0;
}

[dir="rtl"] .swiper-horizontal > .swiper-pagination-bullets,
[dir="rtl"] .swiper-pagination-bullets.swiper-pagination-horizontal,
[dir="rtl"] .swiper-pagination-custom,
[dir="rtl"] .swiper-pagination-fraction {
  right: 0;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

[dir="ltr"] .swiper-pagination-vertical.swiper-pagination-bullets,
[dir="ltr"] .swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
}

[dir="rtl"] .swiper-pagination-vertical.swiper-pagination-bullets,
[dir="rtl"] .swiper-vertical > .swiper-pagination-bullets {
  left: 10px;
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  white-space: nowrap;
}

[dir="ltr"] .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
[dir="ltr"] .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
}

[dir="rtl"] .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
[dir="rtl"] .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  right: 50%;
  transform: translateX(50%);
}

[dir="ltr"] .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
[dir="ltr"] .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

[dir="rtl"] .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
[dir="rtl"] .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

[dir="ltr"] .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

[dir="rtl"] .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
}

[dir="ltr"] .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  left: 0;
  transform-origin: left top;
}

[dir="rtl"] .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  right: 0;
  transform-origin: right top;
}

[dir="ltr"] .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

[dir="rtl"] .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: left top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  top: 0;
}

[dir="ltr"] .swiper-horizontal > .swiper-pagination-progressbar,
[dir="ltr"] .swiper-pagination-progressbar.swiper-pagination-horizontal,
[dir="ltr"] .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
[dir="ltr"] .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  left: 0;
}

[dir="rtl"] .swiper-horizontal > .swiper-pagination-progressbar,
[dir="rtl"] .swiper-pagination-progressbar.swiper-pagination-horizontal,
[dir="rtl"] .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
[dir="rtl"] .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  right: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  top: 0;
}

[dir="ltr"] .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
[dir="ltr"] .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
[dir="ltr"] .swiper-pagination-progressbar.swiper-pagination-vertical,
[dir="ltr"] .swiper-vertical > .swiper-pagination-progressbar {
  left: 0;
}

[dir="rtl"] .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
[dir="rtl"] .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
[dir="rtl"] .swiper-pagination-progressbar.swiper-pagination-vertical,
[dir="rtl"] .swiper-vertical > .swiper-pagination-progressbar {
  right: 0;
}

.swiper-pagination-lock {
  display: none;
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a,
img {
  -webkit-touch-callout: none;
  border: 0;
}

blockquote,
body,
dd,
dl,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
ol,
p,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

li {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button:focus,
input:focus,
textarea:focus {
  outline: 0;
}

a,
a:hover {
  text-decoration: none;
}

button,
input,
select,
textarea {
  line-height: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-size: 100%;
}

body {
  font-family: 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', 'microsoft yahei', sans-serif;
  font-size: 0.14rem;
  font-weight: normal;
  line-height: 1.5;
  text-size-adjust: 100% !important;
  -webkit-font-smoothing: antialiased;
}

html {
  font-size: 26.66666667vw;
}

img {
  pointer-events: none;
}

@media (min-width: 480px) {
  html {
    font-size: 128px !important;
  }
}

input {
  background: none;
  outline: none;
  border: none;
  -webkit-appearance: none;
}

input:focus {
  border: none;
}

.wrap {
  position: relative;
  max-width: 3.75rem;
  min-height: 100vh;
  padding-bottom: 0.43rem;
  box-sizing: border-box;
  margin: 0 auto;
  overflow: hidden;
  background-color: #160758;
  color: #fff;
}

.g_mask {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 10;
}

[dir="ltr"] .g_mask {
  left: 0;
}

[dir="rtl"] .g_mask {
  right: 0;
}

.g_mask.show {
  opacity: 1;
  visibility: visible;
}

.icon_spectrum {
  position: absolute;
  bottom: 0;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #a2fffe;
  border-radius: 50%;
  display: flex;
  align-items: center;
  transform: scale(0.5);
  z-index: 1;
}

[dir="ltr"] .icon_spectrum {
  right: 0;
  transform-origin: 100% 100%;
}

[dir="rtl"] .icon_spectrum {
  left: 0;
  transform-origin: 0% 100%;
}

.icon_spectrum em {
  display: block;
  width: 100%;
  height: 0.12rem;
  overflow: hidden;
  color: currentColor;
}

.icon_spectrum i {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 0.04rem;
  height: 0.12rem;
  background-color: currentColor;
  animation: spectrum_ani 0.8s 0.4s linear infinite alternate;
  transform-origin: 50% 100%;
}

.icon_spectrum i::before,
.icon_spectrum i::after {
  content: "";
  position: absolute;
  top: 0;
  width: 0.03rem;
  height: 100%;
  background-color: currentColor;
  transform-origin: 50% 100%;
}

.icon_spectrum i::before {
  animation: spectrum_ani 0.8s 0.1s linear infinite alternate;
}

[dir="ltr"] .icon_spectrum i::before {
  left: -0.07rem;
}

[dir="rtl"] .icon_spectrum i::before {
  right: -0.07rem;
}

.icon_spectrum i::after {
  animation: spectrum_ani 0.8s 0.7s linear infinite alternate;
}

[dir="ltr"] .icon_spectrum i::after {
  right: -0.07rem;
}

[dir="rtl"] .icon_spectrum i::after {
  left: -0.07rem;
}

@keyframes spectrum_ani {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(30%);
  }
}

@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, 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');
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

[dir="ltr"] .swiper-3d .swiper-slide-shadow,
[dir="ltr"] .swiper-3d .swiper-slide-shadow-left,
[dir="ltr"] .swiper-3d .swiper-slide-shadow-right,
[dir="ltr"] .swiper-3d .swiper-slide-shadow-top,
[dir="ltr"] .swiper-3d .swiper-slide-shadow-bottom {
  left: 0;
}

[dir="rtl"] .swiper-3d .swiper-slide-shadow,
[dir="rtl"] .swiper-3d .swiper-slide-shadow-left,
[dir="rtl"] .swiper-3d .swiper-slide-shadow-right,
[dir="rtl"] .swiper-3d .swiper-slide-shadow-top,
[dir="rtl"] .swiper-3d .swiper-slide-shadow-bottom {
  right: 0;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

[dir="ltr"] .swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

[dir="rtl"] .swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

[dir="ltr"] .swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

[dir="rtl"] .swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.banner {
  position: relative;
  height: 4.09rem;
}

.banner_img {
  display: block;
  width: 100%;
  -webkit-mask: linear-gradient(to bottom, #000000 0%, #000000 85%, rgba(0, 0, 0, 0) 95%);
}

.banner_time {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 0.16rem;
  font-size: 0.13rem;
  color: rgba(255, 255, 255, 0.8);
}

.banner_link {
  position: absolute;
  bottom: 0.12rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

[dir="ltr"] .banner_link {
  right: 0;
}

[dir="rtl"] .banner_link {
  left: 0;
}

.banner_link__item {
  height: 0.28rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0.04rem 0.1rem;
  background: rgba(0, 0, 0, 0.4);
  font-size: 0.12rem;
}

[dir="ltr"] .banner_link__item {
  border-radius: 0.56rem 0 0 0.56rem;
}

[dir="rtl"] .banner_link__item {
  border-radius: 0 0.56rem 0.56rem 0;
}

.banner_link__item:not(:first-child) {
  margin-top: 0.08rem;
}

[dir="ltr"] .banner_link__item .rank_item__member {
  margin-left: -0.04rem;
}

[dir="rtl"] .banner_link__item .rank_item__member {
  margin-right: -0.04rem;
}

.rank_item__member {
  position: relative;
  display: flex;
  align-items: center;
}

[dir="ltr"] .rank_item__member {
  margin-right: 0.07rem;
}

[dir="rtl"] .rank_item__member {
  margin-left: 0.07rem;
}

.rank_item__member_avatar {
  position: relative;
  width: 0.2rem;
  height: 0.2rem;
  padding: 1px;
  box-sizing: border-box;
  border-radius: 50%;
}

.rank_item__member_avatar img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  z-index: 1;
}

[dir="ltr"] .rank_item__member_avatar:not(:first-child) {
  margin-left: -0.03rem;
}

[dir="rtl"] .rank_item__member_avatar:not(:first-child) {
  margin-right: -0.03rem;
}

.rank_item__member_avatar:nth-child(1) {
  z-index: 3;
}

.rank_item__member_avatar:nth-child(1):after {
  background: #FFE641;
}

.rank_item__member_avatar:nth-child(2) {
  z-index: 2;
}

.rank_item__member_avatar:nth-child(2):after {
  background: #A1D2FF;
}

.rank_item__member_avatar:nth-child(3) {
  z-index: 1;
}

.rank_item__member_avatar:nth-child(3):after {
  background: #FFBD86;
}

.rank_item__member_avatar:before {
  content: "";
  position: absolute;
  top: -0.05rem;
  width: 0.14rem;
  height: 0.14rem;
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: -1;
}

[dir="ltr"] .rank_item__member_avatar:before {
  right: -0.05rem;
}

[dir="rtl"] .rank_item__member_avatar:before {
  left: -0.05rem;
}

.rank_item__member_avatar:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

[dir="ltr"] .rank_item__member_avatar:after {
  left: 0;
}

[dir="rtl"] .rank_item__member_avatar:after {
  right: 0;
}

.rank_item__member--1:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAbCAMAAABY1h8eAAAAb1BMVEUAAAD/syv/tSz/5kD/tiz/tiz/5ED/5kH/5UL/5kD/ti3/30D/5kH/ti3/uy7/50H/ti3/ryD/50H/tiz/50H/5kL/tSv/5kD/ti3/5UL/3z7/wzD/tyz/5UD/uCr/tSr/50D/30D/5UD/tiz/vC507LWzAAAAInRSTlMAIH9A779g739vXxDf36+fPxDfz7+vn4+PgH9/f1BPMCAgiGkkOQAAAJhJREFUKM+9z9kOhCAMQFHWYWTcZt+31v//RokRIiX4pvfNnNgWtnCyyNsGQGZxZ2Dm19N1bqzxy+WfYhl2AjzTe+A87JbQvcg5pUPzLpoDQN3yGO8Q6j5k6G9i+CXYTEyl7wiGmtG2wfDGUvWGlXXHck7U2Vhtj5WI9OHMpxAv8WQRTHOuh7mp6nb8TlVZlkkosWfZHK1QDz6jE+pb5g3lAAAAAElFTkSuQmCC);
}

.rank_item__member--2:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAbCAMAAABY1h8eAAAAZlBMVEUAAADl5eW1tbXk5OTl5eW0tLS4uLi2travr6+0tLTk5OTj4+O0tLTm5ua0tLTm5ubi4uK0tLTk5OSvr6/f39+0tLTm5ubl5eXk5OS/v7/f39/m5ua1tbW1tbXl5eW0tLTf39+6urrESVSxAAAAHnRSTlMAf38g799fPxCfYEDv37+vUE8wIBDPv5+Qj39vbzA+g9aEAAAAmElEQVQoz73O2Q6DIBBA0UFldavafRnw/3+yhAQpY3is94nkADPw51pTtjs2dRFnbE5QrHmVzeA1Dm/p/+cecQ6nGp0gyBCRhVvGrQRrb34jNvboHlLleMOYWyXQh8kskMYfu1BkyayGvUazb9hrNMvFAvBZiAYL6YlzkenTW6yztoKsajOtpiGjpIOksClPRLWrFBRTcERfTnIR3sOD1SYAAAAASUVORK5CYII=);
}

.rank_item__member--3:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAMAAAC6CgRnAAAAZlBMVEUAAACTSwXtiinsiinphyjvfyCQSwTriCeXTQaPRAWQSgOPSgORSwWRSwSRSwbriSnsiirsiimPSQPvhyjsiSnriSmRSwWSSwXhgiTtiimRSQXsiSiRSgPnhyjriSmRSwXZfSKWTwc0SiFcAAAAHnRSTlMAf3/vQBC/UD8QXyDv79+vn5BQIN/Pz59/b29fTyCxve10AAAAmElEQVQoz7XQ1xKEIAxA0SBIs61ubwH//yeXmQVLGB69r8dIAI5MvYs0Iq9LJpCLktVcQakKh/iREOTnZ0znCfR6bydErCD0ffpZk7HQVY0DR8+0IWMpPzfk3htqyZKXlZykF1jJMaC4kPtAhonczYY1G4KB/rX3qe+nLT4CpTrn7G6SLcSMjdtSlPGwHGV8zBy7FxQzcHQ/4Q0Rnk+MFOUAAAAASUVORK5CYII=);
}

.timeline {
  position: relative;
  text-align: center;
  font-size: 0;
  padding: 0.04rem 0.12rem;
  overflow: auto;
}

.timeline::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.timeline_inner {
  display: inline-flex;
  align-items: center;
}

.timeline_item {
  position: relative;
  flex-shrink: 0;
  width: 1.44rem;
  height: 0.47rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASAAAABeBAMAAABx8tS2AAAAIVBMVEWRRuEAAACRRuKHT+SJO9iTROGRROSKPdmSReOTROGGQ9j3M3kYAAAAC3RSTlMzACwTBi4lDB8ZEtQjvjAAAAH5SURBVGjezdvLTcNQFIThURLbSXYHwiOsCMqGHRIN4AV7kFIA7gB3gDvAJViiUGQfP04H958KvsXYd3wl6/CaPH8WonclT1ZH0JfSp6KBigj6VvrkEXQrQOoAuhMgnwFkhBKtI4hQoqwMIESJ2gA6CJBLANmP0mcXQYDDQ1kZQEcB0gbQ4UPpcwkg+1X67BYQo0QqZxCkRM0MgpSoCCB7UfrkEXQlQOoAehAgVQAhJkgRQIgJkgcQY4LUAYTYsacRhCnRegRhSpSNIE6J2gUE2rEOAu3YAQSZIFk5gSgTpJ1AlAlymUGgHSsDlUhlDyKVqOlBpBIVPYhUonwCgXasg0A7VjbnUelTOIgzQXIHgSZI7SDOjq0cBNqxMlaJVjRQJjPUu3orM9RptgmgewHSBNCb0mdV9iDUh0cPAn2anU2sCnUmVoXMhKrQ3kyoo/VkJtT46EYQ5a56ZQFEODf2AXQtQKoAuhEgdQ8CVWjbQwSq0GYAgSrUDCDWZYyZQOt1kAi0Xh3EmR6NgzjTo3QQZnrszEGg9eogTIW6EYSpkHlEqdB+AoHWq4NA69VBkOmxsjGCTI/9DIJMj2oGgdargxgV2toUMSq0WUCMCjULCLReHQRarw4CrVcHIaZHE0CI6VEGEGF67Gj/dZwjiPCQdRF0fEqeZwv5B5zAmqZsjdAyAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.2);
  transition: width 0.3s, height 0.3s;
}

.timeline_item:first-child {
  width: 1.45rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAABeBAMAAAB1BwSLAAAAHlBMVEWRRuEAAACRRuKHT+SJP9+LPdqRReOQQ+OTReGSReAWWXi1AAAACnRSTlMzACwTBQwfJhgwDc55xQAAAjJJREFUaN7NmjtSw0AQBbv8A8IB8wltygdARUCKICJDN8A3gCoOADcg4MDY0i7aseR4Xp+ggxf0SoMVPN/H0FiBM1oRw+kxowuiqI8YPRHF9ojRF1HMx42WK6I4GTe6Io5m1OiROD5Gjd6IYz5mtCQKPyQkZlQOCYkZwbo3kpgRTIdGl4QyGRpdE8v3wOiOWH4HRivC8EVCeIkkzuoDo3Pi8ENCZEb9kBCZUT8kRGbUD4kctPFsndEX8cxKo2X8jP6LBIES8UWCQIn4tEWgRHzaEh60h0NCZ0ZpSOjMKA0JnRmltCU+aPFpi0DQ+iJBokTKIkGiRMoiQaJEyiJBIWjdkFCaUTsklGbUDgm7QYjdkJAI2jJtkQjaMm1Z/qDEiaFSIpkGlRLJfKBSIpm5oNErWmzQiaOOCpmAzBmJvaPE1DCtIa0NocreUxk6L5H0GkHntZZebOi8aNOrFp1X/56mNRLqkYWZIfIRsmOWjF5QYdsZCbV/3RoJDWlhO1D5mp1nZKh88c8zMkT+iuyZ1K2RyJ+j9MTORiJFsumMJH5kd1SdkcLP/lwihZFE2k6zkcyQ1slI4yKin5EhcTVSXo4gcVlTXtcgcX1UnrIhcaG1pymNFIpkYQniD0Y7Zt5IIG233kggbeveSGNIC8sgcHnsZmQIXGf7C20ELthT0CaIv/JPQeuM4otk44wUbjQrZyRwxzqxgVFw2k6dkcKQ1s5IYUiVMxIY0sS8Uc/DbQyfVvAHefSXXsNUl24AAAAASUVORK5CYII=);
}

.timeline_item.end {
  color: rgba(255, 255, 255, 0.6);
}

.timeline_item.current {
  color: #0E004F;
  z-index: 1;
}

.timeline_item.current:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 1.58rem;
  height: 0.55rem;
  background: url(data:image/png;base64,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);
  background-size: 100% 100%;
}

[dir="ltr"] .timeline_item.current:before {
  left: 50%;
  transform: translate(-50%, -50%);
}

[dir="rtl"] .timeline_item.current:before {
  right: 50%;
  transform: translate(50%, -50%);
}

[dir="ltr"] .timeline_item:not(:last-child) {
  margin-right: -0.09rem;
}

[dir="rtl"] .timeline_item:not(:last-child) {
  margin-left: -0.09rem;
}

.timeline_item__tit {
  position: relative;
  font-size: 0.12rem;
}

.timeline_item__txt {
  position: relative;
  font-size: 0.09rem;
}

.track {
  display: flex;
  overflow: auto;
}

.track::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.track_item {
  position: relative;
  flex-shrink: 0;
  flex: 1;
  min-width: 1.2rem;
  text-align: center;
  box-sizing: border-box;
  padding: 0.05rem 0.1rem 0.16rem 0.1rem;
  margin-top: 0.25rem;
  line-height: 0.17rem;
  background: linear-gradient(0, rgba(255, 255, 255, 0.1) 0%, rgba(21, 241, 144, 0) 100%);
  font-size: 0.16rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.4);
}

.track_item.current {
  background: linear-gradient(0, rgba(21, 241, 144, 0.3) 0%, rgba(21, 241, 144, 0) 100%);
  color: #15F190;
}

.track_item.current:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: currentColor;
}

[dir="ltr"] .track_item:not(:first-child) {
  margin-left: 0.02rem;
}

[dir="rtl"] .track_item:not(:first-child) {
  margin-right: 0.02rem;
}

.today_box {
  display: flex;
  margin: 0 0.1rem;
  padding: 0.2rem 0.15rem;
  margin-top: 0.25rem;
}

[dir="ltr"] .today_box {
  background: linear-gradient(180deg, rgba(147, 70, 224, 0.2) 0%, rgba(147, 70, 224, 0.06) 100%);
}

[dir="rtl"] .today_box {
  background: linear-gradient(-180deg, rgba(147, 70, 224, 0.2) 0%, rgba(147, 70, 224, 0.06) 100%);
}

.today_box__bd {
  flex: 1;
  width: 0;
}

.today_box__ft {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

[dir="ltr"] .today_box__ft {
  padding-left: 0.1rem;
}

[dir="rtl"] .today_box__ft {
  padding-right: 0.1rem;
}

.today_box__tit {
  font-size: 0.15rem;
  font-weight: bold;
}

.today_box__txt {
  word-wrap: break-word;
  font-size: 0.12rem;
  color: rgba(255, 255, 255, 0.8);
}

.today_box__status {
  padding: 0 0.12rem;
  min-width: 0.8rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.12rem;
  background: rgba(147, 70, 224, 0.3);
  font-size: 0.15rem;
  font-weight: bold;
}

.awards {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.25rem;
}

.mod_title {
  position: relative;
  min-width: 0.94rem;
  height: 0.28rem;
  padding: 0 0.06rem;
  margin-bottom: -0.14rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #6F25B9;
  font-size: 0.15rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.8);
  z-index: 1;
}

.mod_title:before,
.mod_title:after {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
}

[dir="ltr"] .mod_title:before {
  left: 0;
  transform: translateX(-100%);
  border-width: 0.14rem 0.12rem 0.14rem 0;
  border-color: transparent #6F25B9 transparent transparent;
}

[dir="rtl"] .mod_title:before {
  right: 0;
  transform: translateX(100%);
  border-width: 0.14rem 0 0.14rem 0.12rem;
  border-color: transparent transparent transparent #6F25B9;
}

[dir="ltr"] .mod_title:after {
  right: 0;
  transform: translateX(100%);
  border-width: 0.14rem 0 0.14rem 0.12rem;
  border-color: transparent transparent transparent #6F25B9;
}

[dir="rtl"] .mod_title:after {
  left: 0;
  transform: translateX(-100%);
  border-width: 0.14rem 0.12rem 0.14rem 0;
  border-color: transparent #6F25B9 transparent transparent;
}

.mod_title i {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.5;
}

[dir="ltr"] .mod_title i:first-child {
  margin-right: 0.08rem;
}

[dir="rtl"] .mod_title i:first-child {
  margin-left: 0.08rem;
}

[dir="ltr"] .mod_title i:last-child {
  margin-left: 0.08rem;
}

[dir="rtl"] .mod_title i:last-child {
  margin-right: 0.08rem;
}

.awards_box {
  margin: 0 auto;
  width: 3.55rem;
  box-sizing: border-box;
  text-align: center;
  padding: 0.25rem 0.1rem 0.22rem;
  overflow: hidden;
}

[dir="ltr"] .awards_box {
  background: linear-gradient(180deg, rgba(147, 70, 224, 0.2) 0%, rgba(147, 70, 224, 0.06) 100%);
}

[dir="rtl"] .awards_box {
  background: linear-gradient(-180deg, rgba(147, 70, 224, 0.2) 0%, rgba(147, 70, 224, 0.06) 100%);
}

.awards_box__tit {
  font-size: 0.16rem;
  font-weight: bold;
}

.awards_box__sub {
  font-size: 0.12rem;
  color: rgba(255, 255, 255, 0.6);
}

.awards_swiper {
  margin: 0 -0.1rem;
  overflow: visible;
}

.awards_swiper .swiper-pagination {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.12rem;
  display: flex;
  justify-content: center;
}

.awards_swiper .swiper-pagination-bullet {
  width: 0.04rem;
  height: 0.04rem;
  margin: 0 0.03rem;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.3;
}

.awards_swiper .swiper-pagination-bullet-active {
  opacity: 1;
}

.awards_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 0.16rem;
}

.awards_list + .awards_box__tit {
  margin-top: 0.26rem;
}

.awards_item {
  width: 1.09rem;
  display: flex;
  flex-direction: column;
}

[dir="ltr"] .awards_item:not(:first-child) {
  margin-left: 0.03rem;
}

[dir="rtl"] .awards_item:not(:first-child) {
  margin-right: 0.03rem;
}

.awards_item:nth-child(n+4) {
  margin-top: 0.16rem;
}

.awards_item__media {
  position: relative;
  width: 0.55rem;
  height: 0.55rem;
  margin: 0 auto -0.27rem;
}

.awards_item__media img {
  height: 100%;
  object-fit: contain;
}

.awards_item__box {
  flex: 1;
  box-sizing: border-box;
  padding: 0.39rem 0.1rem 0.12rem;
}

[dir="ltr"] .awards_item__box {
  background: linear-gradient(180deg, rgba(147, 70, 224, 0.3) 0%, rgba(147, 70, 224, 0.09) 100%);
}

[dir="rtl"] .awards_item__box {
  background: linear-gradient(-180deg, rgba(147, 70, 224, 0.3) 0%, rgba(147, 70, 224, 0.09) 100%);
}

.awards_item__txt {
  font-size: 0.11rem;
  color: rgba(255, 255, 255, 0.6);
}

.rank_wrap {
  margin-top: 0.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rank_box {
  width: 3.55rem;
  padding-top: 0.25rem;
  background: rgba(147, 70, 224, 0.2);
}

.rank_box__tips {
  padding: 0 0.13rem;
  text-align: center;
  font-size: 0.12rem;
  color: rgba(255, 255, 255, 0.6);
}

.rank_box__time {
  margin-top: 0.08rem;
  margin-bottom: 0.19rem;
  text-align: center;
  font-size: 0;
}

.rank_box__time .box {
  position: relative;
  height: 0.16rem;
  display: inline-flex;
  align-items: center;
  padding: 0 0.1rem;
  font-size: 0.12rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}

.rank_box__time .box:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scale(0.5);
  width: 200%;
  height: 200%;
  border-radius: 0.16rem;
  box-sizing: border-box;
  border: 1px solid #fff;
}

[dir="ltr"] .rank_box__time .box:after {
  left: 0;
  transform-origin: 0 0;
}

[dir="rtl"] .rank_box__time .box:after {
  right: 0;
  transform-origin: 100% 0;
}

.rank_tit {
  margin-bottom: 0.16rem;
  font-size: 0.18rem;
  font-weight: bold;
}

.rank_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.16rem;
}

.rank_item {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 0.11rem;
  margin-bottom: 0.25rem;
}

.rank_item.rank_item--1,
.rank_item.rank_item--2,
.rank_item.rank_item--3 {
  flex: 1;
  width: 0;
  flex-direction: column;
  padding: 0 0.1rem 0.15rem;
  margin: 0 0 0.25rem;
  min-height: 1.3rem;
  box-sizing: border-box;
}

.rank_item.rank_item--1:before,
.rank_item.rank_item--2:before,
.rank_item.rank_item--3:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0.32rem;
  bottom: 0;
  pointer-events: none;
}

[dir="ltr"] .rank_item.rank_item--1:before,
[dir="ltr"] .rank_item.rank_item--2:before,
[dir="ltr"] .rank_item.rank_item--3:before {
  background: linear-gradient(180deg, rgba(147, 70, 224, 0.3) 0%, rgba(147, 70, 224, 0.09) 100%);
}

[dir="rtl"] .rank_item.rank_item--1:before,
[dir="rtl"] .rank_item.rank_item--2:before,
[dir="rtl"] .rank_item.rank_item--3:before {
  background: linear-gradient(-180deg, rgba(147, 70, 224, 0.3) 0%, rgba(147, 70, 224, 0.09) 100%);
}

.rank_item.rank_item--1 .rank_item__index,
.rank_item.rank_item--2 .rank_item__index,
.rank_item.rank_item--3 .rank_item__index {
  display: none;
}

.rank_item.rank_item--1 .rank_item__avatar,
.rank_item.rank_item--2 .rank_item__avatar,
.rank_item.rank_item--3 .rank_item__avatar {
  margin: 0 auto -0.32rem;
  box-sizing: border-box;
  padding: 2px;
}

.rank_item.rank_item--1 .rank_item__avatar:after,
.rank_item.rank_item--2 .rank_item__avatar:after,
.rank_item.rank_item--3 .rank_item__avatar:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: currentColor;
}

[dir="ltr"] .rank_item.rank_item--1 .rank_item__avatar:after,
[dir="ltr"] .rank_item.rank_item--2 .rank_item__avatar:after,
[dir="ltr"] .rank_item.rank_item--3 .rank_item__avatar:after {
  left: 0;
}

[dir="rtl"] .rank_item.rank_item--1 .rank_item__avatar:after,
[dir="rtl"] .rank_item.rank_item--2 .rank_item__avatar:after,
[dir="rtl"] .rank_item.rank_item--3 .rank_item__avatar:after {
  right: 0;
}

.rank_item.rank_item--1 .rank_item__avatar:before,
.rank_item.rank_item--2 .rank_item__avatar:before,
.rank_item.rank_item--3 .rank_item__avatar:before {
  content: "";
  position: absolute;
  top: -0.07rem;
  width: 0.27rem;
  height: 0.25rem;
  background-size: 100% 100%;
}

[dir="ltr"] .rank_item.rank_item--1 .rank_item__avatar:before,
[dir="ltr"] .rank_item.rank_item--2 .rank_item__avatar:before,
[dir="ltr"] .rank_item.rank_item--3 .rank_item__avatar:before {
  right: -0.07rem;
}

[dir="rtl"] .rank_item.rank_item--1 .rank_item__avatar:before,
[dir="rtl"] .rank_item.rank_item--2 .rank_item__avatar:before,
[dir="rtl"] .rank_item.rank_item--3 .rank_item__avatar:before {
  left: -0.07rem;
}

.rank_item.rank_item--1 .rank_item__avatar--square:before,
.rank_item.rank_item--2 .rank_item__avatar--square:before,
.rank_item.rank_item--3 .rank_item__avatar--square:before {
  top: -0.1rem;
}

[dir="ltr"] .rank_item.rank_item--1 .rank_item__avatar--square:before,
[dir="ltr"] .rank_item.rank_item--2 .rank_item__avatar--square:before,
[dir="ltr"] .rank_item.rank_item--3 .rank_item__avatar--square:before {
  right: -0.1rem;
}

[dir="rtl"] .rank_item.rank_item--1 .rank_item__avatar--square:before,
[dir="rtl"] .rank_item.rank_item--2 .rank_item__avatar--square:before,
[dir="rtl"] .rank_item.rank_item--3 .rank_item__avatar--square:before {
  left: -0.1rem;
}

.rank_item.rank_item--1 .rank_item__avatar--fans:before,
.rank_item.rank_item--2 .rank_item__avatar--fans:before,
.rank_item.rank_item--3 .rank_item__avatar--fans:before {
  top: -0.19rem;
  width: 0.43rem;
  height: 0.43rem;
}

[dir="ltr"] .rank_item.rank_item--1 .rank_item__avatar--fans:before,
[dir="ltr"] .rank_item.rank_item--2 .rank_item__avatar--fans:before,
[dir="ltr"] .rank_item.rank_item--3 .rank_item__avatar--fans:before {
  right: -0.16rem;
}

[dir="rtl"] .rank_item.rank_item--1 .rank_item__avatar--fans:before,
[dir="rtl"] .rank_item.rank_item--2 .rank_item__avatar--fans:before,
[dir="rtl"] .rank_item.rank_item--3 .rank_item__avatar--fans:before {
  left: -0.16rem;
}

.rank_item.rank_item--1 .rank_item__cont,
.rank_item.rank_item--2 .rank_item__cont,
.rank_item.rank_item--3 .rank_item__cont {
  display: block;
  width: initial;
  max-width: 100%;
}

.rank_item.rank_item--1 .rank_item__bd,
.rank_item.rank_item--2 .rank_item__bd,
.rank_item.rank_item--3 .rank_item__bd {
  margin: 0;
  flex: initial;
  width: auto;
  padding-top: 0.45rem;
  text-align: center;
}

.rank_item.rank_item--1 .rank_item__sub,
.rank_item.rank_item--2 .rank_item__sub,
.rank_item.rank_item--3 .rank_item__sub {
  margin-top: 0.06rem;
  margin-bottom: -0.03rem;
}

.rank_item.rank_item--1 .rank_item__data,
.rank_item.rank_item--2 .rank_item__data,
.rank_item.rank_item--3 .rank_item__data {
  margin-top: 0.09rem;
}

.rank_item.rank_item--1 .rank_item__member,
.rank_item.rank_item--2 .rank_item__member,
.rank_item.rank_item--3 .rank_item__member {
  display: none;
}

.rank_item.rank_item--1 .rank_item__ft,
.rank_item.rank_item--2 .rank_item__ft,
.rank_item.rank_item--3 .rank_item__ft {
  width: 100%;
  height: initial;
}

.rank_item.rank_item--1 .rank_item__btn,
.rank_item.rank_item--2 .rank_item__btn,
.rank_item.rank_item--3 .rank_item__btn {
  margin-top: 0.08rem;
}

.rank_item.rank_item--1 {
  margin: 0 0.03rem 0.25rem;
  color: #FFE641;
}

.rank_item.rank_item--1:before {
  top: 0.41rem;
}

.rank_item.rank_item--1 .rank_item__avatar {
  width: 0.79rem;
  height: 0.79rem;
  margin: 0 auto -0.28rem;
}

.rank_item.rank_item--1 .rank_item__avatar:before {
  top: -0.07rem;
  width: 0.32rem;
  height: 0.29rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA6CAMAAAA3Dq9LAAAAdVBMVEUAAAD/5UD/5kH/5kH/30D/5UL/50D/5ED/50D/5kD/5kH/5kH/5kD/50D/5kD/5ED/5ED/5kL/5UH/5EH/5ED/50D/50H/5kD/5ED/5kGtaSvgtzjXqTa3eC363z/NmjPgtznVpzXvzzzvzjz11z7GkDG8gC+0kgi6AAAAGXRSTlMAIN/vEH+/MG9Pz5+PQH9wYK+gkI9fP69fDNhSsAAAAXRJREFUSMftl9tWwjAQRSdNmktbQFDUKVdF/f9PFJrFCjVlhjIvPrAfWd1nMclJL/AvMd6BiGe0Iv8JEZXAVwUiekHAyZfMUGKHudefYMRLFkAyQ41nzEC6tzjjF+DKDK60eKShB4huPsOkPI8WyAqfrspnmDQ6/eroCl/iu8zOTmiuwr0ZTKg19nkjfPXnYm01Zni6wjyv1A7ScA0PN/kVW+Gc1WaFEbJG86t+27YpIoxegMPR7yK2RI3IFdxvYsIXUSM6Ydf5n+wZLym/jT5OgWA26H90/j7ViCBo2udvlE4P+2uiRnSb1n0faxiXsEp+ZAmjEg49P9aIx1R4Zvtz9Hd4gW2C4RMWKWHXfufnsV4qoGkuVnGLQxRz75iHA4+2SpiAQfgfXpiXFI4psLUm8cDhCkLXYcybQk7hACQJhYLbUNWgXxm4FWMxp858igWz/Txlvv2ihHcASYJ2cA8zZvt4ghb46WBYI/sCqEGE8vDgOr+SjHYzFCDJgwAAAABJRU5ErkJggg==);
}

[dir="ltr"] .rank_item.rank_item--1 .rank_item__avatar:before {
  right: -0.07rem;
}

[dir="rtl"] .rank_item.rank_item--1 .rank_item__avatar:before {
  left: -0.07rem;
}

.rank_item.rank_item--1 .rank_item__avatar--fans:before {
  width: 0.51rem;
  height: 0.51rem;
  top: -0.21rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAABmCAMAAAAOARRQAAAAeFBMVEUAAAD/50D/tiv/5kH/tiz/5kH/tiz/tiz/50D/5kD/30D/tiz/tiz/sir/50H/50D/tiz/rzD/5UD/4j//vC3/50L/5kD/tSv/5kH/tS3/tyz/ryD/50L/50D/tiz/tiv/6ED/5UD/4kD/tiz/zTX/5kH/tiz/zjYN1yEsAAAAJXRSTlMAIF/ff+/v359gEL+fIH+/PxB/QDCfj2/Pj1AQr0DPz29QUK9gsuUlOwAAAlBJREFUaN7t1cl24jAQheHyjI2NBxymBjJ0S7z/G7YOxK4m9JGiiysrf7ucLH5klSSazWaz2cTyHck71UqtSFjwooykIElFl6irDQn6iNRgTXJqNapJTpCoH1nOijOR4BQUCXdykpMPkUSuwlOQdAWJWl/HLCA5PGxrkvbCh0ZQoK4KknVUBnBDY/Ms/OBE37lqPhaDNb4YfgicN9IlxPaf34GkcGcuOgSHmeWujKlgmUD9o3ZlTEWH6GJYYc2YCph5V3dWtoypoJnoPpNYMqbCGXCYrUcneN/UialwBhtmdqR7xentmAy7j2Y6xfjocGHBP+Oiz/FNjw8ze7v9J9/sFLuuJcafmUe1KZiNYOMXawhzUm5c0S1hIq/KK/rMeFV0SZAi8qroLUE6v4ruCRF4VjQ4zJ6VpeBiuKL3gsPMFX2AxmwR+VV0RZCgi3wqKTE05K7o34QLFt+p8OHEQztrhTX0nDxyVvh6furLOSrW6xlfEFdYSRMIjo6KDmkSnb2ie5pGH1kqlsMJjzZX2JKms+HKYydsaSodVx6l5dcT2m5bsGMqFll5NwmxzsAB/KMdsnB8EKrr3xUhDqmjw9tUfh5cKNSn2q08EB3GTYuh9Whm26bsyXEPtS9sf7aelZIwsVclrQhUaqezHsSEas+OyGtD1fJzGAhXZdbPtL3NSvb0S9RYKvtf4yamjmHGx21ZEav4DgAt/38sG5pWm2oG3CvA9vCmCNh/2ZSGRLQptin4JZrGHt8LnraSIxJ6YFPAKchCEtdmZlNms9lsJu0vissqNA07MGsAAAAASUVORK5CYII=);
}

[dir="ltr"] .rank_item.rank_item--1 .rank_item__avatar--fans:before {
  right: -0.2rem;
}

[dir="rtl"] .rank_item.rank_item--1 .rank_item__avatar--fans:before {
  left: -0.2rem;
}

.rank_item.rank_item--1 .rank_item__avatar--square:before {
  top: -0.1rem;
}

[dir="ltr"] .rank_item.rank_item--1 .rank_item__avatar--square:before {
  right: -0.1rem;
}

[dir="rtl"] .rank_item.rank_item--1 .rank_item__avatar--square:before {
  left: -0.1rem;
}

.rank_item.rank_item--2 {
  order: -1;
  margin-top: 0.19rem;
  color: #A1D2FF;
}

[dir="ltr"] .rank_item.rank_item--2 {
  margin-left: 0.11rem;
}

[dir="rtl"] .rank_item.rank_item--2 {
  margin-right: 0.11rem;
}

.rank_item.rank_item--2 .rank_item__avatar {
  width: 0.64rem;
  height: 0.64rem;
}

.rank_item.rank_item--2 .rank_item__avatar:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAyCAMAAAAgCtj5AAAAb1BMVEUAAACf0P+h0v+i0v+h0/+h0v+fz/+h0f+h0/+h0/+i0v+f0f+h0f+fz/+g0v+h0v+h0v+h0f+fz/+f0/+h0/+f1P+h0v86gMCHvu9tqeB7tOiUyPdHisiUx/eOw/NTldBBhcRzruRgn9hamdNNj8wQtP83AAAAFnRSTlMAIN9/v+8Qz2+vn3A/MI9fT6BQQM8w5MbcRgAAAUtJREFUSMfVlNlugzAURNnMGkKW9mIwkKTt/39jqa30usieyHmpch6RjjAzjKP/JX5rntFqEk9YDRHtwo8oVm0frCW0koRaKWkCT3kmQxptycuT/8MSMmSb52VGlIHs78SWk64OyqmhX0rbMRxQ9nxK4zCxP3smNw6TgOwZQRsqt3UiTAmyB+xg9jbyc/r6UGSA2dsMvWbkaLfE5GDsDdJb9lk4vavWJn/ZrdOb1fxjLq6ycZIXfUouG3rzMIyjlIvS37dw2dCbp97iwmVj7481qQdzzwtujN+lTNnIq2xvVFJKLVGRR5Cj7Q3EFHUXA29Phht7PLmqfAdXHv9akraIrMOevPLbQma+3FyWaMEN5iUBwXQBFh6EodAW8JyDyDyt4yHVSPB6KRYcHrKw1z0WeEh3hGdweEhJGwVxBCUjUlAy9EDJiEP0snwDUDxNc8VTGOUAAAAASUVORK5CYII=);
}

.rank_item.rank_item--2 .rank_item__avatar--fans:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAABWCAMAAABiiJHFAAAAbFBMVEUAAADGxsa1tbW1tbXX19fX19eysrLZ2dnY2Ni0tLTY2Ni1tbW1tbXY2NjY2Ni0tLTZ2dm1tbXZ2dm0tLS0tLTZ2dmzs7O1tbXX19e1tbXZ2dm1tbXY2NjZ2dnX19fU1NTY2Ni0tLTT09O4uLhkdf7OAAAAIHRSTlMAEH+fQCAg79/fn1/vYL+/fz+Pz49vUK+Ab08wz69wMNspNIUAAAHdSURBVFjD7ddZcsIwDIBhOSarsxHK3kWi979jB1DGFILBjnhh8h3gx6MIE2AymbwZpeAFqrQFcbMaEWOQFRd4VMsOdZPi2Uw0myLLQFKLvW/R42bIUiW6B8hq2WWoz2ddApM8bqtAWor4CeK+eWtlxadV6EBYIbtdLMaz6u4TZT++h3VfNcgKr5sWe8qdPWjwkGGvdWYPvzrosJjCMK6S9l0u94XLVZ9sh8zxTLhK2nO5XBej2m24Stp7udjyf3G2LDKegFd2h+xmdX+q7hPZoYxOVn7LdfXQ4qqrU7QOv2vwUuG1YvnVF22VIu+by43nOgcfmyerpLwO+2x14XtzuXnuK4vb7KkqGfC0q5+o0j7wbdFdLQNfQ91VagDEwrZKHxCqyu5XaSXyNmqrLBn5DjJczWGcbrBK6/F/omzV2oq8jHHVmsNo6quvWgoEtNfVBYiI6D8Nr+k2JpHusrWBC0k+F+pSqW1KE+lkfJfl3DJ0FIUsiKZBi+OYc/4UE7C/C7qj0TTiwkxyeqQMme+eHokgxJbccgjT0IBya3g8BsIkJd34UP36NRBqdbMFCX+g5l8iiTFcfmX3/LxGj6GMQEx0OVQ5KuehzkGUOQ11BdJyKiMF4oxOYDKZvLE/D1yfXgXHtBkAAAAASUVORK5CYII=);
}

.rank_item.rank_item--3 {
  margin-top: 0.19rem;
  color: #FFBD86;
}

[dir="ltr"] .rank_item.rank_item--3 {
  margin-right: 0.11rem;
}

[dir="rtl"] .rank_item.rank_item--3 {
  margin-left: 0.11rem;
}

.rank_item.rank_item--3 .rank_item__avatar {
  width: 0.64rem;
  height: 0.64rem;
}

.rank_item.rank_item--3 .rank_item__avatar:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAyCAMAAAAgCtj5AAAAe1BMVEUAAAD/vYb/t4T/vob/vYb/vYT/v4b/vYb/vYb/v3//vYX/vYX/uoX/vYb/vob/vYb/vIj/u4P/vob/v4b/vIP/r3//vYX/vIP/u4f/vYbDeTv4tXz7uYHoomjQiEvwrHPdllrXkFTsqG7inGHLgUTHfT/KgUT0sHj0sHeJO3AuAAAAGXRSTlMA3yC/b38gz58Q74Awr++PT0A/X1AQYF9ASFfcjQAAAWdJREFUSMfVk1lygzAQRBGI1XvsLCMwBu/3P2GElsgOqCn8k8r7FLzSqLsm+FuSlL+iZVS8YHEi2kwfcSm11WSNkYRNtWZSmj7lF2ni3pec7/wPY0aLns9DHskzkL0leXBm0kE5cfqBPziGNcjeElnHEaLsLbl2HAxk71jSLxbD1o4wHGfvqE513ZRkeIPZO+4X0bEnDc7eUdZCcbTR9klogEp7F3/Zm4KGuJet9A7+sufP3lElIf/fd68DZYeMHOX1LL2T2B+u+jZbNvaOQpzL8iIUZ1P2uHdSAZZXlcjNlQ098yJtNzdQtiZPbfSim7LqYnRlA29BmkZorJbmASRzTStaMqTZNgHeynitsuqKHmALPvd5se2uaZsD9VhGW+ABWPCKV3jn5OiuMPDyMW6BheiTSgt6bMiK3oMRwgEvQ4LXi7HQ87CFvc9xwS2SpfAsHF4kNg8mkYGSETEoGXqgZMQ6+Ld8AyvGWIXHsX55AAAAAElFTkSuQmCC);
}

.rank_item.rank_item--3 .rank_item__avatar--fans:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAABXCAMAAABGFileAAAAe1BMVEUAAADceyCrYBi/bBrceyCnYBiqYRndfSCrYRncfCCqYBjefSCqYBiqYBjcfSDdfiCpYRjcfSDdfSCqYBfbeyCoYBjdfSDcfSDdfSDbfCCrYBiqYBfaeiDcfCDcfSCqYRmqYhmqYBipYBeoYRewZRrcfSCqYRnVeR+wZBpszlzxAAAAJXRSTlMAIL8QQCDf3++/n29fP4/vf++fjzAwf2CvgH9vYE/Pz6+vUE/fGLE3NQAAAfhJREFUWMPtlklSwzAQRVsW8RCPOHYImQckuP8JKSMpKhvHQlKzAb+dNy9dv7+6AjMzM3+XJ/gNSMJSfCstGGPPFFublqyjwLU2RyYhuAtjigRQSZgCtxOEKSJApVDeguLWrBTxNuhF6zIQ4aInXAA+kXhu2LywjhR/XPkqkHllgubhi5Q0dksrpXcND3B75zWTPBu874Fdx4znQWo/rLwJM94zqeWBVcckExWWWitvJJ1TFZZaHth1bDoI2qRCa+MlYtxHmyP74liKae28NetTaOWhSEqmmrD8YmvXseHm6FO6EUpdMDs2bMhrWveiESGsbO+YCZntzeWOmbW8xRxXa2MrLTGOa9dbXc7kZ1q+BUtIbdR25GANSSOjllNwYR8ZtCdwg6wntfwCrpB6Qst34M4hGtOqtfmwfqTlvv/bo3FtAJ6QzZiWr8CbtdZqbuDPoVRaTQsIkGiojQEF8sb7BIDDIux7w90CSXziA4Ksr84WnhNrlle4k/O4QhPzcKnec9h9Zf5ira4WXQri4+wSRhvzcYIsD+/ZOIgzbsDRCyujNnZrRWDyVo41Ho84vqglgiPX0SEptGJxGbhy/t4GEWkWep0NOkgizO8ZVVwvzbNs8a73myDx7cSKAh75PdgWUFmqYNHQJY4rCuhsRbDo0BxmZmb+C5+9Z7spdaKkXQAAAABJRU5ErkJggg==);
}

.rank_item__index {
  width: 0.22rem;
  height: 0.22rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(155, 108, 255, 0.3);
  font-size: 0.12rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.6);
}

[dir="ltr"] .rank_item__index {
  margin-right: 0.08rem;
}

[dir="rtl"] .rank_item__index {
  margin-left: 0.08rem;
}

.rank_item__avatar {
  position: relative;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
}

[dir="ltr"] .rank_item__avatar {
  margin-right: 0.1rem;
}

[dir="rtl"] .rank_item__avatar {
  margin-left: 0.1rem;
}

.rank_item__avatar img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  z-index: 1;
}

.rank_item__avatar--square {
  border-radius: 0;
}

.rank_item__avatar--square:before {
  z-index: 2;
}

.rank_item__avatar--square .rank_item__country {
  bottom: 0;
}

[dir="ltr"] .rank_item__avatar--square .rank_item__country {
  left: -0.07rem;
}

[dir="rtl"] .rank_item__avatar--square .rank_item__country {
  right: -0.07rem;
}

.rank_item__country {
  position: absolute;
  bottom: 0.02rem;
  width: 0.15rem;
  height: 0.15rem;
  border-radius: 50%;
  z-index: 1;
}

[dir="ltr"] .rank_item__country {
  left: 0.02rem;
}

[dir="rtl"] .rank_item__country {
  right: 0.02rem;
}

.rank_item__country img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

.rank_item__cont {
  display: flex;
  flex: 1;
  width: 0;
}

.rank_item__bd {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 0;
}

[dir="ltr"] .rank_item__bd {
  margin-right: 0.1rem;
}

[dir="rtl"] .rank_item__bd {
  margin-left: 0.1rem;
}

.rank_item__bd .rank_item__member {
  margin-top: 0.14rem;
}

.rank_item__name {
  min-height: 0.14rem;
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.14rem;
  font-weight: bold;
}

.rank_item__sub {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 0.04rem;
  font-size: 0.11rem;
  color: rgba(255, 255, 255, 0.8);
}

.rank_item__sub + .rank_item__member {
  margin-top: 0.03rem;
}

.rank_item__ft {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 0.8rem;
  text-align: center;
}

.rank_item__data {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -0.02rem;
  font-size: 0.11rem;
  color: rgba(255, 255, 255, 0.8);
}

.rank_item__data .icon_svg {
  width: 0.1rem;
  height: 0.1rem;
  fill: currentColor;
}

[dir="ltr"] .rank_item__data .icon_svg {
  margin-right: 0.02rem;
}

[dir="rtl"] .rank_item__data .icon_svg {
  margin-left: 0.02rem;
}

.rank_item__btn {
  width: 0.8rem;
  height: 0.25rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.16rem;
  background: #15F190;
  font-size: 0.12rem;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.7);
}

.rank_item__btn.disabled {
  opacity: 0.4;
}

.supported {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.25rem;
}

.supported_box {
  width: 3.55rem;
  padding-top: 0.21rem;
  padding-bottom: 0.1rem;
  box-sizing: border-box;
}

[dir="ltr"] .supported_box {
  background: linear-gradient(180deg, rgba(147, 70, 224, 0.2) 0%, rgba(147, 70, 224, 0.06) 100%);
}

[dir="rtl"] .supported_box {
  background: linear-gradient(-180deg, rgba(147, 70, 224, 0.2) 0%, rgba(147, 70, 224, 0.06) 100%);
}

.supported_box__tips {
  padding: 0 0.13rem;
  text-align: center;
  font-size: 0.12rem;
  color: rgba(255, 255, 255, 0.6);
}

.supported_list {
  text-align: center;
  overflow: auto;
  margin-top: 0.1rem;
  padding: 0 0.1rem;
}

.supported_list::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.supported_inner {
  display: inline-flex;
}

.supported_item {
  flex-shrink: 0;
  width: 3.1rem;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0.16rem 0.1rem;
  background: rgba(147, 70, 224, 0.2);
}

[dir="ltr"] .supported_item:not(:first-child) {
  margin-left: 0.03rem;
}

[dir="rtl"] .supported_item:not(:first-child) {
  margin-right: 0.03rem;
}

.supported_item__avatar {
  position: relative;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
}

[dir="ltr"] .supported_item__avatar {
  margin-right: 0.08rem;
}

[dir="rtl"] .supported_item__avatar {
  margin-left: 0.08rem;
}

.supported_item__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

.supported_item__num {
  position: absolute;
  bottom: 0;
  min-width: 0.15rem;
  box-sizing: border-box;
  height: 0.15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.02rem;
  border-radius: 0.15rem;
  background: #9B6CFF;
  font-size: 0.11rem;
  font-weight: bold;
  color: #5C31B6;
}

[dir="ltr"] .supported_item__num {
  left: 0;
}

[dir="rtl"] .supported_item__num {
  right: 0;
}

.supported_item__bd {
  flex: 1;
  width: 0;
}

[dir="ltr"] .supported_item__bd {
  text-align: left;
}

[dir="rtl"] .supported_item__bd {
  text-align: right;
}

.supported_item__name {
  font-size: 0.14rem;
  font-weight: bold;
}

.supported_item__name + .supported_item__txt {
  margin-top: 0.04rem;
}

.supported_item__txt {
  font-size: 0.11rem;
  color: rgba(255, 255, 255, 0.6);
}

.supported_item__txt .point {
  color: #15F190;
}

.supported_item__ft {
  display: flex;
  flex-direction: column;
  width: 0.79rem;
  text-align: center;
}

.supported_item__data {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.11rem;
  color: rgba(255, 255, 255, 0.8);
}

.supported_item__data .icon_svg {
  width: 0.1rem;
  height: 0.1rem;
  fill: currentColor;
}

[dir="ltr"] .supported_item__data .icon_svg {
  margin-right: 0.02rem;
}

[dir="rtl"] .supported_item__data .icon_svg {
  margin-left: 0.02rem;
}

.supported_item__btn {
  width: 0.79rem;
  height: 0.25rem;
  margin: 0.14rem auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.16rem;
  background: #15F190;
  font-size: 0.12rem;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.7);
}

.group_tab {
  text-align: center;
  overflow: auto;
  padding: 0 0.13rem;
  margin: 0.1rem 0;
  -webkit-mask: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000000 5%, #000000 95%, rgba(0, 0, 0, 0) 100%);
}

.group_tab::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.group_tab__inner {
  display: inline-flex;
}

.group_tab__item {
  flex-shrink: 0;
  min-width: 0.67rem;
  height: 0.25rem;
  box-sizing: border-box;
  border-radius: 0.5rem;
  border: 1px solid transparent;
  padding: 0 0.19rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.12rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.6);
}

.group_tab__item.current {
  border-color: currentColor;
  color: #fff;
}

[dir="ltr"] .group_tab__item:not(:first-child) {
  margin-left: 0.06rem;
}

[dir="rtl"] .group_tab__item:not(:first-child) {
  margin-right: 0.06rem;
}

.rank_box__inner {
  margin: 0.15rem 0.13rem;
  background: rgba(147, 70, 224, 0.2);
  overflow: hidden;
}

.rank_box__inner .pk_list {
  padding: 0;
}

.round_tab {
  width: 2.25rem;
  margin: 0.14rem auto 0.04rem;
  text-align: center;
  overflow: auto;
  padding: 0 0.84rem;
  box-sizing: border-box;
  -webkit-mask: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000000 15%, #000000 85%, rgba(0, 0, 0, 0) 100%);
}

.round_tab::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.round_tab__inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.round_tab__item {
  white-space: nowrap;
}

[dir="ltr"] .round_tab__item:not(:first-child) {
  margin-left: 0.38rem;
}

[dir="rtl"] .round_tab__item:not(:first-child) {
  margin-right: 0.38rem;
}

.round_tab__item.current {
  color: #15F190;
}

.round_tab_swiper {
  width: 2.25rem;
  height: 0.28rem;
  margin-top: 0.1rem;
  -webkit-mask: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000000 15%, #000000 85%, rgba(0, 0, 0, 0) 100%);
}

.round_tab_slide {
  width: auto;
  height: 0.28rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rank_box__inner_tips {
  padding: 0 0.1rem;
  text-align: center;
  font-size: 0.12rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}

.rank_box__inner_tit {
  margin-top: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.15rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.8);
}

.rank_box__inner_tit i {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.5;
}

[dir="ltr"] .rank_box__inner_tit i:first-child {
  margin-right: 0.08rem;
}

[dir="rtl"] .rank_box__inner_tit i:first-child {
  margin-left: 0.08rem;
}

[dir="ltr"] .rank_box__inner_tit i:last-child {
  margin-left: 0.08rem;
}

[dir="rtl"] .rank_box__inner_tit i:last-child {
  margin-right: 0.08rem;
}

.pk_list {
  padding: 0 0.13rem;
}

.pk_item {
  min-height: 1.4rem;
  padding: 0.15rem 0.12rem;
  box-sizing: border-box;
  margin: 0.1rem 0;
}

[dir="ltr"] .pk_item {
  background: linear-gradient(180deg, rgba(147, 70, 224, 0.2) 0%, rgba(147, 70, 224, 0) 100%);
}

[dir="rtl"] .pk_item {
  background: linear-gradient(-180deg, rgba(147, 70, 224, 0.2) 0%, rgba(147, 70, 224, 0) 100%);
}

.pk_item__tips {
  height: 0.24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.26rem;
  border-radius: 0.27rem;
  background: rgba(147, 70, 224, 0.2);
  font-size: 0.12rem;
  color: rgba(255, 255, 255, 0.6);
}

.pk_item__bd {
  display: flex;
  align-items: center;
}

.pk_item__grid {
  flex: 1;
  width: 0;
  display: flex;
  align-items: center;
}

.pk_item__grid:last-child {
  flex-direction: row-reverse;
}

[dir="ltr"] .pk_item__grid:last-child .pk_item__avatar {
  margin-right: 0;
  margin-left: 0.08rem;
}

[dir="rtl"] .pk_item__grid:last-child .pk_item__avatar {
  margin-left: 0;
  margin-right: 0.08rem;
}

[dir="ltr"] .pk_item__grid:last-child .pk_item__name {
  text-align: right;
}

[dir="rtl"] .pk_item__grid:last-child .pk_item__name {
  text-align: left;
}

.pk_item__grid.win .pk_item__avatar img {
  box-shadow: 0 0 0 1px #FFE641;
}

.pk_item__grid.win .pk_item__avatar:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 0.75rem;
  height: 0.75rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJcAAACXCAMAAAAvQTlLAAAAe1BMVEUAAAD/6DX/5jv/5D7/5z7/6D7/5j//5j7/5z//5kD/50D/5UD/5kD/5UD/5kD/5kH/5kD/50H/5kD/5kD/50D/5kD/5kD/5kD/5kD/5kD/5kD/5kD/50D/5kD/5kD/5kD/5kD/5kH/5kD/5kD/5kD/50H/5kH/5kD/5kEmvci6AAAAKHRSTlMABQoHDRAXExoeIiUpLTA8QDNENjlITmRsXVlwVXRgS1J7aHh/pMPn1ne5pgAACcFJREFUeNrs2OtyEkEQhmEWVAQRc9CoMYpgErn/K3Rmu3vf6W2UWQ76QzpBY5VlPfX1t03M6DKXucxlLnOZy/wf04yaNCP7SCNf2C//aJo9I9CKOatoMpHfHKz5e7AGFpAJo8YJwDPaQDnS7kF4ZhqmSBrnz/Syaf/E2F7P5kKECQ7jgNjAnUW2R/TiRR9XytpmnicsUFAYZmzAULczqKpMTEjt1Nt0qoh6ycjXzhZlp1NFVjTFCbTT7lJZqKJo2pueDZre2/ZfPRHLq4IojqMBI7QjbykqWJ70Kg62BCtpuI6C9ZpFVpG0mxbWeZIHE5VjedPr/uxMzcOO2mXou8uqj5rlz4gDprIJsCNckRVNs/54G7C4y6PTEpRjedF8Nk8DTXFB5lZ5zH3osrJmGQpQmDI2lulhh7ka7XxolqBEhehNOQXOZNL/CGuGq4ILFipEi0V69XEiI7JZWf7mMBesqPKmRRyTtf5OtlzmyFxio+bwcu1mOdPbYowWMpvefX4JjEUeciKM5VXKcqJl+wkOmkU2Xa+1/eMDYVkFCxesFqWgMNBEZok9P08DbJBMWSzR0pK6a1aGuu5PZwOWZbfb7fU0y7ryNwOvWL9cEpalpSpQt37M1sKI7Pbndvt83SY28KHkP9STyHplO5RaCUpM7/2ITWUGe3hKrDRPy3kfdshFZYs8h5JVVqnpnRuziSxHJok9tqx5DgxYXmT9EkO5dIn0XVWGurIpbCJLf9dgT4klF1YqxiarbwTPoqZFtZyqIN3c3FzdFLousw72dru9lTcld12HuWyLxiItYWlUGRRHaCIrYM/Pcse0+5yKwXFxuEhLwkoqQ33oDTJdpsGeHtO5YJO1MFwND2MZlywxsWSDqFblmM1kJPb142y2O7CmMi+2qKXnSRRWVoG6K0dtHYzE7u/1Hckfseq82CKlL1k5LFGtBPW9GLEhK2BX7+YSWAEbsEfaNY2sVC0NK0d1p6gHxmyrbpndKq+Xc4MRWG1e8WG0LUpasHJUarrvxmySWYbRsXz5zeWbX3tVu9IT1yKw2qzM9FlHbQJbCUyeSn0otfpDA8Nllz67ZIvLJazVSlSQvpU0kQnsXQtrL38b2IzAql3cVLldFhflMhaqRCpHaDkzYHSfwBIMV3XtWSNxyRYdS00fi2lpCQzMuo9ryCLJK8SVXcQlS0wsUYlmI4NMd5nKr90nsPJU1F2wZofLboSdiFT5nJaGBWnz6VNn08gMlgOj+gQ2LC+eRt8utihLhJVIjMgsMdukDywWrKmvFy7adZXjykuEBQrYRmExMBpWW3xcPi9O6vv3GpdUPrM0qy/diCy5gPnAWCSuIXGRl7hkjVJ6KVdOCxUjMOnYw4ME5lxzOWGu+JW1j2vkYdQtSlqi+tqNyQSWAsvHQh5JORVv4iJrXXGNC996tphYpvpR0CyxGNiidpH1LosruSwuWD9kPKzdJM3XRc5TYNFVf1apl741skaNq+1Wq2KASWCp+Sxyd/HHVa5x4dJjr1dC1ihxwRLVer1OL5GFwGLBcL2o2eOIM2HfS7h6yfHSuGyLWcUkF4HhusmuBHNvRTWHlX7Fa/92l2uzEVZwCYxFRpcusv5QxHr5vFjjN4kL1mP6AMYi5VJo8XG5PTYscs+5/+1VpV641q3rUWnAzCWB4XrDYRXX/oJNrF+cCVxX0QVLJrooPnlRfFyjZs+Z6PULlzyO1AtXTsrB/uDiUEyr82riHufxfOHyeUXX5o8ugY3TVLnGQ13EVZ0Xrsp+xe8Kcbmz6vPClVkndrHHff2Kva/Pa3FyF3u8d3kVMC4+dyLmNcfFjw1rXS/3uHbeL+fa4Ap3NTyPw+/qvHfv734Rc7ctTsRQFMdBKtJlocq2ijDqvli63/8bmnDm9p/DnXY2YYa9PiAW5MdJmsnTOE1yWWBUGu8fuHg+AlvdnKgufSHlOscazVwBU1xiMUzMz6FLdcWiW93Lno+wVgcKufhCvrzIxbSQ+YQSg7U6n4g9CmvHjvm9LbblajoYsFJMvzwuXJp/Mc/pG+/Xv5AFZvPVWnm6Slx0LxZEQ/P7xxOKHBgwpvd5fo9rdD3kAwW7E4ystvAQTZVZ1oxpWmiuji8kAwUNydSwWdaigmXrx6W4GFYhrE5YeXL/oCHTArLK0nJ7ab2dnkID+yYcddTA/n2Xi4ZkI0Ay0VCJleMaW9bmhZpGil9/aMjbUGEwKsK6taLHVVximevD/YuZdA3sevXtQgXm+3KgZhUsBtUUl1w04wrMVrZTPTb8bRtzBpOM8o3Mnymu8f1CH8HO1+JSz2dnDphklFTGUu9iB9+asdN1aDZY39/boSLB2JEGVVTOYg+g3fft2b/PI8Xb21PaKL9wrHBv//5VLN8m982vbpcN+X+ndus3wUSjlFUJK1jMcGD1TApxeWDnyzECE6w5H/IDIo6uXmGdbC+auLpcBMbB1fPz0WCnSEyySWXnaXGcBotWpNcztx85decuQD4WXTiAjONHhRUsWtE274mr7wqMnkXpvJaTUclmnEgzqmUxdNG7WlfvtQ657sE4Sp5xgaqquBPgNwKKSqz0bewNjDO16GK1j5mslF8HQKXHD6yjs3D1wA4ZpsQiMslkU4nUqJy1fIjcEdjixY6jwYpMmRWaFzdhikrfRP8q+i2FzrxsDHMYslMNreCsTq4KFp3LWD15MVQQ2BJMoakWrjPBskbMN9N67ogCkwwYsqChKyShpOJiWlXRil+H7mQS2BdcDvMLc7IFKVColBatyBgxfr8w9zFuPUpWKt0uDFVmfRtICxewnJhk0G66IPl1zLtp2SAxfn+VxCSDFgUpslJY6vKw+scIYHSxDEMmGoUpVPR4GpG4ullyOYxbrMhEk6/8kAiVh0Urcm97EMaMJ8O4vA2v1KOL7qGKvFB1yayPCYYMGoVJKG9D0mJE7S5cATOZQhNOvCcK1KKKLdXxNynoZLxJQWYqA9GpQmVdy6cRuDpgdxIjM3C5QKEirOG4GMUcJhmZoZPG3tBxlVi4iGsAhuyQM0PnVf4SFCrSSu+njXcxMnMaPAnzm3PG4mmNa7wtXQYN2+qLhhu/AOmw/FZm4PRLpKj8OiuqLd8XrbRayKClSm+ybsty2Vykhm9G1j/IRFKW1U4vSiMTDZ3VARVRbe0q/xAwDy18lWEpyZRUsLaiIYOmMc0LFLWTipaULHBUZeDx2vV/VMAGDRnlIms/1Q4syQym3zNQn6mICtQ+iTkOpBetl6PaV7agIyP93D8rpwFUVQkptSAT7V/IKBKC9UmlNHDQbPWjT6//gzhm4EMJDQyOwBkFo2AUjIJRMAqGPQAABFdMt+vCmKEAAAAASUVORK5CYII=);
  background-size: 100% 100%;
  pointer-events: none;
}

[dir="ltr"] .pk_item__grid.win .pk_item__avatar:before {
  left: 50%;
  transform: translate(-50%, -50%);
}

[dir="rtl"] .pk_item__grid.win .pk_item__avatar:before {
  right: 50%;
  transform: translate(50%, -50%);
}

.pk_item__grid.win .pk_item__avatar:after {
  content: "";
  position: absolute;
  bottom: -0.04rem;
  width: 0.34rem;
  height: 0.13rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAAaCAMAAADblRF+AAAAV1BMVEUAAAD/5kH/50D/40D/5kH/50D/50H/5ED/30D/50H/5UD/5kD/5kGtaSv11j7rxjvMlzPWpzbBiDD630CycCy3eS7brzfRnzTmvzq3eC3gtznHkDK8gC/ghlfMAAAADHRSTlMA778gf2/fcBCfn3Ck7qNuAAABQ0lEQVQ4y62U0ZKDIAxFEcXabsAKdLXd/v93bogyQvJU632QjMoxRwbUiRk63cMnabRpK0Kr4UhuBeWngWNpLhnRwfF0WxfwTaiTthAJzjkqHCbfCHRhz3ad9E+uBXSy1v7iuFhMwOKO4zjiZaJyBozHAvZobAOKOHzsaeoGe1obITMSTzJgUAbK+PX70RKMZt9LxjNIRqc0AJchlQSjecvOSKNkaNVAEXrdp9cfBCOVihGdYPQK6uDcGCIaeISRSs2wXjAgMbgMLUYulpIxp+4kowcmQ3mAs2tCyXA4P74Zo1FayqwGnoo/qBgurRhjaLFZZpsyJquUV82ASTKMGoDLkApsMoEx4C0YrRIyMamQFalwxsgZN9pzUmbMS/RijCzL9py6wDcxJ51B1Mnhs9AUZ/L1EEKzk93oz5rpdTeo8/IP1r5JpTnkyncAAAAASUVORK5CYII=);
  background-size: 100% 100%;
  z-index: 2;
}

[dir="ltr"] .pk_item__grid.win .pk_item__avatar:after {
  left: 50%;
  transform: translateX(-50%);
}

[dir="rtl"] .pk_item__grid.win .pk_item__avatar:after {
  right: 50%;
  transform: translateX(50%);
}

.pk_item__grid.win .pk_item__name {
  color: #FFE641;
}

.pk_item__grid.lose .pk_item__avatar img {
  opacity: 0.3;
}

.pk_item__grid.lose .pk_item__avatar:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0.36rem;
  height: 0.26rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAzCAMAAAAD1r53AAAAOVBMVEUAAAD///////////////////////////////////////////////////////////////////////8KOjVvAAAAE3RSTlMATDkTBEcmCUIvHCEOFzQrKj49e0dLuQAAAlBJREFUSMftVtuO6yAMPDZgDLk06f9/7AGn2LmsmiarlfZhR61UirA9Yxvz7w8/BN87F79tpX9wmBEDJ/cdMw4DLcHEzCnepdQhdt7WFIZbZijgjk3kfJ1T4ilqYE4t9del8RoYALaN4XmTk0tQEEg38WNykcKoZhAKnmvBHV7kJKBiZi94iB9wymjeY/2jsJK1N41TviCNJwZIVRGATtgaIaITTg+emtsOCsSQA+BFKCWY0yfSmDJdlioWIxuhuulNJzAOtowAbP6hYFzr/ehOpTFina0CwMvJK2J0Z5yic/IrL/IYT+HicJEphq/MDMgt3XkWLXrJOTwRmZ+prgIE7zPWTTGc3nLyCC9QUQEUnawwqFKR48EMT8Z2rv00dHM9K9EFZgYpRycWmwC4r6KeJ9nR3IyypHpWfc1SPrjqtjTuxeGN9gytg8ZCzjItGXMrAVC9fHk/9SUgK6KgGS3SxI2mh1rkXDe0P90q4bMcdjkTivTr1Kj3TbsMAWgbkSCJLmlRuNuW2wGSQmckvEisIvVLu9nRAfloxi45FCnbT1LdYanyuC+3Ix7UlEETKcTWEWk7Z99MWBzUubOQagLiQy2+kUbRIiULybOIW7/Des5mMXNmyJeDekMnEGB/Ko1hbE5JNY7lQylNNs4CnU+LB63TLs61ms+lOab/NSQiBdBCUE6fIbhV2tsloXP2woOKLCQdERc4GTxnu4g0AJ/lWXUJPfdNEL+R5jJyGA7Pqv7eW5VT3KX7FqSt0lDHjaMgzXcfMY91eMylnP/wq/EfcpEP2ffxZ4AAAAAASUVORK5CYII=) center no-repeat;
  background-size: 100%;
}

[dir="ltr"] .pk_item__grid.lose .pk_item__avatar:after {
  left: 50%;
  transform: translate(-50%, -50%);
}

[dir="rtl"] .pk_item__grid.lose .pk_item__avatar:after {
  right: 50%;
  transform: translate(50%, -50%);
}

.pk_item__grid.lose .pk_item__name {
  opacity: 0.3;
}

.pk_item__grid.draw .pk_item__avatar:after {
  content: "";
  position: absolute;
  bottom: -0.04rem;
  width: 0.34rem;
  height: 0.13rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAAaCAMAAADblRF+AAAAY1BMVEUAAADL1N3K1d3L1N7L1N3Lz9fL1d7M1d3Pz9fL093P19/H19/M1d3K1d3L1N1xgpKIlqXAytN8jJy1wMqToa53h5fFz9mptcGYprOCkaCSoK67xc+vu8ajsLyeq7eOnKqdqrdq/irnAAAADnRSTlMAv2/v7yB/3xCAICCfnxRFsFoAAAF/SURBVDjLrZTbeoMgEIQXz2mTFTB4SNT0/Z+yzEKo6V2M/w0fu+44IyodSHNSNb9DrrJv2vKleA+XjUqW8z6KjCIn3s8puuBPECdfOX9CgWdyZrBo8BjY0+vAwEKnwcz8o/XN743frbFumJW3wcK1Ddg7s2kjU4/WrQUP5sEvfmj0i+ulbtFvKNtqoGugEVnRcv5ameqdVCZ0OqmP6FekkoY297X1i2jM5j75Qd+ZMRGmdOiCK6PmTSNM/qfBwacxmIjWxfKE6Wuo9IuXhrpEATXxi0YPC9AYjIk+LCyvCCPdZfJNL9JJXfinwVEDiONo2aQwE9yNYe2iRv2iMWDi5VxwKtbaVu66SFmLMKIIBamtRmfRMRjXCCRRnjiJGsouugSKqqThtFw/R+M6qOJ+IIVJ7wj2IKMmaQQWjhrhPNPTtymM5ijNgZJIbTTsaPipEYzYp+U1hRmwdSnKhYjKD7+58pBvH1S8n+qwfyEoz7wHVdKWMlMFv0OtqoaO4xcvbldsFwaqVgAAAABJRU5ErkJggg==);
  background-size: 100% 100%;
  z-index: 2;
}

[dir="ltr"] .pk_item__grid.draw .pk_item__avatar:after {
  left: 50%;
  transform: translateX(-50%);
}

[dir="rtl"] .pk_item__grid.draw .pk_item__avatar:after {
  right: 50%;
  transform: translateX(50%);
}

.pk_item__avatar {
  position: relative;
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 50%;
}

[dir="ltr"] .pk_item__avatar {
  margin-right: 0.08rem;
}

[dir="rtl"] .pk_item__avatar {
  margin-left: 0.08rem;
}

.pk_item__avatar img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  z-index: 1;
}

.pk_item__name {
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: bold;
  font-size: 0.14rem;
}

.pk_item__vs {
  display: flex;
  align-items: center;
  padding: 0 0.09rem;
  font-size: 0.12rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.4);
}

.pk_item__country {
  width: 0.15rem;
  height: 0.15rem;
  margin: 0 0.05rem;
  border-radius: 50%;
  box-sizing: border-box;
  padding: 1px;
  background: #fff;
}

.pk_item__country img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

[dir="ltr"] .pk_item__country:first-child {
  margin-left: 0;
}

[dir="rtl"] .pk_item__country:first-child {
  margin-right: 0;
}

[dir="ltr"] .pk_item__country:last-child {
  margin-right: 0;
}

[dir="rtl"] .pk_item__country:last-child {
  margin-left: 0;
}

.pk_item__bar {
  position: relative;
  height: 0.24rem;
  margin-top: 0.13rem;
  background: #9346E0;
  border-radius: 0.27rem;
  overflow: hidden;
}

.pk_item__inner {
  position: relative;
  min-width: 25%;
  max-width: 75%;
  height: 100%;
  background: #15F190;
}

.pk_item__inner:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.24rem 0.18rem 0 0.18rem;
  border-color: #15F190 transparent transparent transparent;
}

[dir="ltr"] .pk_item__inner:after {
  right: -0.18rem;
}

[dir="rtl"] .pk_item__inner:after {
  left: -0.18rem;
}

.pk_item__num {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding: 0 0.1rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.12rem;
  font-weight: bold;
}

.pk_item__num .icon_svg {
  width: 0.1rem;
  height: 0.1rem;
  fill: currentColor;
}

[dir="ltr"] .pk_item__num .icon_svg {
  margin-right: 0.02rem;
}

[dir="rtl"] .pk_item__num .icon_svg {
  margin-left: 0.02rem;
}

.pk_item__num_item:nth-child(1) {
  color: rgba(0, 0, 0, 0.6);
}

.pk_item__num_item:nth-child(2) {
  color: rgba(255, 255, 255, 0.6);
}

.pk_item__act {
  display: flex;
  justify-content: space-between;
  margin-top: 0.13rem;
}

.pk_item__btn {
  width: 0.8rem;
  height: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.16rem;
  background: #15F190;
  font-size: 0.12rem;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.7);
}

.pk_item__btn:nth-child(2) {
  background: #9346E0;
  color: #fff;
}

.pk_item__btn.disabled {
  opacity: 0.4;
}

.group_rank__list {
  margin-top: 0.2rem;
}

.group_rank__list + .mod_loading {
  margin-top: -0.18rem;
}

.group_rank__item {
  display: flex;
  align-items: center;
  padding: 0 0.1rem;
  margin-bottom: 0.18rem;
}

.group_rank__item:nth-child(1) .group_rank__index {
  background: #FFE641;
  color: #AD692B;
}

.group_rank__item:nth-child(1) .group_rank__avatar:before {
  background: #FFE641;
}

.group_rank__item:nth-child(2) .group_rank__index {
  background: #A1D2FF;
  color: #3A80C0;
}

.group_rank__item:nth-child(2) .group_rank__avatar:before {
  background: #A1D2FF;
}

.group_rank__item:nth-child(3) .group_rank__index {
  background: #FFBD86;
  color: #C4793B;
}

.group_rank__item:nth-child(3) .group_rank__avatar:before {
  background: #FFBD86;
}

.group_rank__index {
  width: 0.22rem;
  height: 0.22rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(155, 108, 255, 0.3);
  font-size: 0.12rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.6);
}

[dir="ltr"] .group_rank__index {
  margin-right: 0.08rem;
}

[dir="rtl"] .group_rank__index {
  margin-left: 0.08rem;
}

.group_rank__avatar {
  position: relative;
  width: 0.47rem;
  height: 0.47rem;
  box-sizing: border-box;
  padding: 1px;
  border-radius: 50%;
}

[dir="ltr"] .group_rank__avatar {
  margin-right: 0.11rem;
}

[dir="rtl"] .group_rank__avatar {
  margin-left: 0.11rem;
}

.group_rank__avatar:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

[dir="ltr"] .group_rank__avatar:before {
  left: 0;
}

[dir="rtl"] .group_rank__avatar:before {
  right: 0;
}

.group_rank__avatar img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  z-index: 1;
}

.group_rank__bd {
  flex: 1;
  width: 0;
}

.group_rank__name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.14rem;
}

.group_rank__ft {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 0.12rem;
  color: rgba(255, 255, 255, 0.8);
}

.group_rank__data {
  display: flex;
  align-items: center;
}

.group_rank__data .icon_svg {
  width: 0.1rem;
  height: 0.1rem;
  fill: currentColor;
}

[dir="ltr"] .group_rank__data .icon_svg {
  margin-right: 0.02rem;
}

[dir="rtl"] .group_rank__data .icon_svg {
  margin-left: 0.02rem;
}

.mod_popup {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

[dir="ltr"] .mod_popup {
  left: 0;
}

[dir="rtl"] .mod_popup {
  right: 0;
}

.mod_popup__mask {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

[dir="ltr"] .mod_popup__mask {
  left: 0;
}

[dir="rtl"] .mod_popup__mask {
  right: 0;
}

.mod_popup__panel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #160354;
}

.vote_popup__hd {
  padding: 0.13rem;
  display: flex;
  align-items: center;
  background: rgba(147, 70, 224, 0.2);
}

.vote_popup__hd_avatar {
  position: relative;
  width: 0.59rem;
  height: 0.59rem;
  border-radius: 50%;
}

[dir="ltr"] .vote_popup__hd_avatar {
  margin-right: 0.15rem;
}

[dir="rtl"] .vote_popup__hd_avatar {
  margin-left: 0.15rem;
}

.vote_popup__hd_avatar img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

.vote_popup__hd_bd {
  flex: 1;
  overflow: hidden;
}

.vote_popup__hd_name {
  font-size: 0.16rem;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.vote_popup__bd {
  padding-bottom: 0.4rem;
}

.vote_popup__item {
  display: flex;
  padding: 0.12rem 0.1rem;
}

.vote_popup__item_icon {
  width: 0.19rem;
  height: 0.19rem;
}

[dir="ltr"] .vote_popup__item_icon {
  margin-right: 0.1rem;
}

[dir="rtl"] .vote_popup__item_icon {
  margin-left: 0.1rem;
}

.vote_popup__item_icon .icon_svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.vote_popup__item_cont {
  flex: 1;
  overflow: hidden;
}

[dir="ltr"] .vote_popup__item_cont {
  margin-right: 0.2rem;
}

[dir="rtl"] .vote_popup__item_cont {
  margin-left: 0.2rem;
}

.vote_popup__item_tit {
  font-size: 0.16rem;
  font-weight: bold;
}

.vote_popup__item_txt {
  font-size: 0.12rem;
  color: rgba(255, 255, 255, 0.6);
}

.vote_popup__item_txt .point {
  color: #FFF08F;
}

.mod_number {
  display: flex;
}

.mod_number__btn {
  width: 0.24rem;
  height: 0.24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(147, 70, 224, 0.2);
}

.mod_number__btn .icon_svg {
  width: 0.18rem;
  height: 0.18rem;
  fill: currentColor;
}

.mod_number__num {
  width: 0.51rem;
  height: 0.24rem;
  margin: 0 0.03rem;
  box-sizing: border-box;
  padding: 0.03rem 0.06rem;
  border: 1px solid rgba(147, 70, 224, 0.4);
  background: rgba(147, 70, 224, 0.2);
}

.mod_number__num input {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 0.12rem;
  color: #fff;
}

.vote_popup__item_act {
  position: relative;
}

.vote_popup__item_btn {
  width: 1.05rem;
  height: 0.3rem;
  margin-top: 0.12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.16rem;
  background: #15F190;
  font-size: 0.12rem;
  font-weight: bold;
  color: #000;
}

.vote_popup__item_btn.disabled {
  background: rgba(111, 37, 185, 0.3);
  color: rgba(255, 255, 255, 0.3);
}

.vote_popup__item_tips {
  position: absolute;
  white-space: nowrap;
  margin-top: 0.05rem;
  text-align: center;
  font-size: 0.12rem;
  color: rgba(255, 255, 255, 0.4);
}

[dir="ltr"] .vote_popup__item_tips {
  left: 50%;
  transform: translateX(-50%);
}

[dir="rtl"] .vote_popup__item_tips {
  right: 50%;
  transform: translateX(50%);
}

.regional {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.25rem;
}

.regional_box {
  padding-top: 0.14rem;
  width: 100%;
}

.regional_box__tips {
  position: relative;
  padding: 0.1rem;
  text-align: center;
  font-size: 0.12rem;
  color: rgba(255, 255, 255, 0.6);
  z-index: 1;
}

.regional_box__tips + .regional_list {
  margin-top: 0;
}

.regional_list {
  text-align: center;
  padding: 0 0.1rem;
  margin-top: 0.15rem;
  overflow: auto;
}

.regional_list::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.regional_list--final {
  overflow: visible;
}

.regional_list--final .regional_inner {
  flex-wrap: wrap;
}

.regional_list--final .regional_item {
  flex: 1;
}

.regional_list--final .regional_item--1 {
  flex: initial;
  width: 100%;
  height: 1rem;
  margin-top: 0.32rem;
  margin-bottom: 0.03rem;
}

.regional_list--final .regional_item--1 .regional_item__media {
  margin-top: -0.18rem;
  width: 0.79rem;
  height: 0.56rem;
}

.regional_list--final .regional_item--1:before {
  content: "";
  position: absolute;
  top: -0.98rem;
  width: 3.75rem;
  height: 2.02rem;
  background: url(//static.joox.com/pyramid-act/TME-Interaction-Middle-WEB/act/processAct/422/img.light.73e9f084.png);
  background-size: 100% 100%;
  pointer-events: none;
}

[dir="ltr"] .regional_list--final .regional_item--1:before {
  left: 50%;
  transform: translateX(-50%);
}

[dir="rtl"] .regional_list--final .regional_item--1:before {
  right: 50%;
  transform: translateX(50%);
}

[dir="ltr"] .regional_list--final .regional_item--2 {
  margin-left: 0 !important;
}

[dir="rtl"] .regional_list--final .regional_item--2 {
  margin-right: 0 !important;
}

.regional_inner {
  display: inline-flex;
}

.regional_item {
  position: relative;
  flex-shrink: 0;
  width: 1.05rem;
  height: 1.2rem;
  text-align: center;
}

[dir="ltr"] .regional_item {
  background: linear-gradient(180deg, rgba(147, 70, 224, 0.2) 0%, rgba(147, 70, 224, 0.06) 100%);
}

[dir="rtl"] .regional_item {
  background: linear-gradient(-180deg, rgba(147, 70, 224, 0.2) 0%, rgba(147, 70, 224, 0.06) 100%);
}

[dir="ltr"] .regional_item:not(:first-child) {
  margin-left: 0.03rem;
}

[dir="rtl"] .regional_item:not(:first-child) {
  margin-right: 0.03rem;
}

[dir="ltr"] .regional_item.current {
  background: linear-gradient(180deg, rgba(147, 70, 224, 0.76) 0%, rgba(147, 70, 224, 0.2) 100%);
}

[dir="rtl"] .regional_item.current {
  background: linear-gradient(-180deg, rgba(147, 70, 224, 0.76) 0%, rgba(147, 70, 224, 0.2) 100%);
}

.regional_item--1 .regional_item__media,
.regional_item--2 .regional_item__media,
.regional_item--3 .regional_item__media {
  box-shadow: 0 0 0.08rem rgba(255, 230, 65, 0.3);
}

.regional_item--1 .regional_item__media:after,
.regional_item--2 .regional_item__media:after,
.regional_item--3 .regional_item__media:after {
  content: "";
  position: absolute;
  top: -0.08rem;
  width: 0.25rem;
  height: 0.23rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

[dir="ltr"] .regional_item--1 .regional_item__media:after,
[dir="ltr"] .regional_item--2 .regional_item__media:after,
[dir="ltr"] .regional_item--3 .regional_item__media:after {
  right: -0.08rem;
}

[dir="rtl"] .regional_item--1 .regional_item__media:after,
[dir="rtl"] .regional_item--2 .regional_item__media:after,
[dir="rtl"] .regional_item--3 .regional_item__media:after {
  left: -0.08rem;
}

.regional_item--1 .regional_item__media {
  background: #FFE641;
}

.regional_item--1 .regional_item__media:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA6CAMAAAA3Dq9LAAAAdVBMVEUAAAD/5UD/5kH/5kH/30D/5UL/50D/5ED/50D/5kD/5kH/5kH/5kD/50D/5kD/5ED/5ED/5kL/5UH/5EH/5ED/50D/50H/5kD/5ED/5kGtaSvgtzjXqTa3eC363z/NmjPgtznVpzXvzzzvzjz11z7GkDG8gC+0kgi6AAAAGXRSTlMAIN/vEH+/MG9Pz5+PQH9wYK+gkI9fP69fDNhSsAAAAXRJREFUSMftl9tWwjAQRSdNmktbQFDUKVdF/f9PFJrFCjVlhjIvPrAfWd1nMclJL/AvMd6BiGe0Iv8JEZXAVwUiekHAyZfMUGKHudefYMRLFkAyQ41nzEC6tzjjF+DKDK60eKShB4huPsOkPI8WyAqfrspnmDQ6/eroCl/iu8zOTmiuwr0ZTKg19nkjfPXnYm01Zni6wjyv1A7ScA0PN/kVW+Gc1WaFEbJG86t+27YpIoxegMPR7yK2RI3IFdxvYsIXUSM6Ydf5n+wZLym/jT5OgWA26H90/j7ViCBo2udvlE4P+2uiRnSb1n0faxiXsEp+ZAmjEg49P9aIx1R4Zvtz9Hd4gW2C4RMWKWHXfufnsV4qoGkuVnGLQxRz75iHA4+2SpiAQfgfXpiXFI4psLUm8cDhCkLXYcybQk7hACQJhYLbUNWgXxm4FWMxp858igWz/Txlvv2ihHcASYJ2cA8zZvt4ghb46WBYI/sCqEGE8vDgOr+SjHYzFCDJgwAAAABJRU5ErkJggg==);
}

.regional_item--2 .regional_item__media {
  background: #A1D2FF;
}

.regional_item--2 .regional_item__media:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAyCAMAAAAgCtj5AAAAb1BMVEUAAACf0P+h0v+i0v+h0/+h0v+fz/+h0f+h0/+h0/+i0v+f0f+h0f+fz/+g0v+h0v+h0v+h0f+fz/+f0/+h0/+f1P+h0v86gMCHvu9tqeB7tOiUyPdHisiUx/eOw/NTldBBhcRzruRgn9hamdNNj8wQtP83AAAAFnRSTlMAIN9/v+8Qz2+vn3A/MI9fT6BQQM8w5MbcRgAAAUtJREFUSMfVlNlugzAURNnMGkKW9mIwkKTt/39jqa30usieyHmpch6RjjAzjKP/JX5rntFqEk9YDRHtwo8oVm0frCW0koRaKWkCT3kmQxptycuT/8MSMmSb52VGlIHs78SWk64OyqmhX0rbMRxQ9nxK4zCxP3smNw6TgOwZQRsqt3UiTAmyB+xg9jbyc/r6UGSA2dsMvWbkaLfE5GDsDdJb9lk4vavWJn/ZrdOb1fxjLq6ycZIXfUouG3rzMIyjlIvS37dw2dCbp97iwmVj7481qQdzzwtujN+lTNnIq2xvVFJKLVGRR5Cj7Q3EFHUXA29Phht7PLmqfAdXHv9akraIrMOevPLbQma+3FyWaMEN5iUBwXQBFh6EodAW8JyDyDyt4yHVSPB6KRYcHrKw1z0WeEh3hGdweEhJGwVxBCUjUlAy9EDJiEP0snwDUDxNc8VTGOUAAAAASUVORK5CYII=);
}

.regional_item--3 .regional_item__media {
  background: #FFBD86;
}

.regional_item--3 .regional_item__media:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAyCAMAAAAgCtj5AAAAe1BMVEUAAAD/vYb/t4T/vob/vYb/vYT/v4b/vYb/vYb/v3//vYX/vYX/uoX/vYb/vob/vYb/vIj/u4P/vob/v4b/vIP/r3//vYX/vIP/u4f/vYbDeTv4tXz7uYHoomjQiEvwrHPdllrXkFTsqG7inGHLgUTHfT/KgUT0sHj0sHeJO3AuAAAAGXRSTlMA3yC/b38gz58Q74Awr++PT0A/X1AQYF9ASFfcjQAAAWdJREFUSMfVk1lygzAQRBGI1XvsLCMwBu/3P2GElsgOqCn8k8r7FLzSqLsm+FuSlL+iZVS8YHEi2kwfcSm11WSNkYRNtWZSmj7lF2ni3pec7/wPY0aLns9DHskzkL0leXBm0kE5cfqBPziGNcjeElnHEaLsLbl2HAxk71jSLxbD1o4wHGfvqE513ZRkeIPZO+4X0bEnDc7eUdZCcbTR9klogEp7F3/Zm4KGuJet9A7+sufP3lElIf/fd68DZYeMHOX1LL2T2B+u+jZbNvaOQpzL8iIUZ1P2uHdSAZZXlcjNlQ098yJtNzdQtiZPbfSim7LqYnRlA29BmkZorJbmASRzTStaMqTZNgHeynitsuqKHmALPvd5se2uaZsD9VhGW+ABWPCKV3jn5OiuMPDyMW6BheiTSgt6bMiK3oMRwgEvQ4LXi7HQ87CFvc9xwS2SpfAsHF4kNg8mkYGSETEoGXqgZMQ6+Ld8AyvGWIXHsX55AAAAAElFTkSuQmCC);
}

.regional_item__media {
  position: relative;
  width: 0.63rem;
  height: 0.43rem;
  margin: 0.16rem auto 0;
  padding: 2px;
}

.regional_item__media img {
  display: block;
  width: 100%;
  height: 100%;
}

.regional_item__name {
  position: relative;
  margin-top: 0.1rem;
  font-size: 0.13rem;
  font-weight: bold;
  color: #fff;
}

.regional_item__data {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.11rem;
  color: rgba(255, 255, 255, 0.6);
}

.regional_item__data .icon_svg {
  display: block;
  width: 0.1rem;
  height: 0.1rem;
  fill: rgba(255, 255, 255, 0.8);
}

[dir="ltr"] .regional_item__data .icon_svg {
  margin-right: 0.02rem;
}

[dir="rtl"] .regional_item__data .icon_svg {
  margin-left: 0.02rem;
}

.vote_head {
  padding: 0.33rem 0.2rem 0.25rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
}

.vote_head__avatar {
  position: relative;
  width: 1.43rem;
  height: 1.43rem;
  margin: 0 auto;
  border-radius: 50%;
  box-sizing: border-box;
  border: 2px solid rgba(255, 255, 255, 0.3);
}

.vote_head__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

.vote_head__avatar--square {
  border-radius: 0;
}

[dir="ltr"] .vote_head__avatar--square .vote_head__country {
  left: -0.15rem;
}

[dir="rtl"] .vote_head__avatar--square .vote_head__country {
  right: -0.15rem;
}

.vote_head__country {
  position: absolute;
  bottom: -0.02rem;
  width: 0.3rem;
  height: 0.3rem;
  box-sizing: border-box;
  padding: 2px;
  border-radius: 50%;
  background: #fff;
}

[dir="ltr"] .vote_head__country {
  left: 0.1rem;
}

[dir="rtl"] .vote_head__country {
  right: 0.1rem;
}

.vote_head__country img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

.vote_head__tit {
  margin-top: 0.2rem;
  font-size: 0.18rem;
  font-weight: bold;
}

.vote_head__sub {
  font-size: 0.14rem;
  color: rgba(255, 255, 255, 0.7);
}

.vote_head__data {
  display: flex;
  margin: 0.48rem -0.2rem 0;
  padding: 0 0.1rem;
}

.vote_head__data_item {
  flex: 1;
  text-align: center;
}

.vote_head__data_tit {
  font-size: 0.18rem;
  font-weight: bold;
  color: #FFE641;
}

.vote_head__data_txt {
  margin-top: 0.04rem;
  font-size: 0.12rem;
  color: rgba(255, 255, 255, 0.8);
}

.vote_head__btn {
  width: 2.45rem;
  height: 0.42rem;
  margin: 0.24rem auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.24rem;
  background: #15F190;
  font-size: 0.16rem;
  font-weight: bold;
  color: #000;
}

.countdown {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.countdown_box {
  width: 3.55rem;
  padding-top: 0.3rem;
  padding-bottom: 0.24rem;
}

[dir="ltr"] .countdown_box {
  background: linear-gradient(180deg, rgba(147, 70, 224, 0.2) 0%, rgba(147, 70, 224, 0.06) 100%);
}

[dir="rtl"] .countdown_box {
  background: linear-gradient(-180deg, rgba(147, 70, 224, 0.2) 0%, rgba(147, 70, 224, 0.06) 100%);
}

.countdown_tips {
  text-align: center;
  margin-bottom: 0.2rem;
  padding: 0 0.12rem;
  font-size: 0.12rem;
  color: rgba(255, 255, 255, 0.6);
}

.countdown_list {
  display: flex;
  justify-content: center;
}

.countdown_item {
  margin: 0 0.06rem;
}

.countdown_item__box {
  width: 0.64rem;
  height: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  background: linear-gradient(to bottom, #fff 50%, #EAEAEA 50%);
  font-size: 0.44rem;
  color: #160758;
}

.countdown_item__txt {
  margin-top: 0.07rem;
  text-align: center;
  font-size: 0.11rem;
  color: rgba(255, 255, 255, 0.2);
}

.signd {
  margin: 0.25rem 0.1rem 0;
  background: rgba(147, 70, 224, 0.2);
}

.signd_hd {
  padding: 0.17rem 0.14rem;
  display: flex;
  align-items: center;
}

.signd_hd__tick {
  position: relative;
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 50%;
  background: #15F190;
}

[dir="ltr"] .signd_hd__tick {
  margin-right: 0.14rem;
}

[dir="rtl"] .signd_hd__tick {
  margin-left: 0.14rem;
}

.signd_hd__tick:after {
  content: "";
  position: absolute;
  top: 0.09rem;
  width: 0.12rem;
  height: 0.08rem;
  border: 0.03rem solid #0e004f;
}

[dir="ltr"] .signd_hd__tick:after {
  left: 50%;
  transform: translate(-50%, 0) rotate(-45deg);
  border-width: 0 0 0.03rem 0.03rem;
}

[dir="rtl"] .signd_hd__tick:after {
  right: 50%;
  transform: translate(50%, 0) rotate(45deg);
  border-width: 0 0.03rem 0.03rem 0;
}

.signd_hd__bd {
  flex: 1;
  overflow: hidden;
}

.signd_hd__tit {
  font-size: 0.14rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.8);
}

.signd_hd__txt {
  margin-top: 0.02rem;
  font-size: 0.12rem;
  color: rgba(255, 255, 255, 0.6);
}

.signd_hd__arrow {
  position: relative;
  width: 0.07rem;
  height: 0.07rem;
  padding: 0.1rem;
}

.signd_hd__arrow:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0.07rem;
  height: 0.07rem;
  border-style: solid;
  border-color: #fff;
}

[dir="ltr"] .signd_hd__arrow:after {
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  border-width: 2px 2px 0 0;
}

[dir="rtl"] .signd_hd__arrow:after {
  right: 50%;
  transform: translate(50%, -50%) rotate(45deg);
  border-width: 2px 0 0 2px;
}

.signd_bd {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 0.16rem;
}

.signd_bd__item {
  width: 0.8rem;
  text-align: center;
}

[dir="ltr"] .signd_bd__item {
  background: linear-gradient(180deg, rgba(147, 70, 224, 0.2) 0%, rgba(147, 70, 224, 0.06) 100%);
}

[dir="rtl"] .signd_bd__item {
  background: linear-gradient(-180deg, rgba(147, 70, 224, 0.2) 0%, rgba(147, 70, 224, 0.06) 100%);
}

[dir="ltr"] .signd_bd__item:not(:nth-child(4n+1)) {
  margin-left: 0.03rem;
}

[dir="rtl"] .signd_bd__item:not(:nth-child(4n+1)) {
  margin-right: 0.03rem;
}

.signd_bd__item:nth-child(n+5) {
  margin-top: 0.06rem;
}

.signd_bd__txt {
  margin-top: 0.06rem;
  line-height: 0.12rem;
  font-size: 0.1rem;
  color: rgba(255, 255, 255, 0.8);
}

.signd_bd__txt.disabled {
  color: rgba(255, 255, 255, 0.3);
}

.signd_bd__media {
  position: relative;
  margin: 0.08rem auto 0;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
}

.signd_bd__media .signd_hd__tick {
  position: absolute;
  top: 50%;
  margin: 0;
}

[dir="ltr"] .signd_bd__media .signd_hd__tick {
  left: 50%;
  transform: translate(-50%, -50%) scale(0.48);
}

[dir="rtl"] .signd_bd__media .signd_hd__tick {
  right: 50%;
  transform: translate(50%, -50%) scale(0.48);
}

.signd_bd__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.signd_bd__media.disabled img {
  opacity: 0.3;
}

.signd_bd__btn {
  width: 0.61rem;
  height: 0.17rem;
  margin: 0.06rem auto 0.08rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.09rem;
  background: #15F190;
  font-size: 0.1rem;
  color: #0E004F;
}

.signd_bd__btn.disabled {
  background: rgba(111, 37, 185, 0.3);
  color: rgba(255, 255, 255, 0.3);
}

.signd_bd__btn.noborder {
  border: 0;
  background: none;
  font-size: 0.08rem;
  color: rgba(255, 255, 255, 0.8);
}

.schedule {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.25rem;
}

.schedule_box {
  width: 3.55rem;
  margin: 0 auto;
}

[dir="ltr"] .schedule_box {
  background: linear-gradient(180deg, rgba(147, 70, 224, 0.2) 0%, rgba(147, 70, 224, 0.06) 100%);
}

[dir="rtl"] .schedule_box {
  background: linear-gradient(-180deg, rgba(147, 70, 224, 0.2) 0%, rgba(147, 70, 224, 0.06) 100%);
}

.schedule_list {
  display: flex;
  flex-wrap: wrap;
  padding: 0.48rem 0.16rem 0.31rem;
}

.schedule_item {
  width: 33.33%;
}

.schedule_item:nth-child(2) {
  text-align: center;
}

[dir="ltr"] .schedule_item:nth-child(3) {
  text-align: right;
}

[dir="rtl"] .schedule_item:nth-child(3) {
  text-align: left;
}

.schedule_item:nth-child(4) {
  order: 6;
}

[dir="ltr"] .schedule_item:nth-child(4) {
  text-align: right;
}

[dir="rtl"] .schedule_item:nth-child(4) {
  text-align: left;
}

.schedule_item:nth-child(5) {
  text-align: center;
  order: 5;
}

.schedule_item:nth-child(6) {
  order: 4;
}

.schedule_item__time {
  font-size: 0.09rem;
  color: rgba(255, 255, 255, 0.6);
}

.schedule_item__tit {
  font-size: 0.12rem;
  font-weight: bold;
}

.schedule_item__txt {
  font-size: 0.09rem;
}

.schedule_item__line {
  width: 3.28rem;
  height: 0.6rem;
  margin: 0.1rem auto;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAocAAAB4BAMAAAByYUU0AAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMAM+AgEH8q77+vb18EGAyY/LzwAAAC4ElEQVR42u2dLW8UURhGX+i04WMpe7ekrqENCFBbsAgKCSFBIUiQ3fXgQJdgERAkBgQGBQkGx/IPqEHzE2BJUz7EZXay3L0JV3XeJs8m56hbd3ImO5le81jNrefxwnsTpHrTHz/ZNFVyvRs7sea2yVHdjTV7Jkqut9CPE8Z6T/xybDhnmiS95izqWj9d1cf7n970HMdbpsXROOW8KZLrLTYHz7fiktPT2I5T9qS0SnpXU8QH5sOR1ZHLzyWJ7W8JaRX1PqY/fntFDCseuidj4pWQVlHvaTr/cosY7lt7jsXEMyGtol4/ncdBil5MbAQ9Mr11izOCFGdj4nvQI9P7lkf0+zmvWXtOZ5ZCWiW9/OfsFnFt5PIdllgX0irqvUznn26fOF/NgeMx8UhIq6j3Np3/aH1sn4iJd0JaRb2b6fzDfOiYC9VOMtsU0irqLcYJipdh27FG9zIs16vSBYSJcX324lZkpsdVmIMel7JOes1bcf+O6dG8dh6q3XOW9a48jhdfmyALH/rjF7IN1fXmhWBARAWISEQNiEhEDYhIRA2ISEQNiEhEDYhIRA2ISEQNiEhEDYhIRA2ISEQNiEhEDYhIRA2ISEQNiEhEDYjYls4whLBq0IprdcQzBq1YqiMODFqxXEccGbRjN6wYtORTuGfQklPhswHfiQIQkYgaEJGIGhCRiBoQkYgaEJGIGhCRiBoQkYgaEJGIGhCRiBoQkYgaEJGIGhCRiBoQkYgaEJGIGhCRiBoQkYgaEJGIGhCRiBpMI7I0ztL4gWBpXAeWxlkalyDTY3JOc2m8ZiS4NJ605mJp3KwamMktjeda+kvjtjzsCi6NF7X8l8bNh86l0BWcJs61vPX8R7J3Q+gKjmTnWs56zLW30CstjQcpejGxEfToHe7S+JcQuoJL47mW/tL45A0uuDSea+kvjVtn2BVcGv+nNS9L49VA8t++iRZL41KwNM7SuAgsjbM0LkLS+wtiMrINhpTZsQAAAABJRU5ErkJggg==) center no-repeat;
  background-size: contain;
}

.artists {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.25rem;
}

.artists_box {
  width: 3.55rem;
  margin: 0 auto;
  padding-top: 0.42rem;
  padding-bottom: 0.2rem;
  text-align: center;
}

[dir="ltr"] .artists_box {
  background: linear-gradient(180deg, rgba(147, 70, 224, 0.2) 0%, rgba(147, 70, 224, 0.06) 100%);
}

[dir="rtl"] .artists_box {
  background: linear-gradient(-180deg, rgba(147, 70, 224, 0.2) 0%, rgba(147, 70, 224, 0.06) 100%);
}

.artists_list {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  overflow-y: hidden;
  font-size: 0;
}

.artists_list::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.artists_inner {
  display: inline-flex;
  padding: 0 0.08rem;
}

.artists_item {
  width: 0.75rem;
  margin: 0 0.1rem;
  text-align: center;
}

.artists_item__avatar {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
}

.artists_item__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

.artists_item__name {
  margin-top: 0.08rem;
  font-size: 0.12rem;
  font-weight: bold;
}

.mod_box__act {
  margin-top: 0.16rem;
  display: flex;
  justify-content: center;
}

.mod_box__btn {
  width: 0.97rem;
  height: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.13rem;
  background: rgba(111, 37, 185, 0.3);
  font-size: 0.11rem;
  color: rgba(255, 255, 255, 0.8);
}

.mod_box__btn .icon_arrow {
  width: 0.05rem;
  height: 0.05rem;
  border: 2px solid currentColor;
}

[dir="ltr"] .mod_box__btn .icon_arrow {
  margin-left: 0.02rem;
  transform: rotate(-45deg);
  border-width: 0 1px 1px 0;
}

[dir="rtl"] .mod_box__btn .icon_arrow {
  margin-right: 0.02rem;
  transform: rotate(45deg);
  border-width: 0 0 1px 1px;
}

.songs {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.25rem;
}

.songs_box {
  width: 3.55rem;
  margin: 0 auto;
  padding-top: 0.34rem;
  padding-bottom: 0.2rem;
}

[dir="ltr"] .songs_box {
  background: linear-gradient(180deg, rgba(147, 70, 224, 0.2) 0%, rgba(147, 70, 224, 0.06) 100%);
}

[dir="rtl"] .songs_box {
  background: linear-gradient(-180deg, rgba(147, 70, 224, 0.2) 0%, rgba(147, 70, 224, 0.06) 100%);
}

.songs_list {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  overflow-y: hidden;
  font-size: 0;
}

.songs_list::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.songs_inner {
  display: inline-flex;
  padding: 0 0.12rem;
}

.songs_item {
  max-width: 75vw;
}

[dir="ltr"] .songs_item:not(:first-child) {
  margin-left: 0.2rem;
}

[dir="rtl"] .songs_item:not(:first-child) {
  margin-right: 0.2rem;
}

.songs_item__child {
  display: flex;
  align-items: center;
}

.songs_item__child:not(:first-child) {
  margin-top: 0.12rem;
}

.songs_item__media {
  width: 0.54rem;
  height: 0.54rem;
}

[dir="ltr"] .songs_item__media {
  margin-right: 0.09rem;
}

[dir="rtl"] .songs_item__media {
  margin-left: 0.09rem;
}

.songs_item__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.songs_item__bd {
  flex: 1;
  overflow: hidden;
}

.songs_item__tit {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.songs_item__tit.play {
  color: #15F190;
}

.songs_item__name {
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.14rem;
}

.songs_item__play {
  flex-shrink: 0;
  height: 0.09rem;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}

[dir="ltr"] .songs_item__play {
  margin-left: 0.06rem;
}

[dir="rtl"] .songs_item__play {
  margin-right: 0.06rem;
}

.songs_item__play i {
  width: 0.02rem;
  height: 90%;
  margin: 0 0.01rem;
  background: currentColor;
  animation: music 1.5s infinite ease-in-out;
}

.songs_item__play i:nth-child(2) {
  animation-delay: 0.2s;
}

.songs_item__play i:nth-child(3) {
  animation-delay: 0.4s;
}

.songs_item__play i:nth-child(4) {
  animation-delay: -0.8s;
}

.songs_item__txt {
  font-size: 0.12rem;
  color: rgba(255, 255, 255, 0.6);
}

@keyframes music {
  0% {
    transform: translateY(50%);
  }

  25% {
    transform: translateY(25%);
  }

  50% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(70%);
  }
}

.contest_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.24rem;
  padding: 0 calc((100% - 1.8rem*2) / 2);
}

.contest_list--song .contest_item {
  width: 1.6rem;
  margin: 0 0.1rem;
}

[dir="ltr"] .contest_list--song .contest_item {
  text-align: left;
}

[dir="rtl"] .contest_list--song .contest_item {
  text-align: right;
}

.contest_list--song .contest_item__media {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0;
}

.contest_item {
  width: 1.3rem;
  margin: 0 0.25rem;
  text-align: center;
  overflow: hidden;
}

.contest_item:nth-child(n+3) {
  margin-top: 0.24rem;
}

.contest_item__media {
  position: relative;
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 50%;
}

.contest_item__media img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

.contest_item__play {
  position: absolute;
  bottom: 0.04rem;
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 50%;
}

[dir="ltr"] .contest_item__play {
  right: 0.04rem;
}

[dir="rtl"] .contest_item__play {
  left: 0.04rem;
}

.contest_item__play .icon_svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.contest_item__tit {
  margin-top: 0.12rem;
  font-size: 0.14rem;
  font-weight: bold;
}

.contest_item__txt {
  font-size: 0.12rem;
  color: rgba(255, 255, 255, 0.6);
}

.contest_tips {
  text-align: center;
  padding: 0.2rem 0.16rem;
  font-size: 0.12rem;
  color: rgba(255, 255, 255, 0.4);
}

.mod_loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.18rem 0.1rem;
}

.mod_loading__icon {
  width: 0.2rem;
  height: 0.2rem;
  animation: a_loading 1s steps(12, end) infinite;
  background: transparent url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E") no-repeat;
  background-size: 100%;
}

[dir="ltr"] .mod_loading__icon {
  margin-right: 0.06rem;
}

[dir="rtl"] .mod_loading__icon {
  margin-left: 0.06rem;
}

.mod_loading__txt {
  font-size: 0.14rem;
}

@keyframes a_loading {
  0% {
    transform: rotate3d(0, 0, 1, 0deg);
  }

  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}

.mod_blank {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}

.mod_blank__media {
  width: 0.93rem;
  height: 0.93rem;
}

.mod_blank__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.mod_blank__txt {
  margin-top: 0.15rem;
  font-size: 0.11rem;
  color: rgba(255, 255, 255, 0.6);
}

.mod_dialog {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

[dir="ltr"] .mod_dialog {
  left: 0;
}

[dir="rtl"] .mod_dialog {
  right: 0;
}

.mod_dialog__mask {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

[dir="ltr"] .mod_dialog__mask {
  left: 0;
}

[dir="rtl"] .mod_dialog__mask {
  right: 0;
}

.mod_dialog__panel {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

[dir="ltr"] .mod_dialog__panel {
  left: 0;
}

[dir="rtl"] .mod_dialog__panel {
  right: 0;
}

.mod_dialog__tit {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 0 0.42rem;
  font-size: 0.24rem;
  font-weight: bold;
  line-height: 0.3rem;
}

.mod_dialog__meida {
  position: relative;
  width: 1.2rem;
  height: 1.2rem;
  margin-top: 0.57rem;
}

.mod_dialog__meida:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: rgba(255, 0, 199, 0.54);
  filter: blur(0.3rem);
}

[dir="ltr"] .mod_dialog__meida:before {
  left: 50%;
  transform: translate(-50%, -50%);
}

[dir="rtl"] .mod_dialog__meida:before {
  right: 50%;
  transform: translate(50%, -50%);
}

.mod_dialog__meida img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.mod_dialog__num {
  margin-top: 0.4rem;
  font-size: 0.24rem;
  font-weight: bold;
  color: #FFF08F;
}

.mod_dialog__btn {
  width: 1.9rem;
  height: 0.44rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.4rem;
  border-radius: 0.5rem;
  background: #15F190;
  font-size: 0.18rem;
  font-weight: bold;
  color: #0E004F;
}

.mod_dialog__box {
  position: fixed;
  top: 50%;
  width: 3.35rem;
  box-sizing: border-box;
  text-align: center;
  border-radius: 0.12rem;
  background: #533FBB;
  overflow: hidden;
  z-index: 20;
}

[dir="ltr"] .mod_dialog__box {
  left: 50%;
  transform: translate(-50%, -50%);
}

[dir="rtl"] .mod_dialog__box {
  right: 50%;
  transform: translate(50%, -50%);
}

.mod_dialog__hd {
  height: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 0.16rem;
}

.mod_dialog__bd {
  max-height: 2.5rem;
  box-sizing: border-box;
  padding: 0 0.2rem 0.2rem;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  font-size: 0.14rem;
}

.mod_dialog__bd::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.mod_dialog__ft {
  position: relative;
  height: 0.5rem;
  display: flex;
}

.mod_dialog__ft:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 1px;
  background: #95A0FD;
  transform: scaleY(0.5);
}

[dir="ltr"] .mod_dialog__ft:after {
  left: 0;
  transform-origin: 0 0;
}

[dir="rtl"] .mod_dialog__ft:after {
  right: 0;
  transform-origin: 100% 0;
}

.mod_dialog__ft .mod_dialog__btn {
  flex: 1;
  height: 100%;
  background: none;
  border-radius: 0;
  margin: 0;
  font-size: 0.16rem;
  font-weight: normal;
  color: #fff;
}

.mod_dialog__ft .mod_dialog__btn:active {
  background-color: rgba(0, 0, 0, 0.03);
}

.avatar_square {
  border-radius: 0;
}

[dir="ltr"] .avatar_square .supported_item__num {
  left: -0.06rem;
}

[dir="rtl"] .avatar_square .supported_item__num {
  right: -0.06rem;
}

.footer {
  height: 0.9rem;
}

.footer_item {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 0.7rem;
  padding: 0.15rem 0.11rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 0.1rem 0.1rem 0 0;
  background: #26127D;
  z-index: 10;
}

.footer_item__index {
  width: 0.22rem;
  height: 0.22rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(155, 108, 255, 0.3);
  font-size: 0.12rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.6);
}

[dir="ltr"] .footer_item__index {
  margin-right: 0.08rem;
}

[dir="rtl"] .footer_item__index {
  margin-left: 0.08rem;
}

.footer_item__avatar {
  position: relative;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
}

[dir="ltr"] .footer_item__avatar {
  margin-right: 0.1rem;
}

[dir="rtl"] .footer_item__avatar {
  margin-left: 0.1rem;
}

.footer_item__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

.footer_item__bd {
  position: relative;
  flex: 1;
  overflow: hidden;
}

[dir="ltr"] .footer_item__bd {
  margin-right: 0.12rem;
}

[dir="rtl"] .footer_item__bd {
  margin-left: 0.12rem;
}

.footer_item__name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: bold;
  font-size: 0.14rem;
}

.footer_item__data {
  display: flex;
  align-items: center;
  font-size: 0.14rem;
  color: rgba(255, 255, 255, 0.6);
}

.footer_item__data .icon_svg {
  width: 0.1rem;
  height: 0.1rem;
  fill: currentColor;
}

[dir="ltr"] .footer_item__data .icon_svg {
  margin-right: 0.02rem;
}

[dir="rtl"] .footer_item__data .icon_svg {
  margin-left: 0.02rem;
}